element-plus 2.14.1 → 2.14.2

package/es/components/switch/src/switch.vue.d.ts

@@ -31,14 +31,14 @@ declare const __VLS_base: _$vue.DefineComponent<SwitchProps, {
   input: (val: string | number | boolean) => void;
 }, string, _$vue.PublicProps, Readonly<SwitchProps> & Readonly<{
   "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
-  onInput?: ((val: string | number | boolean) => any) | undefined;
   onChange?: ((val: string | number | boolean) => any) | undefined;
+  onInput?: ((val: string | number | boolean) => any) | undefined;
 }>, {
+  name: string;
+  width: string | number;
   disabled: boolean;
   modelValue: boolean | string | number;
   validateEvent: boolean;
-  name: string;
-  width: string | number;
   activeText: string;
   inactiveText: string;
   activeValue: boolean | string | number;

package/es/components/switch/src/switch.vue_vue_type_script_setup_true_lang.mjs

@@ -69,6 +69,7 @@ var switch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		});
 		const checked = computed(() => actualValue.value === props.activeValue);
 		if (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {
+			debugWarn(COMPONENT_NAME, "model-value must be active-value or inactive-value");
 			emit(UPDATE_MODEL_EVENT, props.inactiveValue);
 			emit(CHANGE_EVENT, props.inactiveValue);
 			emit(INPUT_EVENT, props.inactiveValue);

package/es/components/switch/src/switch.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch.vue_vue_type_script_setup_true_lang.mjs","names":["$slots"],"sources":["../../../../../../packages/components/switch/src/switch.vue"],"sourcesContent":["<template>\n  <div :class=\"switchKls\" @click.prevent=\"switchValue\">\n    <input\n      :id=\"inputId\"\n      ref=\"input\"\n      :class=\"ns.e('input')\"\n      type=\"checkbox\"\n      role=\"switch\"\n      :aria-checked=\"checked\"\n      :aria-disabled=\"switchDisabled\"\n      :aria-label=\"ariaLabel\"\n      :name=\"name\"\n      :true-value=\"activeValue\"\n      :false-value=\"inactiveValue\"\n      :disabled=\"switchDisabled\"\n      :tabindex=\"tabindex\"\n      @change=\"handleChange\"\n      @keydown.enter=\"switchValue\"\n    />\n    <span\n      v-if=\"!inlinePrompt && (inactiveIcon || inactiveText || $slots.inactive)\"\n      :class=\"labelLeftKls\"\n    >\n      <slot name=\"inactive\">\n        <el-icon v-if=\"inactiveIcon\">\n          <component :is=\"inactiveIcon\" />\n        </el-icon>\n        <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n          inactiveText\n        }}</span>\n      </slot>\n    </span>\n    <span :class=\"ns.e('core')\" :style=\"coreStyle\">\n      <div v-if=\"inlinePrompt\" :class=\"ns.e('inner')\">\n        <div v-if=\"!checked\" :class=\"ns.e('inner-wrapper')\">\n          <slot name=\"inactive\">\n            <el-icon v-if=\"inactiveIcon\">\n              <component :is=\"inactiveIcon\" />\n            </el-icon>\n            <span v-if=\"!inactiveIcon && inactiveText\">{{ inactiveText }}</span>\n          </slot>\n        </div>\n        <div v-else :class=\"ns.e('inner-wrapper')\">\n          <slot name=\"active\">\n            <el-icon v-if=\"activeIcon\">\n              <component :is=\"activeIcon\" />\n            </el-icon>\n            <span v-if=\"!activeIcon && activeText\">{{ activeText }}</span>\n          </slot>\n        </div>\n      </div>\n      <div :class=\"ns.e('action')\">\n        <el-icon v-if=\"loading\" :class=\"ns.is('loading')\">\n          <loading />\n        </el-icon>\n        <slot v-else-if=\"checked\" name=\"active-action\">\n          <el-icon v-if=\"activeActionIcon\">\n            <component :is=\"activeActionIcon\" />\n          </el-icon>\n        </slot>\n        <slot v-else-if=\"!checked\" name=\"inactive-action\">\n          <el-icon v-if=\"inactiveActionIcon\">\n            <component :is=\"inactiveActionIcon\" />\n          </el-icon>\n        </slot>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText || $slots.active)\"\n      :class=\"labelRightKls\"\n    >\n      <slot name=\"active\">\n        <el-icon v-if=\"activeIcon\">\n          <component :is=\"activeIcon\" />\n        </el-icon>\n        <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n          activeText\n        }}</span>\n      </slot>\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, shallowRef, watch } from 'vue'\nimport {\n  NOOP,\n  addUnit,\n  debugWarn,\n  isBoolean,\n  isPromise,\n  throwError,\n} from '@element-plus/utils'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { Loading } from '@element-plus/icons-vue'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { switchEmits } from './switch'\n\nimport type { CSSProperties } from 'vue'\nimport type { SwitchProps } from './switch'\n\nconst COMPONENT_NAME = 'ElSwitch'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<SwitchProps>(), {\n  modelValue: false,\n  disabled: undefined,\n  activeText: '',\n  inactiveText: '',\n  activeValue: true,\n  inactiveValue: false,\n  name: '',\n  validateEvent: true,\n  width: '',\n})\nconst emit = defineEmits(switchEmits)\n\nconst { formItem } = useFormItem()\nconst switchSize = useFormSize()\nconst ns = useNamespace('switch')\n\nconst { inputId } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst switchDisabled = useFormDisabled(\n  computed(() => {\n    if (props.loading) {\n      return true\n    }\n    return undefined\n  })\n)\nconst isControlled = ref(props.modelValue !== false)\nconst input = shallowRef<HTMLInputElement>()\n\nconst switchKls = computed(() => [\n  ns.b(),\n  ns.m(switchSize.value),\n  ns.is('disabled', switchDisabled.value),\n  ns.is('checked', checked.value),\n])\n\nconst labelLeftKls = computed(() => [\n  ns.e('label'),\n  ns.em('label', 'left'),\n  ns.is('active', !checked.value),\n])\n\nconst labelRightKls = computed(() => [\n  ns.e('label'),\n  ns.em('label', 'right'),\n  ns.is('active', checked.value),\n])\n\nconst coreStyle = computed<CSSProperties>(() => ({\n  width: addUnit(props.width),\n}))\n\nwatch(\n  () => props.modelValue,\n  () => {\n    isControlled.value = true\n  }\n)\n\nconst actualValue = computed(() => {\n  return isControlled.value ? props.modelValue : false\n})\n\nconst checked = computed(() => actualValue.value === props.activeValue)\n\nif (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {\n  emit(UPDATE_MODEL_EVENT, props.inactiveValue)\n  emit(CHANGE_EVENT, props.inactiveValue)\n  emit(INPUT_EVENT, props.inactiveValue)\n}\n\nwatch(checked, (val) => {\n  input.value!.checked = val\n\n  if (props.validateEvent) {\n    formItem?.validate?.('change').catch(NOOP)\n  }\n})\n\nconst handleChange = () => {\n  const val = checked.value ? props.inactiveValue : props.activeValue\n  emit(UPDATE_MODEL_EVENT, val)\n  emit(CHANGE_EVENT, val)\n  emit(INPUT_EVENT, val)\n  nextTick(() => {\n    input.value!.checked = checked.value\n  })\n}\n\nconst switchValue = () => {\n  if (switchDisabled.value) return\n\n  const { beforeChange } = props\n  if (!beforeChange) {\n    handleChange()\n    return\n  }\n\n  const shouldChange = beforeChange()\n\n  const isPromiseOrBool = [\n    isPromise(shouldChange),\n    isBoolean(shouldChange),\n  ].includes(true)\n  if (!isPromiseOrBool) {\n    throwError(\n      COMPONENT_NAME,\n      'beforeChange must return type `Promise<boolean>` or `boolean`'\n    )\n  }\n\n  if (isPromise(shouldChange)) {\n    shouldChange\n      .then((result) => {\n        if (result) {\n          handleChange()\n        }\n      })\n      .catch((e) => {\n        debugWarn(COMPONENT_NAME, `some error occurred: ${e}`)\n      })\n  } else if (shouldChange) {\n    handleChange()\n  }\n}\n\nconst focus = (): void => {\n  input.value?.focus?.()\n}\n\nonMounted(() => {\n  input.value!.checked = checked.value\n})\n\ndefineExpose({\n  /**\n   *  @description manual focus to the switch component\n   **/\n  focus,\n  /**\n   * @description whether Switch is checked\n   */\n  checked,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgHA,MAAM,iBAAiB;;;;;;;EAKvB,MAAM,QAAQ;EAWd,MAAM,OAAO;EAEb,MAAM,EAAE,aAAa,aAAY;EACjC,MAAM,aAAa,aAAY;EAC/B,MAAM,KAAK,aAAa,SAAQ;EAEhC,MAAM,EAAE,YAAY,mBAAmB,OAAO,EAC5C,iBAAiB,UAClB,CAAA;EAED,MAAM,iBAAiB,gBACrB,eAAe;GACb,IAAI,MAAM,SACR,OAAO;IAGV,CACH;EACA,MAAM,eAAe,IAAI,MAAM,eAAe,MAAK;EACnD,MAAM,QAAQ,YAA6B;EAE3C,MAAM,YAAY,eAAe;GAC/B,GAAG,GAAG;GACN,GAAG,EAAE,WAAW,MAAM;GACtB,GAAG,GAAG,YAAY,eAAe,MAAM;GACvC,GAAG,GAAG,WAAW,QAAQ,MAAM;GAChC,CAAA;EAED,MAAM,eAAe,eAAe;GAClC,GAAG,EAAE,QAAQ;GACb,GAAG,GAAG,SAAS,OAAO;GACtB,GAAG,GAAG,UAAU,CAAC,QAAQ,MAAM;GAChC,CAAA;EAED,MAAM,gBAAgB,eAAe;GACnC,GAAG,EAAE,QAAQ;GACb,GAAG,GAAG,SAAS,QAAQ;GACvB,GAAG,GAAG,UAAU,QAAQ,MAAM;GAC/B,CAAA;EAED,MAAM,YAAY,gBAA+B,EAC/C,OAAO,QAAQ,MAAM,MAAM,EAC5B,EAAC;EAEF,YACQ,MAAM,kBACN;GACJ,aAAa,QAAQ;IAEzB;EAEA,MAAM,cAAc,eAAe;GACjC,OAAO,aAAa,QAAQ,MAAM,aAAa;IAChD;EAED,MAAM,UAAU,eAAe,YAAY,UAAU,MAAM,YAAW;EAEtE,IAAI,CAAC,CAAC,MAAM,aAAa,MAAM,cAAc,CAAC,SAAS,YAAY,MAAM,EAAE;GACzE,KAAK,oBAAoB,MAAM,cAAa;GAC5C,KAAK,cAAc,MAAM,cAAa;GACtC,KAAK,aAAa,MAAM,cAAa;;EAGvC,MAAM,UAAU,QAAQ;GACtB,MAAM,MAAO,UAAU;GAEvB,IAAI,MAAM,eACR,UAAU,WAAW,SAAS,CAAC,MAAM,KAAI;IAE5C;EAED,MAAM,qBAAqB;GACzB,MAAM,MAAM,QAAQ,QAAQ,MAAM,gBAAgB,MAAM;GACxD,KAAK,oBAAoB,IAAG;GAC5B,KAAK,cAAc,IAAG;GACtB,KAAK,aAAa,IAAG;GACrB,eAAe;IACb,MAAM,MAAO,UAAU,QAAQ;KAChC;;EAGH,MAAM,oBAAoB;GACxB,IAAI,eAAe,OAAO;GAE1B,MAAM,EAAE,iBAAiB;GACzB,IAAI,CAAC,cAAc;IACjB,cAAa;IACb;;GAGF,MAAM,eAAe,cAAa;GAMlC,IAAI,CAJoB,CACtB,UAAU,aAAa,EACvB,UAAU,aAAa,CACxB,CAAC,SAAS,KACS,EAClB,WACE,gBACA,gEACF;GAGF,IAAI,UAAU,aAAa,EACzB,aACG,MAAM,WAAW;IAChB,IAAI,QACF,cAAa;KAEhB,CACA,OAAO,MAAM;IACZ,UAAU,gBAAgB,wBAAwB,IAAG;KACtD;QACE,IAAI,cACT,cAAa;;EAIjB,MAAM,cAAoB;GACxB,MAAM,OAAO,SAAQ;;EAGvB,gBAAgB;GACd,MAAM,MAAO,UAAU,QAAQ;IAChC;EAED,SAAa;;;;GAIX;;;;GAIA;GACD,CAAA;;uBAtQC,mBA+EM,OAAA;IA/EA,OAAK,eAAE,UAAA,MAAS;IAAG,SAAK,cAAU,aAAW,CAAA,UAAA,CAAA;;IACjD,mBAgBE,SAAA;KAfC,IAAI,MAAA,QAAO;cACR;KAAJ,KAAI;KACH,OAAK,eAAE,MAAA,GAAE,CAAC,EAAC,QAAA,CAAA;KACZ,MAAK;KACL,MAAK;KACJ,gBAAc,QAAA;KACd,iBAAe,MAAA,eAAc;KAC7B,cAAY,QAAA;KACZ,MAAM,QAAA;KACN,cAAY,QAAA;KACZ,eAAa,QAAA;KACb,UAAU,MAAA,eAAc;KACxB,UAAU,QAAA;KACV,UAAQ;KACR,WAAO,SAAQ,aAAW,CAAA,QAAA,CAAA;;KAGpB,QAAA,iBAAiB,QAAA,gBAAgB,QAAA,gBAAgBA,KAAAA,OAAO,aAAA,WAAA,EADjE,mBAYO,QAAA;;KAVJ,OAAK,eAAE,aAAA,MAAY;QAEpB,WAOO,KAAA,QAAA,YAAA,EAAA,QAAA,CANU,QAAA,gBAAA,WAAA,EAAf,YAEU,MAAA,OAAA,EAAA,EAAA,KAAA,GAAA,EAAA;4BADwB,EAAA,WAAA,EAAhC,YAAgC,wBAAhB,QAAA,aAAY,CAAA,EAAA,CAAA;;6CAEjB,QAAA,gBAAgB,QAAA,gBAAA,WAAA,EAA7B,mBAES,QAAA;;KAFmC,eAAa,QAAA;uBACvD,QAAA,aAAY,EAAA,GAAA,WAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA;IAIlB,mBAkCO,QAAA;KAlCA,OAAK,eAAE,MAAA,GAAE,CAAC,EAAC,OAAA,CAAA;KAAW,OAAK,eAAE,UAAA,MAAS;QAChC,QAAA,gBAAA,WAAA,EAAX,mBAiBM,OAAA;;KAjBoB,OAAK,eAAE,MAAA,GAAE,CAAC,EAAC,QAAA,CAAA;SACvB,QAAA,SAAA,WAAA,EAAZ,mBAOM,OAAA;;KAPgB,OAAK,eAAE,MAAA,GAAE,CAAC,EAAC,gBAAA,CAAA;QAC/B,WAKO,KAAA,QAAA,YAAA,EAAA,QAAA,CAJU,QAAA,gBAAA,WAAA,EAAf,YAEU,MAAA,OAAA,EAAA,EAAA,KAAA,GAAA,EAAA;4BADwB,EAAA,WAAA,EAAhC,YAAgC,wBAAhB,QAAA,aAAY,CAAA,EAAA,CAAA;;6CAEjB,QAAA,gBAAgB,QAAA,gBAAA,WAAA,EAA7B,mBAAoE,QAAA,YAAA,gBAAtB,QAAA,aAAY,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,KAAA,WAAA,EAG9D,mBAOM,OAAA;;KAPO,OAAK,eAAE,MAAA,GAAE,CAAC,EAAC,gBAAA,CAAA;QACtB,WAKO,KAAA,QAAA,UAAA,EAAA,QAAA,CAJU,QAAA,cAAA,WAAA,EAAf,YAEU,MAAA,OAAA,EAAA,EAAA,KAAA,GAAA,EAAA;4BADsB,EAAA,WAAA,EAA9B,YAA8B,wBAAd,QAAA,WAAU,CAAA,EAAA,CAAA;;6CAEf,QAAA,cAAc,QAAA,cAAA,WAAA,EAA3B,mBAA8D,QAAA,YAAA,gBAApB,QAAA,WAAU,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA,EAI1D,mBAcM,OAAA,EAdA,OAAK,eAAE,MAAA,GAAE,CAAC,EAAC,SAAA,CAAA,EAAA,EAAA,CACA,QAAA,WAAA,WAAA,EAAf,YAEU,MAAA,OAAA,EAAA;;KAFe,OAAK,eAAE,MAAA,GAAE,CAAC,GAAE,UAAA,CAAA;;4BACxB,CAAX,YAAW,MAAA,QAAA,CAAA,CAAA,CAAA;;wBAEI,QAAA,QAAjB,WAIO,KAAA,QAAA,iBAAA,EAAA,KAAA,GAAA,QAAA,CAHU,QAAA,oBAAA,WAAA,EAAf,YAEU,MAAA,OAAA,EAAA,EAAA,KAAA,GAAA,EAAA;4BAD4B,EAAA,WAAA,EAApC,YAAoC,wBAApB,QAAA,iBAAgB,CAAA,EAAA,CAAA;;gDAGlB,QAAA,QAAlB,WAIO,KAAA,QAAA,mBAAA,EAAA,KAAA,GAAA,QAAA,CAHU,QAAA,sBAAA,WAAA,EAAf,YAEU,MAAA,OAAA,EAAA,EAAA,KAAA,GAAA,EAAA;4BAD8B,EAAA,WAAA,EAAtC,YAAsC,wBAAtB,QAAA,mBAAkB,CAAA,EAAA,CAAA;;;KAMjC,QAAA,iBAAiB,QAAA,cAAc,QAAA,cAAcA,KAAAA,OAAO,WAAA,WAAA,EAD7D,mBAYO,QAAA;;KAVJ,OAAK,eAAE,cAAA,MAAa;QAErB,WAOO,KAAA,QAAA,UAAA,EAAA,QAAA,CANU,QAAA,cAAA,WAAA,EAAf,YAEU,MAAA,OAAA,EAAA,EAAA,KAAA,GAAA,EAAA;4BADsB,EAAA,WAAA,EAA9B,YAA8B,wBAAd,QAAA,WAAU,CAAA,EAAA,CAAA;;6CAEf,QAAA,cAAc,QAAA,cAAA,WAAA,EAA3B,mBAES,QAAA;;KAF+B,eAAW,CAAG,QAAA;uBACpD,QAAA,WAAU,EAAA,GAAA,WAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA"}
+{"version":3,"file":"switch.vue_vue_type_script_setup_true_lang.mjs","names":["$slots"],"sources":["../../../../../../packages/components/switch/src/switch.vue"],"sourcesContent":["<template>\n  <div :class=\"switchKls\" @click.prevent=\"switchValue\">\n    <input\n      :id=\"inputId\"\n      ref=\"input\"\n      :class=\"ns.e('input')\"\n      type=\"checkbox\"\n      role=\"switch\"\n      :aria-checked=\"checked\"\n      :aria-disabled=\"switchDisabled\"\n      :aria-label=\"ariaLabel\"\n      :name=\"name\"\n      :true-value=\"activeValue\"\n      :false-value=\"inactiveValue\"\n      :disabled=\"switchDisabled\"\n      :tabindex=\"tabindex\"\n      @change=\"handleChange\"\n      @keydown.enter=\"switchValue\"\n    />\n    <span\n      v-if=\"!inlinePrompt && (inactiveIcon || inactiveText || $slots.inactive)\"\n      :class=\"labelLeftKls\"\n    >\n      <slot name=\"inactive\">\n        <el-icon v-if=\"inactiveIcon\">\n          <component :is=\"inactiveIcon\" />\n        </el-icon>\n        <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n          inactiveText\n        }}</span>\n      </slot>\n    </span>\n    <span :class=\"ns.e('core')\" :style=\"coreStyle\">\n      <div v-if=\"inlinePrompt\" :class=\"ns.e('inner')\">\n        <div v-if=\"!checked\" :class=\"ns.e('inner-wrapper')\">\n          <slot name=\"inactive\">\n            <el-icon v-if=\"inactiveIcon\">\n              <component :is=\"inactiveIcon\" />\n            </el-icon>\n            <span v-if=\"!inactiveIcon && inactiveText\">{{ inactiveText }}</span>\n          </slot>\n        </div>\n        <div v-else :class=\"ns.e('inner-wrapper')\">\n          <slot name=\"active\">\n            <el-icon v-if=\"activeIcon\">\n              <component :is=\"activeIcon\" />\n            </el-icon>\n            <span v-if=\"!activeIcon && activeText\">{{ activeText }}</span>\n          </slot>\n        </div>\n      </div>\n      <div :class=\"ns.e('action')\">\n        <el-icon v-if=\"loading\" :class=\"ns.is('loading')\">\n          <loading />\n        </el-icon>\n        <slot v-else-if=\"checked\" name=\"active-action\">\n          <el-icon v-if=\"activeActionIcon\">\n            <component :is=\"activeActionIcon\" />\n          </el-icon>\n        </slot>\n        <slot v-else-if=\"!checked\" name=\"inactive-action\">\n          <el-icon v-if=\"inactiveActionIcon\">\n            <component :is=\"inactiveActionIcon\" />\n          </el-icon>\n        </slot>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText || $slots.active)\"\n      :class=\"labelRightKls\"\n    >\n      <slot name=\"active\">\n        <el-icon v-if=\"activeIcon\">\n          <component :is=\"activeIcon\" />\n        </el-icon>\n        <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n          activeText\n        }}</span>\n      </slot>\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, shallowRef, watch } from 'vue'\nimport {\n  NOOP,\n  addUnit,\n  debugWarn,\n  isBoolean,\n  isPromise,\n  throwError,\n} from '@element-plus/utils'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { Loading } from '@element-plus/icons-vue'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { switchEmits } from './switch'\n\nimport type { CSSProperties } from 'vue'\nimport type { SwitchProps } from './switch'\n\nconst COMPONENT_NAME = 'ElSwitch'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<SwitchProps>(), {\n  modelValue: false,\n  disabled: undefined,\n  activeText: '',\n  inactiveText: '',\n  activeValue: true,\n  inactiveValue: false,\n  name: '',\n  validateEvent: true,\n  width: '',\n})\nconst emit = defineEmits(switchEmits)\n\nconst { formItem } = useFormItem()\nconst switchSize = useFormSize()\nconst ns = useNamespace('switch')\n\nconst { inputId } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst switchDisabled = useFormDisabled(\n  computed(() => {\n    if (props.loading) {\n      return true\n    }\n    return undefined\n  })\n)\nconst isControlled = ref(props.modelValue !== false)\nconst input = shallowRef<HTMLInputElement>()\n\nconst switchKls = computed(() => [\n  ns.b(),\n  ns.m(switchSize.value),\n  ns.is('disabled', switchDisabled.value),\n  ns.is('checked', checked.value),\n])\n\nconst labelLeftKls = computed(() => [\n  ns.e('label'),\n  ns.em('label', 'left'),\n  ns.is('active', !checked.value),\n])\n\nconst labelRightKls = computed(() => [\n  ns.e('label'),\n  ns.em('label', 'right'),\n  ns.is('active', checked.value),\n])\n\nconst coreStyle = computed<CSSProperties>(() => ({\n  width: addUnit(props.width),\n}))\n\nwatch(\n  () => props.modelValue,\n  () => {\n    isControlled.value = true\n  }\n)\n\nconst actualValue = computed(() => {\n  return isControlled.value ? props.modelValue : false\n})\n\nconst checked = computed(() => actualValue.value === props.activeValue)\n\nif (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {\n  debugWarn(\n    COMPONENT_NAME,\n    'model-value must be active-value or inactive-value'\n  )\n  emit(UPDATE_MODEL_EVENT, props.inactiveValue)\n  emit(CHANGE_EVENT, props.inactiveValue)\n  emit(INPUT_EVENT, props.inactiveValue)\n}\n\nwatch(checked, (val) => {\n  input.value!.checked = val\n\n  if (props.validateEvent) {\n    formItem?.validate?.('change').catch(NOOP)\n  }\n})\n\nconst handleChange = () => {\n  const val = checked.value ? props.inactiveValue : props.activeValue\n  emit(UPDATE_MODEL_EVENT, val)\n  emit(CHANGE_EVENT, val)\n  emit(INPUT_EVENT, val)\n  nextTick(() => {\n    input.value!.checked = checked.value\n  })\n}\n\nconst switchValue = () => {\n  if (switchDisabled.value) return\n\n  const { beforeChange } = props\n  if (!beforeChange) {\n    handleChange()\n    return\n  }\n\n  const shouldChange = beforeChange()\n\n  const isPromiseOrBool = [\n    isPromise(shouldChange),\n    isBoolean(shouldChange),\n  ].includes(true)\n  if (!isPromiseOrBool) {\n    throwError(\n      COMPONENT_NAME,\n      'beforeChange must return type `Promise<boolean>` or `boolean`'\n    )\n  }\n\n  if (isPromise(shouldChange)) {\n    shouldChange\n      .then((result) => {\n        if (result) {\n          handleChange()\n        }\n      })\n      .catch((e) => {\n        debugWarn(COMPONENT_NAME, `some error occurred: ${e}`)\n      })\n  } else if (shouldChange) {\n    handleChange()\n  }\n}\n\nconst focus = (): void => {\n  input.value?.focus?.()\n}\n\nonMounted(() => {\n  input.value!.checked = checked.value\n})\n\ndefineExpose({\n  /**\n   *  @description manual focus to the switch component\n   **/\n  focus,\n  /**\n   * @description whether Switch is checked\n   */\n  checked,\n})\n</script>\n"],"mappings":"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"}

package/es/components/switch/src/switch2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch2.mjs","names":[],"sources":["../../../../../../packages/components/switch/src/switch.vue"],"sourcesContent":["<template>\n  <div :class=\"switchKls\" @click.prevent=\"switchValue\">\n    <input\n      :id=\"inputId\"\n      ref=\"input\"\n      :class=\"ns.e('input')\"\n      type=\"checkbox\"\n      role=\"switch\"\n      :aria-checked=\"checked\"\n      :aria-disabled=\"switchDisabled\"\n      :aria-label=\"ariaLabel\"\n      :name=\"name\"\n      :true-value=\"activeValue\"\n      :false-value=\"inactiveValue\"\n      :disabled=\"switchDisabled\"\n      :tabindex=\"tabindex\"\n      @change=\"handleChange\"\n      @keydown.enter=\"switchValue\"\n    />\n    <span\n      v-if=\"!inlinePrompt && (inactiveIcon || inactiveText || $slots.inactive)\"\n      :class=\"labelLeftKls\"\n    >\n      <slot name=\"inactive\">\n        <el-icon v-if=\"inactiveIcon\">\n          <component :is=\"inactiveIcon\" />\n        </el-icon>\n        <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n          inactiveText\n        }}</span>\n      </slot>\n    </span>\n    <span :class=\"ns.e('core')\" :style=\"coreStyle\">\n      <div v-if=\"inlinePrompt\" :class=\"ns.e('inner')\">\n        <div v-if=\"!checked\" :class=\"ns.e('inner-wrapper')\">\n          <slot name=\"inactive\">\n            <el-icon v-if=\"inactiveIcon\">\n              <component :is=\"inactiveIcon\" />\n            </el-icon>\n            <span v-if=\"!inactiveIcon && inactiveText\">{{ inactiveText }}</span>\n          </slot>\n        </div>\n        <div v-else :class=\"ns.e('inner-wrapper')\">\n          <slot name=\"active\">\n            <el-icon v-if=\"activeIcon\">\n              <component :is=\"activeIcon\" />\n            </el-icon>\n            <span v-if=\"!activeIcon && activeText\">{{ activeText }}</span>\n          </slot>\n        </div>\n      </div>\n      <div :class=\"ns.e('action')\">\n        <el-icon v-if=\"loading\" :class=\"ns.is('loading')\">\n          <loading />\n        </el-icon>\n        <slot v-else-if=\"checked\" name=\"active-action\">\n          <el-icon v-if=\"activeActionIcon\">\n            <component :is=\"activeActionIcon\" />\n          </el-icon>\n        </slot>\n        <slot v-else-if=\"!checked\" name=\"inactive-action\">\n          <el-icon v-if=\"inactiveActionIcon\">\n            <component :is=\"inactiveActionIcon\" />\n          </el-icon>\n        </slot>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText || $slots.active)\"\n      :class=\"labelRightKls\"\n    >\n      <slot name=\"active\">\n        <el-icon v-if=\"activeIcon\">\n          <component :is=\"activeIcon\" />\n        </el-icon>\n        <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n          activeText\n        }}</span>\n      </slot>\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, shallowRef, watch } from 'vue'\nimport {\n  NOOP,\n  addUnit,\n  debugWarn,\n  isBoolean,\n  isPromise,\n  throwError,\n} from '@element-plus/utils'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { Loading } from '@element-plus/icons-vue'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { switchEmits } from './switch'\n\nimport type { CSSProperties } from 'vue'\nimport type { SwitchProps } from './switch'\n\nconst COMPONENT_NAME = 'ElSwitch'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<SwitchProps>(), {\n  modelValue: false,\n  disabled: undefined,\n  activeText: '',\n  inactiveText: '',\n  activeValue: true,\n  inactiveValue: false,\n  name: '',\n  validateEvent: true,\n  width: '',\n})\nconst emit = defineEmits(switchEmits)\n\nconst { formItem } = useFormItem()\nconst switchSize = useFormSize()\nconst ns = useNamespace('switch')\n\nconst { inputId } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst switchDisabled = useFormDisabled(\n  computed(() => {\n    if (props.loading) {\n      return true\n    }\n    return undefined\n  })\n)\nconst isControlled = ref(props.modelValue !== false)\nconst input = shallowRef<HTMLInputElement>()\n\nconst switchKls = computed(() => [\n  ns.b(),\n  ns.m(switchSize.value),\n  ns.is('disabled', switchDisabled.value),\n  ns.is('checked', checked.value),\n])\n\nconst labelLeftKls = computed(() => [\n  ns.e('label'),\n  ns.em('label', 'left'),\n  ns.is('active', !checked.value),\n])\n\nconst labelRightKls = computed(() => [\n  ns.e('label'),\n  ns.em('label', 'right'),\n  ns.is('active', checked.value),\n])\n\nconst coreStyle = computed<CSSProperties>(() => ({\n  width: addUnit(props.width),\n}))\n\nwatch(\n  () => props.modelValue,\n  () => {\n    isControlled.value = true\n  }\n)\n\nconst actualValue = computed(() => {\n  return isControlled.value ? props.modelValue : false\n})\n\nconst checked = computed(() => actualValue.value === props.activeValue)\n\nif (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {\n  emit(UPDATE_MODEL_EVENT, props.inactiveValue)\n  emit(CHANGE_EVENT, props.inactiveValue)\n  emit(INPUT_EVENT, props.inactiveValue)\n}\n\nwatch(checked, (val) => {\n  input.value!.checked = val\n\n  if (props.validateEvent) {\n    formItem?.validate?.('change').catch(NOOP)\n  }\n})\n\nconst handleChange = () => {\n  const val = checked.value ? props.inactiveValue : props.activeValue\n  emit(UPDATE_MODEL_EVENT, val)\n  emit(CHANGE_EVENT, val)\n  emit(INPUT_EVENT, val)\n  nextTick(() => {\n    input.value!.checked = checked.value\n  })\n}\n\nconst switchValue = () => {\n  if (switchDisabled.value) return\n\n  const { beforeChange } = props\n  if (!beforeChange) {\n    handleChange()\n    return\n  }\n\n  const shouldChange = beforeChange()\n\n  const isPromiseOrBool = [\n    isPromise(shouldChange),\n    isBoolean(shouldChange),\n  ].includes(true)\n  if (!isPromiseOrBool) {\n    throwError(\n      COMPONENT_NAME,\n      'beforeChange must return type `Promise<boolean>` or `boolean`'\n    )\n  }\n\n  if (isPromise(shouldChange)) {\n    shouldChange\n      .then((result) => {\n        if (result) {\n          handleChange()\n        }\n      })\n      .catch((e) => {\n        debugWarn(COMPONENT_NAME, `some error occurred: ${e}`)\n      })\n  } else if (shouldChange) {\n    handleChange()\n  }\n}\n\nconst focus = (): void => {\n  input.value?.focus?.()\n}\n\nonMounted(() => {\n  input.value!.checked = checked.value\n})\n\ndefineExpose({\n  /**\n   *  @description manual focus to the switch component\n   **/\n  focus,\n  /**\n   * @description whether Switch is checked\n   */\n  checked,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"switch2.mjs","names":[],"sources":["../../../../../../packages/components/switch/src/switch.vue"],"sourcesContent":["<template>\n  <div :class=\"switchKls\" @click.prevent=\"switchValue\">\n    <input\n      :id=\"inputId\"\n      ref=\"input\"\n      :class=\"ns.e('input')\"\n      type=\"checkbox\"\n      role=\"switch\"\n      :aria-checked=\"checked\"\n      :aria-disabled=\"switchDisabled\"\n      :aria-label=\"ariaLabel\"\n      :name=\"name\"\n      :true-value=\"activeValue\"\n      :false-value=\"inactiveValue\"\n      :disabled=\"switchDisabled\"\n      :tabindex=\"tabindex\"\n      @change=\"handleChange\"\n      @keydown.enter=\"switchValue\"\n    />\n    <span\n      v-if=\"!inlinePrompt && (inactiveIcon || inactiveText || $slots.inactive)\"\n      :class=\"labelLeftKls\"\n    >\n      <slot name=\"inactive\">\n        <el-icon v-if=\"inactiveIcon\">\n          <component :is=\"inactiveIcon\" />\n        </el-icon>\n        <span v-if=\"!inactiveIcon && inactiveText\" :aria-hidden=\"checked\">{{\n          inactiveText\n        }}</span>\n      </slot>\n    </span>\n    <span :class=\"ns.e('core')\" :style=\"coreStyle\">\n      <div v-if=\"inlinePrompt\" :class=\"ns.e('inner')\">\n        <div v-if=\"!checked\" :class=\"ns.e('inner-wrapper')\">\n          <slot name=\"inactive\">\n            <el-icon v-if=\"inactiveIcon\">\n              <component :is=\"inactiveIcon\" />\n            </el-icon>\n            <span v-if=\"!inactiveIcon && inactiveText\">{{ inactiveText }}</span>\n          </slot>\n        </div>\n        <div v-else :class=\"ns.e('inner-wrapper')\">\n          <slot name=\"active\">\n            <el-icon v-if=\"activeIcon\">\n              <component :is=\"activeIcon\" />\n            </el-icon>\n            <span v-if=\"!activeIcon && activeText\">{{ activeText }}</span>\n          </slot>\n        </div>\n      </div>\n      <div :class=\"ns.e('action')\">\n        <el-icon v-if=\"loading\" :class=\"ns.is('loading')\">\n          <loading />\n        </el-icon>\n        <slot v-else-if=\"checked\" name=\"active-action\">\n          <el-icon v-if=\"activeActionIcon\">\n            <component :is=\"activeActionIcon\" />\n          </el-icon>\n        </slot>\n        <slot v-else-if=\"!checked\" name=\"inactive-action\">\n          <el-icon v-if=\"inactiveActionIcon\">\n            <component :is=\"inactiveActionIcon\" />\n          </el-icon>\n        </slot>\n      </div>\n    </span>\n    <span\n      v-if=\"!inlinePrompt && (activeIcon || activeText || $slots.active)\"\n      :class=\"labelRightKls\"\n    >\n      <slot name=\"active\">\n        <el-icon v-if=\"activeIcon\">\n          <component :is=\"activeIcon\" />\n        </el-icon>\n        <span v-if=\"!activeIcon && activeText\" :aria-hidden=\"!checked\">{{\n          activeText\n        }}</span>\n      </slot>\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, shallowRef, watch } from 'vue'\nimport {\n  NOOP,\n  addUnit,\n  debugWarn,\n  isBoolean,\n  isPromise,\n  throwError,\n} from '@element-plus/utils'\nimport ElIcon from '@element-plus/components/icon'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport { Loading } from '@element-plus/icons-vue'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport { switchEmits } from './switch'\n\nimport type { CSSProperties } from 'vue'\nimport type { SwitchProps } from './switch'\n\nconst COMPONENT_NAME = 'ElSwitch'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\n\nconst props = withDefaults(defineProps<SwitchProps>(), {\n  modelValue: false,\n  disabled: undefined,\n  activeText: '',\n  inactiveText: '',\n  activeValue: true,\n  inactiveValue: false,\n  name: '',\n  validateEvent: true,\n  width: '',\n})\nconst emit = defineEmits(switchEmits)\n\nconst { formItem } = useFormItem()\nconst switchSize = useFormSize()\nconst ns = useNamespace('switch')\n\nconst { inputId } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst switchDisabled = useFormDisabled(\n  computed(() => {\n    if (props.loading) {\n      return true\n    }\n    return undefined\n  })\n)\nconst isControlled = ref(props.modelValue !== false)\nconst input = shallowRef<HTMLInputElement>()\n\nconst switchKls = computed(() => [\n  ns.b(),\n  ns.m(switchSize.value),\n  ns.is('disabled', switchDisabled.value),\n  ns.is('checked', checked.value),\n])\n\nconst labelLeftKls = computed(() => [\n  ns.e('label'),\n  ns.em('label', 'left'),\n  ns.is('active', !checked.value),\n])\n\nconst labelRightKls = computed(() => [\n  ns.e('label'),\n  ns.em('label', 'right'),\n  ns.is('active', checked.value),\n])\n\nconst coreStyle = computed<CSSProperties>(() => ({\n  width: addUnit(props.width),\n}))\n\nwatch(\n  () => props.modelValue,\n  () => {\n    isControlled.value = true\n  }\n)\n\nconst actualValue = computed(() => {\n  return isControlled.value ? props.modelValue : false\n})\n\nconst checked = computed(() => actualValue.value === props.activeValue)\n\nif (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {\n  debugWarn(\n    COMPONENT_NAME,\n    'model-value must be active-value or inactive-value'\n  )\n  emit(UPDATE_MODEL_EVENT, props.inactiveValue)\n  emit(CHANGE_EVENT, props.inactiveValue)\n  emit(INPUT_EVENT, props.inactiveValue)\n}\n\nwatch(checked, (val) => {\n  input.value!.checked = val\n\n  if (props.validateEvent) {\n    formItem?.validate?.('change').catch(NOOP)\n  }\n})\n\nconst handleChange = () => {\n  const val = checked.value ? props.inactiveValue : props.activeValue\n  emit(UPDATE_MODEL_EVENT, val)\n  emit(CHANGE_EVENT, val)\n  emit(INPUT_EVENT, val)\n  nextTick(() => {\n    input.value!.checked = checked.value\n  })\n}\n\nconst switchValue = () => {\n  if (switchDisabled.value) return\n\n  const { beforeChange } = props\n  if (!beforeChange) {\n    handleChange()\n    return\n  }\n\n  const shouldChange = beforeChange()\n\n  const isPromiseOrBool = [\n    isPromise(shouldChange),\n    isBoolean(shouldChange),\n  ].includes(true)\n  if (!isPromiseOrBool) {\n    throwError(\n      COMPONENT_NAME,\n      'beforeChange must return type `Promise<boolean>` or `boolean`'\n    )\n  }\n\n  if (isPromise(shouldChange)) {\n    shouldChange\n      .then((result) => {\n        if (result) {\n          handleChange()\n        }\n      })\n      .catch((e) => {\n        debugWarn(COMPONENT_NAME, `some error occurred: ${e}`)\n      })\n  } else if (shouldChange) {\n    handleChange()\n  }\n}\n\nconst focus = (): void => {\n  input.value?.focus?.()\n}\n\nonMounted(() => {\n  input.value!.checked = checked.value\n})\n\ndefineExpose({\n  /**\n   *  @description manual focus to the switch component\n   **/\n  focus,\n  /**\n   * @description whether Switch is checked\n   */\n  checked,\n})\n</script>\n"],"mappings":""}

