st-comp 0.0.279 → 0.0.280

package/es/el-button-8a9721f8.js

@@ -0,0 +1,343 @@
+import { b as O, c as G, u as I, w as R, n as q } from "./base-dd156b8e.js";
+import { l as H, E as T } from "./index-60900c6c.js";
+import { h as J, i as P, d as L, e as Q, g as K } from "./use-form-item-187cd7db.js";
+import { u as W } from "./index-de9ad85c.js";
+import { a as X } from "./use-global-config-17dafd40.js";
+import { computed as i, inject as Y, ref as Z, useSlots as ee, Text as te, defineComponent as j, openBlock as f, createBlock as k, resolveDynamicComponent as V, mergeProps as oe, unref as d, withCtx as N, createElementBlock as w, Fragment as ae, renderSlot as h, normalizeClass as z, createCommentVNode as D, provide as ne, reactive as le, toRef as F } from "vue";
+import { T as re } from "./index-3806160e.js";
+const se = [
+  "default",
+  "primary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  "text",
+  ""
+], ie = [
+  "button",
+  "submit",
+  "reset"
+], $ = O({
+  /**
+  * @description button size
+  */
+  size: J,
+  /**
+  * @description disable the button
+  */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description button type
+  */
+  type: {
+    type: String,
+    values: se,
+    default: ""
+  },
+  /**
+  * @description icon component
+  */
+  icon: { type: P },
+  /**
+  * @description native button type
+  */
+  nativeType: {
+    type: String,
+    values: ie,
+    default: "button"
+  },
+  /**
+  * @description determine whether it's loading
+  */
+  loading: Boolean,
+  /**
+  * @description customize loading icon component
+  */
+  loadingIcon: {
+    type: P,
+    default: () => H
+  },
+  /**
+  * @description determine whether it's a plain button
+  */
+  plain: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description determine whether it's a text button
+  */
+  text: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description determine whether it's a link button
+  */
+  link: Boolean,
+  /**
+  * @description determine whether the text button background color is always on
+  */
+  bg: Boolean,
+  /**
+  * @description native button autofocus
+  */
+  autofocus: Boolean,
+  /**
+  * @description determine whether it's a round button
+  */
+  round: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description determine whether it's a circle button
+  */
+  circle: Boolean,
+  /**
+  * @description determine whether it's a dashed button
+  */
+  dashed: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description custom button color, automatically calculate `hover` and `active` color
+  */
+  color: String,
+  /**
+  * @description dark mode, which automatically converts `color` to dark mode colors
+  */
+  dark: Boolean,
+  /**
+  * @description automatically insert a space between two chinese characters
+  */
+  autoInsertSpace: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+  * @description custom element tag
+  */
+  tag: {
+    type: G([String, Object]),
+    default: "button"
+  }
+}), ce = { click: (e) => e instanceof MouseEvent }, A = Symbol("buttonGroupContextKey"), ue = (e, r) => {
+  W({
+    from: "type.text",
+    replacement: "link",
+    version: "3.0.0",
+    scope: "props",
+    ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
+  }, i(() => e.type === "text"));
+  const o = Y(A, void 0), a = X("button"), { form: l } = L(), g = Q(i(() => o == null ? void 0 : o.size)), t = K(), c = Z(), s = ee(), b = i(() => {
+    var n;
+    return e.type || (o == null ? void 0 : o.type) || ((n = a.value) == null ? void 0 : n.type) || "";
+  }), m = i(() => {
+    var n;
+    return e.autoInsertSpace ?? ((n = a.value) == null ? void 0 : n.autoInsertSpace) ?? !1;
+  }), B = i(() => {
+    var n;
+    return e.plain ?? ((n = a.value) == null ? void 0 : n.plain) ?? !1;
+  }), _ = i(() => {
+    var n;
+    return e.round ?? ((n = a.value) == null ? void 0 : n.round) ?? !1;
+  }), S = i(() => {
+    var n;
+    return e.text ?? ((n = a.value) == null ? void 0 : n.text) ?? !1;
+  }), x = i(() => {
+    var n;
+    return e.dashed ?? ((n = a.value) == null ? void 0 : n.dashed) ?? !1;
+  }), C = i(() => e.tag === "button" ? {
+    ariaDisabled: t.value || e.loading,
+    disabled: t.value || e.loading,
+    autofocus: e.autofocus,
+    type: e.nativeType
+  } : {}), p = i(() => {
+    var v;
+    const n = (v = s.default) == null ? void 0 : v.call(s);
+    if (m.value && (n == null ? void 0 : n.length) === 1) {
+      const y = n[0];
+      if ((y == null ? void 0 : y.type) === te) {
+        const M = y.children;
+        return /^\p{Unified_Ideograph}{2}$/u.test(M.trim());
+      }
+    }
+    return !1;
+  });
+  return {
+    _disabled: t,
+    _size: g,
+    _type: b,
+    _ref: c,
+    _props: C,
+    _plain: B,
+    _round: _,
+    _text: S,
+    _dashed: x,
+    shouldAddSpace: p,
+    handleClick: (n) => {
+      if (t.value || e.loading) {
+        n.stopPropagation();
+        return;
+      }
+      e.nativeType === "reset" && (l == null || l.resetFields()), r("click", n);
+    }
+  };
+};
+function u(e, r = 20) {
+  return e.mix("#141414", r).toString();
+}
+function de(e) {
+  const r = K(), o = I("button");
+  return i(() => {
+    let a = {}, l = e.color;
+    if (l) {
+      const g = l.match(/var\((.*?)\)/);
+      g && (l = window.getComputedStyle(window.document.documentElement).getPropertyValue(g[1]));
+      const t = new re(l), c = e.dark ? t.tint(20).toString() : u(t, 20);
+      if (e.plain)
+        a = o.cssVarBlock({
+          "bg-color": e.dark ? u(t, 90) : t.tint(90).toString(),
+          "text-color": l,
+          "border-color": e.dark ? u(t, 50) : t.tint(50).toString(),
+          "hover-text-color": `var(${o.cssVarName("color-white")})`,
+          "hover-bg-color": l,
+          "hover-border-color": l,
+          "active-bg-color": c,
+          "active-text-color": `var(${o.cssVarName("color-white")})`,
+          "active-border-color": c
+        }), r.value && (a[o.cssVarBlockName("disabled-bg-color")] = e.dark ? u(t, 90) : t.tint(90).toString(), a[o.cssVarBlockName("disabled-text-color")] = e.dark ? u(t, 50) : t.tint(50).toString(), a[o.cssVarBlockName("disabled-border-color")] = e.dark ? u(t, 80) : t.tint(80).toString());
+      else if (e.link || e.text) {
+        const s = e.dark ? u(t, 30) : t.tint(30).toString();
+        if (a = o.cssVarBlock({
+          "text-color": l,
+          "hover-text-color": s,
+          "active-text-color": c
+        }), e.link && (a[o.cssVarBlockName("hover-link-text-color")] = s, a[o.cssVarBlockName("active-color")] = c), r.value) {
+          const b = e.dark ? u(t, 50) : t.tint(50).toString();
+          a[o.cssVarBlockName("disabled-bg-color")] = "transparent", a[o.cssVarBlockName("disabled-text-color")] = b, a[o.cssVarBlockName("disabled-border-color")] = "transparent";
+        }
+      } else {
+        const s = e.dark ? u(t, 30) : t.tint(30).toString(), b = t.isDark() ? `var(${o.cssVarName("color-white")})` : `var(${o.cssVarName("color-black")})`;
+        if (a = o.cssVarBlock({
+          "bg-color": l,
+          "text-color": b,
+          "border-color": l,
+          "hover-bg-color": s,
+          "hover-text-color": b,
+          "hover-border-color": s,
+          "active-bg-color": c,
+          "active-border-color": c
+        }), r.value) {
+          const m = e.dark ? u(t, 50) : t.tint(50).toString();
+          a[o.cssVarBlockName("disabled-bg-color")] = m, a[o.cssVarBlockName("disabled-text-color")] = e.dark ? "rgba(255, 255, 255, 0.5)" : `var(${o.cssVarName("color-white")})`, a[o.cssVarBlockName("disabled-border-color")] = m;
+        }
+      }
+    }
+    return a;
+  });
+}
+var be = /* @__PURE__ */ j({
+  name: "ElButton",
+  __name: "button",
+  props: $,
+  emits: ce,
+  setup(e, { expose: r, emit: o }) {
+    const a = e, l = o, g = de(a), t = I("button"), { _ref: c, _size: s, _type: b, _disabled: m, _props: B, _plain: _, _round: S, _text: x, _dashed: C, shouldAddSpace: p, handleClick: E } = ue(a, l), n = i(() => [
+      t.b(),
+      t.m(b.value),
+      t.m(s.value),
+      t.is("disabled", m.value),
+      t.is("loading", a.loading),
+      t.is("plain", _.value),
+      t.is("round", S.value),
+      t.is("circle", a.circle),
+      t.is("text", x.value),
+      t.is("dashed", C.value),
+      t.is("link", a.link),
+      t.is("has-bg", a.bg)
+    ]);
+    return r({
+      /** @description button html element */
+      ref: c,
+      /** @description button size */
+      size: s,
+      /** @description button type */
+      type: b,
+      /** @description button disabled */
+      disabled: m,
+      /** @description whether adding space */
+      shouldAddSpace: p
+    }), (v, y) => (f(), k(V(e.tag), oe({
+      ref_key: "_ref",
+      ref: c
+    }, d(B), {
+      class: n.value,
+      style: d(g),
+      onClick: d(E)
+    }), {
+      default: N(() => [e.loading ? (f(), w(ae, { key: 0 }, [v.$slots.loading ? h(v.$slots, "loading", { key: 0 }) : (f(), k(d(T), {
+        key: 1,
+        class: z(d(t).is("loading"))
+      }, {
+        default: N(() => [(f(), k(V(e.loadingIcon)))]),
+        _: 1
+      }, 8, ["class"]))], 64)) : e.icon || v.$slots.icon ? (f(), k(d(T), { key: 1 }, {
+        default: N(() => [e.icon ? (f(), k(V(e.icon), { key: 0 })) : h(v.$slots, "icon", { key: 1 })]),
+        _: 3
+      })) : D("v-if", !0), v.$slots.default ? (f(), w("span", {
+        key: 2,
+        class: z({ [d(t).em("text", "expand")]: d(p) })
+      }, [h(v.$slots, "default")], 2)) : D("v-if", !0)]),
+      _: 3
+    }, 16, [
+      "class",
+      "style",
+      "onClick"
+    ]));
+  }
+}), ve = be;
+const fe = {
+  /**
+  * @description control the size of buttons in this button-group
+  */
+  size: $.size,
+  /**
+  * @description control the type of buttons in this button-group
+  */
+  type: $.type,
+  /**
+  * @description display direction
+  */
+  direction: {
+    type: G(String),
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  }
+};
+var me = /* @__PURE__ */ j({
+  name: "ElButtonGroup",
+  __name: "button-group",
+  props: fe,
+  setup(e) {
+    const r = e;
+    ne(A, le({
+      size: F(r, "size"),
+      type: F(r, "type")
+    }));
+    const o = I("button");
+    return (a, l) => (f(), w("div", { class: z([d(o).b("group"), d(o).bm("group", r.direction)]) }, [h(a.$slots, "default")], 2));
+  }
+}), U = me;
+const Se = R(ve, { ButtonGroup: U });
+q(U);
+export {
+  Se as E,
+  se as b
+};

