st-comp 0.0.279 → 0.0.280

package/es/el-autocomplete-eac54f9f.js

@@ -0,0 +1,434 @@
+import { b as Ne, c as _, N as Ie, a as R, s as U, k as Te, m as F, u as Ae, V as De, t as Fe, w as Oe } from "./base-dd156b8e.js";
+import { b as N, U as P, I as W, C as re, l as Pe, E as Ve, g as Be, a as d } from "./el-popper-852446fd.js";
+import { a as Me } from "./index-a181f161.js";
+import { E as Ke, l as Re } from "./index-60900c6c.js";
+import { g as Ue, w as We } from "./use-form-item-187cd7db.js";
+import { i as Le, E as ee } from "./el-input-e66500b7.js";
+import { E as qe } from "./index-a0522466.js";
+import { defineComponent as He, computed as k, useAttrs as ze, ref as f, onBeforeUnmount as je, onMounted as xe, openBlock as w, createBlock as Ge, unref as s, withCtx as g, createElementVNode as te, normalizeClass as $, normalizeStyle as oe, createElementBlock as I, withModifiers as ae, renderSlot as m, createCommentVNode as se, createVNode as O, Fragment as Je, renderList as Qe, createTextVNode as Xe, toDisplayString as Ye, mergeProps as le, createSlots as Ze } from "vue";
+const _e = Ne({
+  ...Le,
+  /**
+  * @description key name of the input suggestion object for display
+  */
+  valueKey: {
+    type: String,
+    default: "value"
+  },
+  /**
+  * @description binding value
+  */
+  modelValue: {
+    type: [String, Number],
+    default: ""
+  },
+  /**
+  * @description debounce delay when typing, in milliseconds
+  */
+  debounce: {
+    type: Number,
+    default: 300
+  },
+  /**
+  * @description placement of the popup menu
+  */
+  placement: {
+    type: _(String),
+    values: [
+      "top",
+      "top-start",
+      "top-end",
+      "bottom",
+      "bottom-start",
+      "bottom-end"
+    ],
+    default: "bottom-start"
+  },
+  /**
+  * @description a method to fetch input suggestions. When suggestions are ready, invoke `callback(data:[])` to return them to Autocomplete
+  */
+  fetchSuggestions: {
+    type: _([Function, Array]),
+    default: Ie
+  },
+  /**
+  * @description custom class name for autocomplete's dropdown
+  */
+  popperClass: N.popperClass,
+  /**
+  * @description custom style for autocomplete's dropdown
+  */
+  popperStyle: N.popperStyle,
+  /**
+  * @description [popper.js](https://popper.js.org/docs/v2/) parameters
+  */
+  popperOptions: N.popperOptions,
+  /**
+  * @description determines whether the arrow is displayed
+  */
+  showArrow: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+  * @description whether show suggestions when input focus
+  */
+  triggerOnFocus: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+  * @description whether to emit a `select` event on enter when there is no autocomplete match
+  */
+  selectWhenUnmatched: Boolean,
+  /**
+  * @description whether to hide the loading icon in remote search
+  */
+  hideLoading: Boolean,
+  /**
+  * @description whether select dropdown is teleported to the body
+  */
+  teleported: N.teleported,
+  /**
+  * @description which select dropdown appends to
+  */
+  appendTo: N.appendTo,
+  /**
+  * @description whether to highlight first item in remote search suggestions by default
+  */
+  highlightFirstItem: Boolean,
+  /**
+  * @description whether the width of the dropdown is the same as the input
+  */
+  fitInputWidth: Boolean,
+  /**
+  * @description whether keyboard navigation loops from end to start
+  */
+  loopNavigation: {
+    type: Boolean,
+    default: !0
+  }
+}), et = {
+  [P]: (o) => R(o) || U(o),
+  [W]: (o) => R(o) || U(o),
+  [re]: (o) => R(o) || U(o),
+  focus: (o) => o instanceof FocusEvent,
+  blur: (o) => o instanceof FocusEvent,
+  clear: () => !0,
+  select: (o) => Te(o)
+}, tt = ["aria-expanded", "aria-owns"], ot = { key: 0 }, at = [
+  "id",
+  "aria-selected",
+  "onClick"
+], ne = "ElAutocomplete";
+var st = /* @__PURE__ */ He({
+  name: ne,
+  inheritAttrs: !1,
+  __name: "autocomplete",
+  props: _e,
+  emits: et,
+  setup(o, { expose: ue, emit: ie }) {
+    const l = o, i = ie, pe = k(() => {
+      const e = ee.props ?? [];
+      return Pe(l, F(e) ? e : Object.keys(e));
+    }), ce = ze(), L = Ue(), u = Ae("autocomplete"), c = f(), q = f(), T = f(), H = f();
+    let z = !1, S = !1;
+    const r = f([]), a = f(-1), j = f(""), p = f(!1), A = f(!1), y = f(!1), E = Me(), de = k(() => ce.style), h = k(() => (r.value.length > 0 || y.value) && p.value), x = k(() => !l.hideLoading && y.value), fe = k(() => c.value ? Array.from(c.value.$el.querySelectorAll("input")) : []), ve = () => {
+      h.value && (j.value = `${c.value.$el.offsetWidth}px`);
+    }, ge = () => {
+      a.value = -1;
+    }, G = async (e) => {
+      if (A.value)
+        return;
+      const t = (n) => {
+        y.value = !1, !A.value && (F(n) ? (r.value = n, a.value = l.highlightFirstItem ? 0 : -1) : Fe(ne, "autocomplete suggestions must be an array"));
+      };
+      if (y.value = !0, F(l.fetchSuggestions))
+        t(l.fetchSuggestions);
+      else {
+        const n = await l.fetchSuggestions(e, t);
+        F(n) && t(n);
+      }
+    }, V = De(G, k(() => l.debounce)), me = (e) => {
+      const t = !!e;
+      if (i(W, e), i(P, e), A.value = !1, p.value || (p.value = t), !l.triggerOnFocus && !e) {
+        A.value = !0, r.value = [];
+        return;
+      }
+      V(e);
+    }, he = (e) => {
+      var t;
+      L.value || (((t = e.target) == null ? void 0 : t.tagName) !== "INPUT" || fe.value.includes(document.activeElement)) && (p.value = !0);
+    }, be = (e) => {
+      i(re, e);
+    }, ye = (e) => {
+      if (S)
+        S = !1;
+      else {
+        p.value = !0, i("focus", e);
+        const t = l.modelValue ?? "";
+        l.triggerOnFocus && !z && (r.value = [], a.value = -1, V(String(t)));
+      }
+    }, J = (e) => {
+      setTimeout(() => {
+        var t;
+        if ((t = T.value) != null && t.isFocusInsideContent()) {
+          S = !0;
+          return;
+        }
+        p.value && C(), i("blur", e);
+      });
+    }, Ee = () => {
+      p.value = !1, i(P, ""), i("clear");
+    }, Q = async () => {
+      var e;
+      (e = c.value) != null && e.isComposing || (h.value && a.value >= 0 && a.value < r.value.length ? B(r.value[a.value]) : (l.selectWhenUnmatched && (i("select", { value: l.modelValue }), r.value = [], a.value = -1), p.value = !0, V(String(l.modelValue))));
+    }, ke = (e) => {
+      h.value && (e.preventDefault(), e.stopPropagation(), C());
+    }, C = () => {
+      p.value = !1;
+    }, we = () => {
+      var e;
+      (e = c.value) == null || e.focus();
+    }, $e = () => {
+      var e;
+      (e = c.value) == null || e.blur();
+    }, B = async (e) => {
+      i(W, e[l.valueKey]), i(P, e[l.valueKey]), i("select", e), r.value = [], a.value = -1;
+    }, b = (e) => {
+      var Y, Z;
+      if (!h.value || y.value)
+        return;
+      if (e < 0) {
+        if (!l.loopNavigation) {
+          a.value = -1;
+          return;
+        }
+        e = r.value.length - 1;
+      }
+      e >= r.value.length && (e = l.loopNavigation ? 0 : r.value.length - 1);
+      const [t, n] = Se(), v = n[e], K = t.scrollTop, { offsetTop: D, scrollHeight: X } = v;
+      D + X > K + t.clientHeight && (t.scrollTop = D + X - t.clientHeight), D < K && (t.scrollTop = D), a.value = e, (Z = (Y = c.value) == null ? void 0 : Y.ref) == null || Z.setAttribute("aria-activedescendant", `${E.value}-item-${a.value}`);
+    }, Se = () => {
+      const e = q.value.querySelector(`.${u.be("suggestion", "wrap")}`);
+      return [e, e.querySelectorAll(`.${u.be("suggestion", "list")} li`)];
+    }, M = We(H, (e) => {
+      var n;
+      if ((n = T.value) != null && n.isFocusInsideContent())
+        return;
+      const t = S;
+      S = !1, h.value && (t ? J(new FocusEvent("blur", e)) : C());
+    }), Ce = (e) => {
+      switch (Be(e)) {
+        case d.up:
+          e.preventDefault(), b(a.value - 1);
+          break;
+        case d.down:
+          e.preventDefault(), b(a.value + 1);
+          break;
+        case d.enter:
+        case d.numpadEnter:
+          e.preventDefault(), Q();
+          break;
+        case d.tab:
+          C();
+          break;
+        case d.esc:
+          ke(e);
+          break;
+        case d.home:
+          e.preventDefault(), b(0);
+          break;
+        case d.end:
+          e.preventDefault(), b(r.value.length - 1);
+          break;
+        case d.pageUp:
+          e.preventDefault(), b(Math.max(0, a.value - 10));
+          break;
+        case d.pageDown:
+          e.preventDefault(), b(Math.min(r.value.length - 1, a.value + 10));
+          break;
+      }
+    };
+    return je(() => {
+      M == null || M();
+    }), xe(() => {
+      var t;
+      const e = (t = c.value) == null ? void 0 : t.ref;
+      e && ([
+        {
+          key: "role",
+          value: "textbox"
+        },
+        {
+          key: "aria-autocomplete",
+          value: "list"
+        },
+        {
+          key: "aria-controls",
+          value: E.value
+        },
+        {
+          key: "aria-activedescendant",
+          value: `${E.value}-item-${a.value}`
+        }
+      ].forEach(({ key: n, value: v }) => e.setAttribute(n, v)), z = e.hasAttribute("readonly"));
+    }), ue({
+      /** @description the index of the currently highlighted item */
+      highlightedIndex: a,
+      /** @description autocomplete whether activated */
+      activated: p,
+      /** @description remote search loading status */
+      loading: y,
+      /** @description el-input component instance */
+      inputRef: c,
+      /** @description el-tooltip component instance */
+      popperRef: T,
+      /** @description fetch suggestions result */
+      suggestions: r,
+      /** @description triggers when a suggestion is clicked */
+      handleSelect: B,
+      /** @description handle keyboard enter event */
+      handleKeyEnter: Q,
+      /** @description focus the input element */
+      focus: we,
+      /** @description blur the input element */
+      blur: $e,
+      /** @description close suggestion */
+      close: C,
+      /** @description highlight an item in a suggestion */
+      highlight: b,
+      /** @description loading suggestion list */
+      getData: G
+    }), (e, t) => (w(), Ge(s(Ve), {
+      ref_key: "popperRef",
+      ref: T,
+      visible: h.value,
+      placement: o.placement,
+      "fallback-placements": ["bottom-start", "top-start"],
+      "popper-class": [s(u).e("popper"), o.popperClass],
+      "popper-style": o.popperStyle,
+      "popper-options": o.popperOptions,
+      "show-arrow": o.showArrow,
+      teleported: o.teleported,
+      "append-to": o.appendTo,
+      "gpu-acceleration": !1,
+      pure: "",
+      "manual-mode": "",
+      effect: "light",
+      trigger: "click",
+      transition: `${s(u).namespace.value}-zoom-in-top`,
+      persistent: "",
+      role: "listbox",
+      onBeforeShow: ve,
+      onHide: ge
+    }, {
+      content: g(() => [te("div", {
+        ref_key: "regionRef",
+        ref: q,
+        class: $([s(u).b("suggestion"), s(u).is("loading", x.value)]),
+        style: oe({
+          [o.fitInputWidth ? "width" : "minWidth"]: j.value,
+          outline: "none"
+        }),
+        role: "region"
+      }, [
+        e.$slots.header ? (w(), I("div", {
+          key: 0,
+          class: $(s(u).be("suggestion", "header")),
+          onClick: t[0] || (t[0] = ae(() => {
+          }, ["stop"]))
+        }, [m(e.$slots, "header")], 2)) : se("v-if", !0),
+        O(s(qe), {
+          id: s(E),
+          tag: "ul",
+          "wrap-class": s(u).be("suggestion", "wrap"),
+          "view-class": s(u).be("suggestion", "list"),
+          role: "listbox"
+        }, {
+          default: g(() => [x.value ? (w(), I("li", ot, [m(e.$slots, "loading", {}, () => [O(s(Ke), { class: $(s(u).is("loading")) }, {
+            default: g(() => [O(s(Re))]),
+            _: 1
+          }, 8, ["class"])])])) : (w(!0), I(Je, { key: 1 }, Qe(r.value, (n, v) => (w(), I("li", {
+            id: `${s(E)}-item-${v}`,
+            key: v,
+            class: $({ highlighted: a.value === v }),
+            role: "option",
+            "aria-selected": a.value === v,
+            onClick: (K) => B(n)
+          }, [m(e.$slots, "default", { item: n }, () => [Xe(Ye(n[o.valueKey]), 1)])], 10, at))), 128))]),
+          _: 3
+        }, 8, [
+          "id",
+          "wrap-class",
+          "view-class"
+        ]),
+        e.$slots.footer ? (w(), I("div", {
+          key: 1,
+          class: $(s(u).be("suggestion", "footer")),
+          onClick: t[1] || (t[1] = ae(() => {
+          }, ["stop"]))
+        }, [m(e.$slots, "footer")], 2)) : se("v-if", !0)
+      ], 6)]),
+      default: g(() => [te("div", {
+        ref_key: "listboxRef",
+        ref: H,
+        class: $([s(u).b(), e.$attrs.class]),
+        style: oe(de.value),
+        role: "combobox",
+        "aria-haspopup": "listbox",
+        "aria-expanded": h.value,
+        "aria-owns": s(E)
+      }, [O(s(ee), le({
+        ref_key: "inputRef",
+        ref: c
+      }, le(pe.value, e.$attrs), {
+        "model-value": o.modelValue,
+        disabled: s(L),
+        onInput: me,
+        onChange: be,
+        onFocus: ye,
+        onBlur: J,
+        onClear: Ee,
+        onKeydown: Ce,
+        onMousedown: he
+      }), Ze({ _: 2 }, [
+        e.$slots.prepend ? {
+          name: "prepend",
+          fn: g(() => [m(e.$slots, "prepend")]),
+          key: "0"
+        } : void 0,
+        e.$slots.append ? {
+          name: "append",
+          fn: g(() => [m(e.$slots, "append")]),
+          key: "1"
+        } : void 0,
+        e.$slots.prefix ? {
+          name: "prefix",
+          fn: g(() => [m(e.$slots, "prefix")]),
+          key: "2"
+        } : void 0,
+        e.$slots.suffix ? {
+          name: "suffix",
+          fn: g(() => [m(e.$slots, "suffix")]),
+          key: "3"
+        } : void 0
+      ]), 1040, ["model-value", "disabled"])], 14, tt)]),
+      _: 3
+    }, 8, [
+      "visible",
+      "placement",
+      "popper-class",
+      "popper-style",
+      "popper-options",
+      "show-arrow",
+      "teleported",
+      "append-to",
+      "transition"
+    ]));
+  }
+}), lt = st;
+const vt = Oe(lt);
+export {
+  vt as E
+};