package/es/components/table/src/filter-panel.vue.d.ts

@@ -111,11 +111,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
+      name: string;
       id: string;
       disabled: boolean;
       modelValue: number | string | boolean;
       validateEvent: boolean;
-      name: string;
       value: string | boolean | number | object;
       label: string | boolean | number | object;
       trueValue: string | number;
@@ -133,11 +133,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
+      name: string;
       id: string;
       disabled: boolean;
       modelValue: number | string | boolean;
       validateEvent: boolean;
-      name: string;
       value: string | boolean | number | object;
       label: string | boolean | number | object;
       trueValue: string | number;
@@ -155,11 +155,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "update:modelValue": (val: CheckboxValueType) => void;
     change: (val: CheckboxValueType) => void;
   }, string, {
+    name: string;
     id: string;
     disabled: boolean;
     modelValue: number | string | boolean;
     validateEvent: boolean;
-    name: string;
     value: string | boolean | number | object;
     label: string | boolean | number | object;
     trueValue: string | number;
@@ -185,7 +185,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       readonly falseLabel?: string | number | (() => string | number) | undefined;
       readonly id?: string | (() => string) | undefined;
       readonly border?: boolean | (() => boolean) | undefined;
-      readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
+      readonly size?: "" | "default" | "large" | "small" | (() => "" | "default" | "large" | "small") | undefined;
       readonly tabindex?: string | number | (() => string | number) | undefined;
       readonly validateEvent?: boolean | (() => boolean) | undefined;
       readonly ariaLabel?: string | (() => string) | undefined;
@@ -203,15 +203,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxGroupValueType) => void;
       change: (val: CheckboxValueType[]) => void;
     }, _$vue.PublicProps, {
-      disabled: boolean;
-      modelValue: CheckboxGroupValueType;
       type: "checkbox" | "button";
-      validateEvent: boolean;
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
+      disabled: boolean;
+      modelValue: CheckboxGroupValueType;
+      validateEvent: boolean;
       tag: string;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
@@ -224,15 +224,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      disabled: boolean;
-      modelValue: CheckboxGroupValueType;
       type: "checkbox" | "button";
-      validateEvent: boolean;
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
+      disabled: boolean;
+      modelValue: CheckboxGroupValueType;
+      validateEvent: boolean;
       tag: string;
     }>;
     __isFragment?: never;
