st-comp 0.0.279 → 0.0.281

package/es/el-segmented-56bd58a8.js

@@ -1,142 +0,0 @@
-import { defineComponent as w, ref as W, reactive as G, computed as u, watch as V, openBlock as v, createElementBlock as h, unref as l, normalizeClass as r, createElementVNode as m, normalizeStyle as M, Fragment as J, renderList as K, renderSlot as Q, createTextVNode as Z, toDisplayString as ee, createCommentVNode as te } from "vue";
-import { h as se, e as ae, g as le, d as ne, f as oe, j as ie, u as re } from "./use-form-common-props-ed72e914.js";
-import { b as de, e as y, c as C, p as k, o as N, u as ce, _ as ue, f as S, w as me } from "./base-a5af3db3.js";
-import { u as pe, U as z, C as B, d as fe } from "./el-popper-fbd0dcea.js";
-import { u as be } from "./index-960806da.js";
-const P = {
-  label: "label",
-  value: "value",
-  disabled: "disabled"
-}, ge = de({
-  direction: {
-    type: y(String),
-    default: "horizontal"
-  },
-  options: {
-    type: y(Array),
-    default: () => []
-  },
-  modelValue: {
-    type: [String, Number, Boolean],
-    default: void 0
-  },
-  props: {
-    type: y(Object),
-    default: () => P
-  },
-  block: Boolean,
-  size: se,
-  disabled: Boolean,
-  validateEvent: {
-    type: Boolean,
-    default: !0
-  },
-  id: String,
-  name: String,
-  ...pe(["ariaLabel"])
-}), ve = {
-  [z]: (n) => C(n) || k(n) || N(n),
-  [B]: (n) => C(n) || k(n) || N(n)
-}, he = w({
-  name: "ElSegmented"
-}), ye = /* @__PURE__ */ w({
-  ...he,
-  props: ge,
-  emits: ve,
-  setup(n, { emit: I }) {
-    const s = n, a = ce("segmented"), L = be(), A = ae(), F = le(), { formItem: d } = ne(), { inputId: T, isLabeledByFormItem: E } = oe(s, {
-      formItemContext: d
-    }), c = W(null), $ = ie(), t = G({
-      isInit: !1,
-      width: 0,
-      height: 0,
-      translateX: 0,
-      translateY: 0,
-      focusVisible: !1
-    }), x = (e) => {
-      const o = f(e);
-      I(z, o), I(B, o);
-    }, p = u(() => ({ ...P, ...s.props })), D = (e) => e, f = (e) => S(e) ? e[p.value.value] : e, O = (e) => S(e) ? e[p.value.label] : e, b = (e) => !!(F.value || S(e) && e[p.value.disabled]), _ = (e) => s.modelValue === f(e), X = (e) => s.options.find((o) => f(o) === e), Y = (e) => [
-      a.e("item"),
-      a.is("selected", _(e)),
-      a.is("disabled", b(e))
-    ], g = () => {
-      if (!c.value)
-        return;
-      const e = c.value.querySelector(".is-selected"), o = c.value.querySelector(".is-selected input");
-      if (!e || !o) {
-        t.width = 0, t.height = 0, t.translateX = 0, t.translateY = 0, t.focusVisible = !1;
-        return;
-      }
-      t.isInit = !0, s.direction === "vertical" ? (t.height = e.offsetHeight, t.translateY = e.offsetTop) : (t.width = e.offsetWidth, t.translateX = e.offsetLeft);
-      try {
-        t.focusVisible = o.matches(":focus-visible");
-      } catch {
-      }
-    }, j = u(() => [
-      a.b(),
-      a.m(A.value),
-      a.is("block", s.block)
-    ]), R = u(() => ({
-      width: s.direction === "vertical" ? "100%" : `${t.width}px`,
-      height: s.direction === "vertical" ? `${t.height}px` : "100%",
-      transform: s.direction === "vertical" ? `translateY(${t.translateY}px)` : `translateX(${t.translateX}px)`,
-      display: t.isInit ? "block" : "none"
-    })), q = u(() => [
-      a.e("item-selected"),
-      a.is("disabled", b(X(s.modelValue))),
-      a.is("focus-visible", t.focusVisible)
-    ]), H = u(() => s.name || L.value);
-    return re(c, g), V($, g), V(() => s.modelValue, () => {
-      var e;
-      g(), s.validateEvent && ((e = d == null ? void 0 : d.validate) == null || e.call(d, "change").catch((o) => fe()));
-    }, {
-      flush: "post"
-    }), (e, o) => e.options.length ? (v(), h("div", {
-      key: 0,
-      id: l(T),
-      ref_key: "segmentedRef",
-      ref: c,
-      class: r(l(j)),
-      role: "radiogroup",
-      "aria-label": l(E) ? void 0 : e.ariaLabel || "segmented",
-      "aria-labelledby": l(E) ? l(d).labelId : void 0
-    }, [
-      m("div", {
-        class: r([l(a).e("group"), l(a).m(s.direction)])
-      }, [
-        m("div", {
-          style: M(l(R)),
-          class: r(l(q))
-        }, null, 6),
-        (v(!0), h(J, null, K(e.options, (i, U) => (v(), h("label", {
-          key: U,
-          class: r(Y(i))
-        }, [
-          m("input", {
-            class: r(l(a).e("item-input")),
-            type: "radio",
-            name: l(H),
-            disabled: b(i),
-            checked: _(i),
-            onChange: (Ie) => x(i)
-          }, null, 42, ["name", "disabled", "checked", "onChange"]),
-          m("div", {
-            class: r(l(a).e("item-label"))
-          }, [
-            Q(e.$slots, "default", {
-              item: D(i)
-            }, () => [
-              Z(ee(O(i)), 1)
-            ])
-          ], 2)
-        ], 2))), 128))
-      ], 2)
-    ], 10, ["id", "aria-label", "aria-labelledby"])) : te("v-if", !0);
-  }
-});
-var Se = /* @__PURE__ */ ue(ye, [["__file", "segmented.vue"]]);
-const Ne = me(Se);
-export {
-  Ne as E
-};