package/es/el-checkbox-6303fc92.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("./base-d987e5c9.cjs"),C=require("./el-popper-f824c63b.cjs"),h=require("./use-form-item-0a831287.cjs"),L=require("./index-f5474dcc.cjs"),e=require("vue"),P=require("./index-3ed0c678.cjs"),E=require("./index-d372e68f.cjs"),B=require("./_baseClone-10bdb989.cjs");function _(t,l,n){var u=-1,a=t.length;l<0&&(l=-l>a?0:a+l),n=n>a?a:n,n<0&&(n+=a),a=l>n?0:n-l>>>0,l>>>=0;for(var r=Array(a);++u<a;)r[u]=t[u+l];return r}function T(t){var l=t==null?0:t.length;return l?t[l-1]:void 0}function $(t,l){return l.length<2?t:E.baseGet(t,_(l,0,-1))}var M=Object.prototype,U=M.hasOwnProperty;function q(t,l){l=E.castPath(l,t);var n=-1,u=l.length;if(!u)return!0;for(;++n<u;){var a=E.toKey(l[n]);if(a==="__proto__"&&!U.call(t,"__proto__")||(a==="constructor"||a==="prototype")&&n<u-1)return!1}var r=$(t,l);return r==null||delete r[E.toKey(T(l))]}function j(t){return i.isPlainObject(t)?void 0:t}var K=1,R=2,H=4,Y=C.flatRest(function(t,l){var n={};if(t==null)return n;var u=!1;l=E.arrayMap(l,function(r){return r=E.castPath(r,t),u||(u=r.length>1),r}),B.copyObject(t,B.getAllKeysIn(t),n),u&&(n=B.baseClone(n,K|R|H,j));for(var a=l.length;a--;)q(n,l[a]);return n});const D=Y,I={modelValue:{type:[Number,String,Boolean],default:void 0},label:{type:[String,Boolean,Number,Object],default:void 0},value:{type:[String,Boolean,Number,Object],default:void 0},indeterminate:Boolean,disabled:{type:Boolean,default:void 0},checked:Boolean,name:{type:String,default:void 0},trueValue:{type:[String,Number],default:void 0},falseValue:{type:[String,Number],default:void 0},trueLabel:{type:[String,Number],default:void 0},falseLabel:{type:[String,Number],default:void 0},id:{type:String,default:void 0},border:Boolean,size:h.useSizeProp,tabindex:[String,Number],validateEvent:{type:Boolean,default:!0},ariaLabel:String,...C.useAriaProps(["ariaControls"])},A={[C.UPDATE_MODEL_EVENT]:t=>i.isString(t)||i.isNumber(t)||i.isBoolean(t),change:t=>i.isString(t)||i.isNumber(t)||i.isBoolean(t)},V=Symbol("checkboxGroupContextKey"),J=i.buildProps({modelValue:{type:i.definePropType(Array),default:()=>[]},disabled:{type:Boolean,default:void 0},min:Number,max:Number,size:h.useSizeProp,fill:String,textColor:String,tag:{type:String,default:"div"},validateEvent:{type:Boolean,default:!0},options:{type:i.definePropType(Array)},props:{type:i.definePropType(Object),default:()=>F},type:{type:String,values:["checkbox","button"],default:"checkbox"},...C.useAriaProps(["ariaLabel"])}),Q={[C.UPDATE_MODEL_EVENT]:t=>i.isArray(t),change:t=>i.isArray(t)},F={label:"label",value:"value",disabled:"disabled"},W=({model:t,isChecked:l})=>{const n=e.inject(V,void 0),u=e.inject(h.formContextKey,void 0),a=e.computed(()=>{var s,v;const r=(s=n==null?void 0:n.max)==null?void 0:s.value,d=(v=n==null?void 0:n.min)==null?void 0:v.value;return!i.isUndefined(r)&&t.value.length>=r&&!l.value||!i.isUndefined(d)&&t.value.length<=d&&l.value});return{isDisabled:h.useFormDisabled(e.computed(()=>{var r;return n===void 0?(u==null?void 0:u.disabled)??a.value:((r=n.disabled)==null?void 0:r.value)||a.value})),isLimitDisabled:a}},X=(t,{model:l,isLimitExceeded:n,hasOwnLabel:u,isDisabled:a,isLabeledByFormItem:r})=>{const d=e.inject(V,void 0),{formItem:s}=h.useFormItem(),{emit:v}=e.getCurrentInstance();function m(o){return[!0,t.trueValue,t.trueLabel].includes(o)?t.trueValue??t.trueLabel??!0:t.falseValue??t.falseLabel??!1}function f(o,c){v(C.CHANGE_EVENT,m(o),c)}function b(o){if(n.value)return;const c=o.target;v(C.CHANGE_EVENT,m(c.checked),o)}async function k(o){n.value||!u.value&&!a.value&&r.value&&(o.composedPath().some(c=>c.tagName==="LABEL")||(l.value=m([!1,t.falseValue,t.falseLabel].includes(l.value)),await e.nextTick(),f(l.value,o)))}const x=e.computed(()=>(d==null?void 0:d.validateEvent)||t.validateEvent);return e.watch(()=>t.modelValue,()=>{x.value&&(s==null||s.validate("change").catch(i.NOOP))}),{handleChange:b,onClickRoot:k}},Z=t=>{const l=e.ref(!1),{emit:n,vnode:u}=e.getCurrentInstance(),a=e.inject(V,void 0),r=e.computed(()=>i.isUndefined(a)===!1),d=e.ref(!1),s=e.computed(()=>{const m=u.props??{};return"modelValue"in m||"model-value"in m}),v=e.computed({get(){var m;return r.value?(m=a==null?void 0:a.modelValue)==null?void 0:m.value:s.value?t.modelValue:l.value},set(m){var f,b;r.value&&i.isArray(m)?(d.value=((f=a==null?void 0:a.max)==null?void 0:f.value)!==void 0&&m.length>(a==null?void 0:a.max.value)&&m.length>v.value.length,d.value===!1&&((b=a==null?void 0:a.changeEvent)==null||b.call(a,m))):(n(C.UPDATE_MODEL_EVENT,m),l.value=m)}});return{model:v,isGroup:r,isLimitExceeded:d}},G=(t,l,{model:n})=>{const u=e.inject(V,void 0),a=e.ref(!1),r=e.computed(()=>i.isPropAbsent(t.value)?t.label:t.value),d=e.computed(()=>{const s=n.value;return i.isBoolean(s)?s:i.isArray(s)?i.isObject(r.value)?s.map(e.toRaw).some(v=>P.isEqual(v,r.value)):s.map(e.toRaw).includes(r.value):s!=null?s===t.trueValue||s===t.trueLabel:!!s});return{checkboxButtonSize:h.useFormSize(e.computed(()=>{var s;return(s=u==null?void 0:u.size)==null?void 0:s.value}),{prop:!0}),isChecked:d,isFocused:a,checkboxSize:h.useFormSize(e.computed(()=>{var s;return(s=u==null?void 0:u.size)==null?void 0:s.value})),hasOwnLabel:e.computed(()=>!!l.default||!i.isPropAbsent(r.value)),actualValue:r}},O=(t,l)=>{const{formItem:n}=h.useFormItem(),{model:u,isGroup:a,isLimitExceeded:r}=Z(t),{isFocused:d,isChecked:s,checkboxButtonSize:v,checkboxSize:m,hasOwnLabel:f,actualValue:b}=G(t,l,{model:u}),{isDisabled:k}=W({model:u,isChecked:s}),{inputId:x,isLabeledByFormItem:o}=h.useFormItemInputId(t,{formItemContext:n,disableIdGeneration:f,disableIdManagement:a}),{handleChange:c,onClickRoot:p}=X(t,{model:u,isLimitExceeded:r,hasOwnLabel:f,isDisabled:k,isLabeledByFormItem:o});return(()=>{function g(){i.isArray(u.value)&&!u.value.includes(b.value)?u.value.push(b.value):u.value=t.trueValue??t.trueLabel??!0}t.checked&&g()})(),L.useDeprecated({from:"label act as value",replacement:"value",version:"3.0.0",scope:"el-checkbox",ref:"https://element-plus.org/en-US/component/checkbox.html"},e.computed(()=>a.value&&i.isPropAbsent(t.value))),L.useDeprecated({from:"true-label",replacement:"true-value",version:"3.0.0",scope:"el-checkbox",ref:"https://element-plus.org/en-US/component/checkbox.html"},e.computed(()=>!!t.trueLabel)),L.useDeprecated({from:"false-label",replacement:"false-value",version:"3.0.0",scope:"el-checkbox",ref:"https://element-plus.org/en-US/component/checkbox.html"},e.computed(()=>!!t.falseLabel)),{inputId:x,isLabeledByFormItem:o,isChecked:s,isDisabled:k,isFocused:d,checkboxButtonSize:v,checkboxSize:m,hasOwnLabel:f,model:u,actualValue:b,handleChange:c,onClickRoot:p}},ee=["id","indeterminate","name","tabindex","disabled"];var te=e.defineComponent({name:"ElCheckbox",__name:"checkbox",props:I,emits:A,setup(t){const l=t,{inputId:n,isLabeledByFormItem:u,isChecked:a,isDisabled:r,isFocused:d,checkboxSize:s,hasOwnLabel:v,model:m,actualValue:f,handleChange:b,onClickRoot:k}=O(l,e.useSlots()),x=e.computed(()=>l.trueValue||l.falseValue||l.trueLabel||l.falseLabel?{"true-value":l.trueValue??l.trueLabel??!0,"false-value":l.falseValue??l.falseLabel??!1}:{value:f.value}),o=i.useNamespace("checkbox"),c=e.computed(()=>[o.b(),o.m(s.value),o.is("disabled",r.value),o.is("bordered",l.border),o.is("checked",a.value)]),p=e.computed(()=>[o.e("input"),o.is("disabled",r.value),o.is("checked",a.value),o.is("indeterminate",l.indeterminate),o.is("focus",d.value)]);return(y,g)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(!e.unref(v)&&e.unref(u)?"span":"label"),{for:!e.unref(v)&&e.unref(u)?null:e.unref(n),class:e.normalizeClass(c.value),"aria-controls":t.indeterminate?t.ariaControls:null,"aria-checked":t.indeterminate?"mixed":void 0,"aria-label":t.ariaLabel,onClick:e.unref(k)},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(p.value)},[e.withDirectives(e.createElementVNode("input",e.mergeProps({id:e.unref(n),"onUpdate:modelValue":g[0]||(g[0]=S=>e.isRef(m)?m.value=S:null),class:e.unref(o).e("original"),type:"checkbox",indeterminate:t.indeterminate,name:t.name,tabindex:t.tabindex,disabled:e.unref(r)},x.value,{onChange:g[1]||(g[1]=(...S)=>e.unref(b)&&e.unref(b)(...S)),onFocus:g[2]||(g[2]=S=>d.value=!0),onBlur:g[3]||(g[3]=S=>d.value=!1),onClick:g[4]||(g[4]=e.withModifiers(()=>{},["stop"]))}),null,16,ee),[[e.vModelCheckbox,e.unref(m)]]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("inner"))},null,2)],2),e.unref(v)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("label"))},[e.renderSlot(y.$slots,"default"),y.$slots.default?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.label),1)],64))],2)):e.createCommentVNode("v-if",!0)]),_:3},8,["for","class","aria-controls","aria-checked","aria-label","onClick"]))}}),w=te;const le=["name","tabindex","disabled"];var ne=e.defineComponent({name:"ElCheckboxButton",__name:"checkbox-button",props:I,emits:A,setup(t){const l=t,{isFocused:n,isChecked:u,isDisabled:a,checkboxButtonSize:r,model:d,actualValue:s,handleChange:v}=O(l,e.useSlots()),m=e.computed(()=>l.trueValue||l.falseValue||l.trueLabel||l.falseLabel?{"true-value":l.trueValue??l.trueLabel??!0,"false-value":l.falseValue??l.falseLabel??!1}:{value:s.value}),f=e.inject(V,void 0),b=i.useNamespace("checkbox"),k=e.computed(()=>{var c,p;const o=((c=f==null?void 0:f.fill)==null?void 0:c.value)??"";return{backgroundColor:o,borderColor:o,color:((p=f==null?void 0:f.textColor)==null?void 0:p.value)??"",boxShadow:o?`-1px 0 0 0 ${o}`:void 0}}),x=e.computed(()=>[b.b("button"),b.bm("button",r.value),b.is("disabled",a.value),b.is("checked",u.value),b.is("focus",n.value)]);return(o,c)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(x.value)},[e.withDirectives(e.createElementVNode("input",e.mergeProps({"onUpdate:modelValue":c[0]||(c[0]=p=>e.isRef(d)?d.value=p:null),class:e.unref(b).be("button","original"),type:"checkbox",name:t.name,tabindex:t.tabindex,disabled:e.unref(a)},m.value,{onChange:c[1]||(c[1]=(...p)=>e.unref(v)&&e.unref(v)(...p)),onFocus:c[2]||(c[2]=p=>n.value=!0),onBlur:c[3]||(c[3]=p=>n.value=!1),onClick:c[4]||(c[4]=e.withModifiers(()=>{},["stop"]))}),null,16,le),[[e.vModelCheckbox,e.unref(d)]]),o.$slots.default||t.label?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(b).be("button","inner")),style:e.normalizeStyle(e.unref(u)?k.value:void 0)},[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])],6)):e.createCommentVNode("v-if",!0)],2))}}),N=ne,ae=e.defineComponent({name:"ElCheckboxGroup",__name:"checkbox-group",props:J,emits:Q,setup(t,{emit:l}){const n=t,u=l,a=i.useNamespace("checkbox"),r=h.useFormDisabled(),{formItem:d}=h.useFormItem(),{inputId:s,isLabeledByFormItem:v}=h.useFormItemInputId(n,{formItemContext:d}),m=async o=>{u(C.UPDATE_MODEL_EVENT,o),await e.nextTick(),u(C.CHANGE_EVENT,o)},f=e.computed({get(){return n.modelValue},set(o){m(o)}}),b=e.computed(()=>({...F,...n.props})),k=o=>{const{label:c,value:p,disabled:y}=b.value,g={label:o[c],value:o[p],disabled:o[y]};return{...D(o,[c,p,y]),...g}},x=e.computed(()=>n.type==="button"?N:w);return e.provide(V,{...C.pick(e.toRefs(n),["size","min","max","validateEvent","fill","textColor"]),disabled:r,modelValue:f,changeEvent:m}),e.watch(()=>n.modelValue,(o,c)=>{n.validateEvent&&!P.isEqual(o,c)&&(d==null||d.validate("change").catch(i.NOOP))}),(o,c)=>{var p;return e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{id:e.unref(s),class:e.normalizeClass(e.unref(a).b("group")),role:"group","aria-label":e.unref(v)?void 0:t.ariaLabel||"checkbox-group","aria-labelledby":e.unref(v)?(p=e.unref(d))==null?void 0:p.labelId:void 0},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(y,g)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(x.value),e.mergeProps({key:g},{ref_for:!0},k(y)),null,16))),128))])]),_:3},8,["id","class","aria-label","aria-labelledby"])}}}),z=ae;const oe=i.withInstall(w,{CheckboxButton:N,CheckboxGroup:z});i.withNoopInstall(N);const ue=i.withNoopInstall(z);exports.ElCheckbox=oe;exports.ElCheckboxGroup=ue;exports.omit=D;