@@ -245,15 +245,15 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "update:modelValue": (val: CheckboxGroupValueType) => void;
     change: (val: CheckboxValueType[]) => void;
   }, string, {
-    disabled: boolean;
-    modelValue: CheckboxGroupValueType;
     type: "checkbox" | "button";
-    validateEvent: boolean;
     props: {
       value?: string;
       label?: string;
       disabled?: string;
     };
+    disabled: boolean;
+    modelValue: CheckboxGroupValueType;
+    validateEvent: boolean;
     tag: string;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
@@ -284,9 +284,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       }) => void;
       "end-reached": (direction: ScrollbarDirection) => void;
     }, _$vue.PublicProps, {
-      tabindex: number | string;
       height: number | string;
       maxHeight: number | string;
+      tabindex: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -318,9 +318,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, {
-      tabindex: number | string;
       height: number | string;
       maxHeight: number | string;
+      tabindex: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -355,9 +355,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
-    tabindex: number | string;
     height: number | string;
     maxHeight: number | string;
+    tabindex: number | string;
     tag: keyof HTMLElementTagNameMap | (string & {});
     distance: number;
     wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -375,10 +375,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onHide?: ((...args: any[]) => any) | undefined;
       onShow?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
-      onClose?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+      onClose?: ((...args: any[]) => any) | undefined;
     }>, {
       popperRef: _$vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
       contentRef: _$vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
@@ -391,36 +391,36 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       hide: (...args: any[]) => void;
       show: (...args: any[]) => void;
       open: (...args: any[]) => void;
-      close: (...args: any[]) => void;
       "update:visible": (...args: any[]) => void;
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
+      close: (...args: any[]) => void;
     }, _$vue.PublicProps, {
-      visible: boolean | null;
-      content: string;
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       role: typeof roleTypes[number];
+      visible: boolean | null;
+      content: string;
       offset: number;
-      teleported: boolean;
-      effect: PopperEffect;
-      enterable: boolean;
-      pure: boolean;
-      focusOnShow: boolean;
-      trapping: boolean;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      stopPopperMouseEvent: boolean;
-      virtualTriggering: boolean;
-      loop: boolean;
+      showAfter: number;
+      hideAfter: number;
+      autoClose: number;
       boundariesPadding: number;
       gpuAcceleration: boolean;
       placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
+      effect: PopperEffect;
+      enterable: boolean;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      stopPopperMouseEvent: boolean;
+      loop: boolean;
+      pure: boolean;
+      focusOnShow: boolean;
+      trapping: boolean;
+      virtualTriggering: boolean;
+      teleported: boolean;
       showArrow: boolean;
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -434,10 +434,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onHide?: ((...args: any[]) => any) | undefined;
       onShow?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
-      onClose?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+      onClose?: ((...args: any[]) => any) | undefined;
     }>, {
       popperRef: _$vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
       contentRef: _$vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
@@ -447,31 +447,31 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
-      visible: boolean | null;
-      content: string;
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       role: typeof roleTypes[number];
+      visible: boolean | null;
+      content: string;
       offset: number;
-      teleported: boolean;
-      effect: PopperEffect;
-      enterable: boolean;
-      pure: boolean;
-      focusOnShow: boolean;
-      trapping: boolean;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      stopPopperMouseEvent: boolean;
-      virtualTriggering: boolean;
-      loop: boolean;
+      showAfter: number;
+      hideAfter: number;
+      autoClose: number;
       boundariesPadding: number;
       gpuAcceleration: boolean;
       placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
+      effect: PopperEffect;
+      enterable: boolean;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      stopPopperMouseEvent: boolean;
+      loop: boolean;
+      pure: boolean;
+      focusOnShow: boolean;
+      trapping: boolean;
+      virtualTriggering: boolean;
+      teleported: boolean;
       showArrow: boolean;
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }>;
@@ -482,10 +482,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
   }>, {
     popperRef: _$vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
     contentRef: _$vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
@@ -498,36 +498,36 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     hide: (...args: any[]) => void;
     show: (...args: any[]) => void;
     open: (...args: any[]) => void;
-    close: (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
+    close: (...args: any[]) => void;
   }, string, {
-    visible: boolean | null;
-    content: string;
     style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     role: typeof roleTypes[number];
+    visible: boolean | null;
+    content: string;
     offset: number;
-    teleported: boolean;
-    effect: PopperEffect;
-    enterable: boolean;
-    pure: boolean;
-    focusOnShow: boolean;
-    trapping: boolean;
-    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-    stopPopperMouseEvent: boolean;
-    virtualTriggering: boolean;
-    loop: boolean;
+    showAfter: number;
+    hideAfter: number;
+    autoClose: number;
     boundariesPadding: number;
     gpuAcceleration: boolean;
     placement: Placement;
     popperOptions: Partial<Options>;
     strategy: "fixed" | "absolute";
     arrowOffset: number;
+    effect: PopperEffect;
+    enterable: boolean;
+    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+    stopPopperMouseEvent: boolean;
+    loop: boolean;
+    pure: boolean;
+    focusOnShow: boolean;
+    trapping: boolean;
+    virtualTriggering: boolean;
+    teleported: boolean;
     showArrow: boolean;
-    showAfter: number;
-    hideAfter: number;
-    autoClose: number;
     trigger: Arrayable<TooltipTriggerType>;
     triggerKeys: string[];
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {

package/es/components/table/src/store/helper.d.ts

@@ -459,6 +459,7 @@ declare function createStore<T extends DefaultRow>(table: Table<T>, props: Table
   clearSelection: () => void;
   cleanSelection: () => void;
   getSelectionRows: () => T[];
+  getHalfSelectionRows: () => T[];
   toggleRowSelection: (row: T, selected?: boolean, emitChange?: boolean, ignoreSelectable?: boolean) => void;
   _toggleAllSelection: () => void;
   toggleAllSelection: (() => void) | null;

package/es/components/table/src/store/index.d.ts

@@ -463,6 +463,7 @@ declare function useStore<T extends DefaultRow>(): {
   clearSelection: () => void;
   cleanSelection: () => void;
   getSelectionRows: () => T[];
+  getHalfSelectionRows: () => T[];
   toggleRowSelection: (row: T, selected?: boolean, emitChange?: boolean, ignoreSelectable?: boolean) => void;
   _toggleAllSelection: () => void;
   toggleAllSelection: (() => void) | null;
@@ -1010,6 +1011,7 @@ declare class HelperStore<T extends DefaultRow> {
     clearSelection: () => void;
     cleanSelection: () => void;
     getSelectionRows: () => T[];
+    getHalfSelectionRows: () => T[];
     toggleRowSelection: (row: T, selected?: boolean, emitChange?: boolean, ignoreSelectable?: boolean) => void;
     _toggleAllSelection: () => void;
     toggleAllSelection: (() => void) | null;

package/es/components/table/src/store/watcher.d.ts

@@ -13,6 +13,7 @@ declare function useWatcher<T extends DefaultRow>(): {
   clearSelection: () => void;
   cleanSelection: () => void;
   getSelectionRows: () => T[];
+  getHalfSelectionRows: () => T[];
   toggleRowSelection: (row: T, selected?: boolean, emitChange?: boolean, ignoreSelectable?: boolean) => void;
   _toggleAllSelection: () => void;
   toggleAllSelection: (() => void) | null;

package/es/components/table/src/store/watcher.mjs

@@ -52,6 +52,7 @@ function useWatcher() {
 	const sortProp = ref(null);
 	const sortOrder = ref(null);
 	const hoverRow = ref(null);
+	let halfSelection = [];
 	const selectedMap = computed(() => {
 		return rowKey.value ? getKeysMap(selection.value, rowKey.value) : void 0;
 	});
@@ -132,6 +133,7 @@ function useWatcher() {
 		const { emitChange = true } = options;
 		if (treeStates.checkStrictly.value || !rowKey.value) {
 			selectionIndeterminate.value = {};
+			halfSelection = [];
 			return;
 		}
 		const rowKeyValue = rowKey.value;
@@ -146,6 +148,7 @@ function useWatcher() {
 			return id;
 		};
 		const indeterminateMap = {};
+		const nextHalfSelection = [];
 		const selectedIdSet = new Set(selection.value.map((row) => getCachedRowId(row)));
 		const rowsToAdd = [];
 		let selectionChanged = false;
@@ -181,7 +184,10 @@ function useWatcher() {
 				if (rowSelectable) {
 					if (childSelectableCount > 0) {
 						const allSelected = childSelectedCount === childSelectableCount;
-						if (!allSelected && !(childSelectedCount === 0)) indeterminateMap[id] = true;
+						if (!allSelected && !(childSelectedCount === 0)) {
+							indeterminateMap[id] = true;
+							nextHalfSelection.push(row);
+						}
 						_updateSelectionForRow(row, id, allSelected);
 					}
 				}
@@ -207,6 +213,7 @@ function useWatcher() {
 			selection.value = nextSelection;
 		}
 		selectionIndeterminate.value = indeterminateMap;
+		halfSelection = nextHalfSelection;
 		if (selectionChanged && emitChange) instance.emit("selection-change", selection.value ? selection.value.slice() : []);
 	};
 	const clearSelection = () => {
@@ -214,6 +221,7 @@ function useWatcher() {
 		const oldSelection = selection.value;
 		selection.value = [];
 		selectionIndeterminate.value = {};
+		halfSelection = [];
 		if (oldSelection.length) instance.emit("selection-change", []);
 	};
 	const cleanSelection = () => {
@@ -244,6 +252,9 @@ function useWatcher() {
 	const getSelectionRows = () => {
 		return (selection.value || []).slice();
 	};
+	const getHalfSelectionRows = () => {
+		return halfSelection.slice();
+	};
 	const cascadeToLazyChildren = (row, selected, rowIndexMap) => {
 		if (!rowKey.value || treeStates.checkStrictly.value || !treeStates.lazy.value) return;
 		const { lazyTreeNodeMap, childrenColumnName } = instance.store.states;
@@ -443,8 +454,10 @@ function useWatcher() {
 		else toggleTreeExpansion(row, expanded);
 	};
 	watch(() => treeStates.checkStrictly.value, (value) => {
-		if (value) selectionIndeterminate.value = {};
-		else updateSelectionByChildren({ emitChange: false });
+		if (value) {
+			selectionIndeterminate.value = {};
+			halfSelection = [];
+		} else updateSelectionByChildren({ emitChange: false });
 		updateAllSelected();
 	});
 	watch(() => treeStates.lazyTreeNodeMap.value, () => {
@@ -471,6 +484,7 @@ function useWatcher() {
 		clearSelection,
 		cleanSelection,
 		getSelectionRows,
+		getHalfSelectionRows,
 		toggleRowSelection,
 		_toggleAllSelection,
 		toggleAllSelection: null,