package/es/el-button-8259594b.cjs

@@ -0,0 +1 @@
+"use strict";const b=require("./base-d987e5c9.cjs"),C=require("./index-3e7d5ffb.cjs"),v=require("./use-form-item-0a831287.cjs"),I=require("./index-f5474dcc.cjs"),E=require("./use-global-config-c90c91f7.cjs"),e=require("vue"),T=require("./index-71ba4c28.cjs"),V=["default","primary","success","warning","info","danger","text",""],P=["button","submit","reset"],x=b.buildProps({size:v.useSizeProp,disabled:{type:Boolean,default:void 0},type:{type:String,values:V,default:""},icon:{type:v.iconPropType},nativeType:{type:String,values:P,default:"button"},loading:Boolean,loadingIcon:{type:v.iconPropType,default:()=>C.loading_default},plain:{type:Boolean,default:void 0},text:{type:Boolean,default:void 0},link:Boolean,bg:Boolean,autofocus:Boolean,round:{type:Boolean,default:void 0},circle:Boolean,dashed:{type:Boolean,default:void 0},color:String,dark:Boolean,autoInsertSpace:{type:Boolean,default:void 0},tag:{type:b.definePropType([String,Object]),default:"button"}}),D={click:t=>t instanceof MouseEvent},z=Symbol("buttonGroupContextKey"),q=(t,c)=>{I.useDeprecated({from:"type.text",replacement:"link",version:"3.0.0",scope:"props",ref:"https://element-plus.org/en-US/component/button.html#button-attributes"},e.computed(()=>t.type==="text"));const n=e.inject(z,void 0),l=E.useGlobalConfig("button"),{form:r}=v.useFormItem(),g=v.useFormSize(e.computed(()=>n==null?void 0:n.size)),o=v.useFormDisabled(),i=e.ref(),s=e.useSlots(),d=e.computed(()=>{var a;return t.type||(n==null?void 0:n.type)||((a=l.value)==null?void 0:a.type)||""}),f=e.computed(()=>{var a;return t.autoInsertSpace??((a=l.value)==null?void 0:a.autoInsertSpace)??!1}),y=e.computed(()=>{var a;return t.plain??((a=l.value)==null?void 0:a.plain)??!1}),B=e.computed(()=>{var a;return t.round??((a=l.value)==null?void 0:a.round)??!1}),h=e.computed(()=>{var a;return t.text??((a=l.value)==null?void 0:a.text)??!1}),_=e.computed(()=>{var a;return t.dashed??((a=l.value)==null?void 0:a.dashed)??!1}),S=e.computed(()=>t.tag==="button"?{ariaDisabled:o.value||t.loading,disabled:o.value||t.loading,autofocus:t.autofocus,type:t.nativeType}:{}),k=e.computed(()=>{var m;const a=(m=s.default)==null?void 0:m.call(s);if(f.value&&(a==null?void 0:a.length)===1){const p=a[0];if((p==null?void 0:p.type)===e.Text){const $=p.children;return/^\p{Unified_Ideograph}{2}$/u.test($.trim())}}return!1});return{_disabled:o,_size:g,_type:d,_ref:i,_props:S,_plain:y,_round:B,_text:h,_dashed:_,shouldAddSpace:k,handleClick:a=>{if(o.value||t.loading){a.stopPropagation();return}t.nativeType==="reset"&&(r==null||r.resetFields()),c("click",a)}}};function u(t,c=20){return t.mix("#141414",c).toString()}function F(t){const c=v.useFormDisabled(),n=b.useNamespace("button");return e.computed(()=>{let l={},r=t.color;if(r){const g=r.match(/var\((.*?)\)/);g&&(r=window.getComputedStyle(window.document.documentElement).getPropertyValue(g[1]));const o=new T.TinyColor(r),i=t.dark?o.tint(20).toString():u(o,20);if(t.plain)l=n.cssVarBlock({"bg-color":t.dark?u(o,90):o.tint(90).toString(),"text-color":r,"border-color":t.dark?u(o,50):o.tint(50).toString(),"hover-text-color":`var(${n.cssVarName("color-white")})`,"hover-bg-color":r,"hover-border-color":r,"active-bg-color":i,"active-text-color":`var(${n.cssVarName("color-white")})`,"active-border-color":i}),c.value&&(l[n.cssVarBlockName("disabled-bg-color")]=t.dark?u(o,90):o.tint(90).toString(),l[n.cssVarBlockName("disabled-text-color")]=t.dark?u(o,50):o.tint(50).toString(),l[n.cssVarBlockName("disabled-border-color")]=t.dark?u(o,80):o.tint(80).toString());else if(t.link||t.text){const s=t.dark?u(o,30):o.tint(30).toString();if(l=n.cssVarBlock({"text-color":r,"hover-text-color":s,"active-text-color":i}),t.link&&(l[n.cssVarBlockName("hover-link-text-color")]=s,l[n.cssVarBlockName("active-color")]=i),c.value){const d=t.dark?u(o,50):o.tint(50).toString();l[n.cssVarBlockName("disabled-bg-color")]="transparent",l[n.cssVarBlockName("disabled-text-color")]=d,l[n.cssVarBlockName("disabled-border-color")]="transparent"}}else{const s=t.dark?u(o,30):o.tint(30).toString(),d=o.isDark()?`var(${n.cssVarName("color-white")})`:`var(${n.cssVarName("color-black")})`;if(l=n.cssVarBlock({"bg-color":r,"text-color":d,"border-color":r,"hover-bg-color":s,"hover-text-color":d,"hover-border-color":s,"active-bg-color":i,"active-border-color":i}),c.value){const f=t.dark?u(o,50):o.tint(50).toString();l[n.cssVarBlockName("disabled-bg-color")]=f,l[n.cssVarBlockName("disabled-text-color")]=t.dark?"rgba(255, 255, 255, 0.5)":`var(${n.cssVarName("color-white")})`,l[n.cssVarBlockName("disabled-border-color")]=f}}}return l})}var G=e.defineComponent({name:"ElButton",__name:"button",props:x,emits:D,setup(t,{expose:c,emit:n}){const l=t,r=n,g=F(l),o=b.useNamespace("button"),{_ref:i,_size:s,_type:d,_disabled:f,_props:y,_plain:B,_round:h,_text:_,_dashed:S,shouldAddSpace:k,handleClick:N}=q(l,r),a=e.computed(()=>[o.b(),o.m(d.value),o.m(s.value),o.is("disabled",f.value),o.is("loading",l.loading),o.is("plain",B.value),o.is("round",h.value),o.is("circle",l.circle),o.is("text",_.value),o.is("dashed",S.value),o.is("link",l.link),o.is("has-bg",l.bg)]);return c({ref:i,size:s,type:d,disabled:f,shouldAddSpace:k}),(m,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),e.mergeProps({ref_key:"_ref",ref:i},e.unref(y),{class:a.value,style:e.unref(g),onClick:e.unref(N)}),{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[m.$slots.loading?e.renderSlot(m.$slots,"loading",{key:0}):(e.openBlock(),e.createBlock(e.unref(C.ElIcon),{key:1,class:e.normalizeClass(e.unref(o).is("loading"))},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.loadingIcon)))]),_:1},8,["class"]))],64)):t.icon||m.$slots.icon?(e.openBlock(),e.createBlock(e.unref(C.ElIcon),{key:1},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon),{key:0})):e.renderSlot(m.$slots,"icon",{key:1})]),_:3})):e.createCommentVNode("v-if",!0),m.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass({[e.unref(o).em("text","expand")]:e.unref(k)})},[e.renderSlot(m.$slots,"default")],2)):e.createCommentVNode("v-if",!0)]),_:3},16,["class","style","onClick"]))}}),K=G;const j={size:x.size,type:x.type,direction:{type:b.definePropType(String),values:["horizontal","vertical"],default:"horizontal"}};var A=e.defineComponent({name:"ElButtonGroup",__name:"button-group",props:j,setup(t){const c=t;e.provide(z,e.reactive({size:e.toRef(c,"size"),type:e.toRef(c,"type")}));const n=b.useNamespace("button");return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(n).b("group"),e.unref(n).bm("group",c.direction)])},[e.renderSlot(l.$slots,"default")],2))}}),w=A;const R=b.withInstall(K,{ButtonGroup:w});b.withNoopInstall(w);exports.ElButton=R;exports.buttonTypes=V;