package/es/el-segmented-833ac177.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("vue"),c=require("./use-form-common-props-ac666630.cjs"),n=require("./base-ef747d02.cjs"),d=require("./el-popper-a4f3ae4d.cjs"),q=require("./index-9780a537.cjs"),y={label:"label",value:"value",disabled:"disabled"},D=n.buildProps({direction:{type:n.definePropType(String),default:"horizontal"},options:{type:n.definePropType(Array),default:()=>[]},modelValue:{type:[String,Number,Boolean],default:void 0},props:{type:n.definePropType(Object),default:()=>y},block:Boolean,size:c.useSizeProp,disabled:Boolean,validateEvent:{type:Boolean,default:!0},id:String,name:String,...d.useAriaProps(["ariaLabel"])}),F={[d.UPDATE_MODEL_EVENT]:o=>n.isString(o)||n.isNumber(o)||n.isBoolean(o),[d.CHANGE_EVENT]:o=>n.isString(o)||n.isNumber(o)||n.isBoolean(o)},$=e.defineComponent({name:"ElSegmented"}),x=e.defineComponent({...$,props:D,emits:F,setup(o,{emit:v}){const l=o,a=n.useNamespace("segmented"),S=q.useId(),C=c.useFormSize(),I=c.useFormDisabled(),{formItem:u}=c.useFormItem(),{inputId:V,isLabeledByFormItem:h}=c.useFormItemInputId(l,{formItemContext:u}),m=e.ref(null),_=c.useActiveElement(),s=e.reactive({isInit:!1,width:0,height:0,translateX:0,translateY:0,focusVisible:!1}),N=t=>{const r=f(t);v(d.UPDATE_MODEL_EVENT,r),v(d.CHANGE_EVENT,r)},p=e.computed(()=>({...y,...l.props})),k=t=>t,f=t=>n.isObject(t)?t[p.value.value]:t,z=t=>n.isObject(t)?t[p.value.label]:t,b=t=>!!(I.value||n.isObject(t)&&t[p.value.disabled]),E=t=>l.modelValue===f(t),B=t=>l.options.find(r=>f(r)===t),P=t=>[a.e("item"),a.is("selected",E(t)),a.is("disabled",b(t))],g=()=>{if(!m.value)return;const t=m.value.querySelector(".is-selected"),r=m.value.querySelector(".is-selected input");if(!t||!r){s.width=0,s.height=0,s.translateX=0,s.translateY=0,s.focusVisible=!1;return}s.isInit=!0,l.direction==="vertical"?(s.height=t.offsetHeight,s.translateY=t.offsetTop):(s.width=t.offsetWidth,s.translateX=t.offsetLeft);try{s.focusVisible=r.matches(":focus-visible")}catch{}},T=e.computed(()=>[a.b(),a.m(C.value),a.is("block",l.block)]),w=e.computed(()=>({width:l.direction==="vertical"?"100%":`${s.width}px`,height:l.direction==="vertical"?`${s.height}px`:"100%",transform:l.direction==="vertical"?`translateY(${s.translateY}px)`:`translateX(${s.translateX}px)`,display:s.isInit?"block":"none"})),A=e.computed(()=>[a.e("item-selected"),a.is("disabled",b(B(l.modelValue))),a.is("focus-visible",s.focusVisible)]),L=e.computed(()=>l.name||S.value);return c.useResizeObserver(m,g),e.watch(_,g),e.watch(()=>l.modelValue,()=>{var t;g(),l.validateEvent&&((t=u==null?void 0:u.validate)==null||t.call(u,"change").catch(r=>d.debugWarn()))},{flush:"post"}),(t,r)=>t.options.length?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(V),ref_key:"segmentedRef",ref:m,class:e.normalizeClass(e.unref(T)),role:"radiogroup","aria-label":e.unref(h)?void 0:t.ariaLabel||"segmented","aria-labelledby":e.unref(h)?e.unref(u).labelId:void 0},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(a).e("group"),e.unref(a).m(l.direction)])},[e.createElementVNode("div",{style:e.normalizeStyle(e.unref(w)),class:e.normalizeClass(e.unref(A))},null,6),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(i,O)=>(e.openBlock(),e.createElementBlock("label",{key:O,class:e.normalizeClass(P(i))},[e.createElementVNode("input",{class:e.normalizeClass(e.unref(a).e("item-input")),type:"radio",name:e.unref(L),disabled:b(i),checked:E(i),onChange:j=>N(i)},null,42,["name","disabled","checked","onChange"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("item-label"))},[e.renderSlot(t.$slots,"default",{item:k(i)},()=>[e.createTextVNode(e.toDisplayString(z(i)),1)])],2)],2))),128))],2)],10,["id","aria-label","aria-labelledby"])):e.createCommentVNode("v-if",!0)}});var X=n._export_sfc(x,[["__file","segmented.vue"]]);const Y=n.withInstall(X);exports.ElSegmented=Y;