@element-plus/nightly 0.0.20260602 → 0.0.20260604

package/es/components/space/src/space.d.ts

@@ -23,7 +23,7 @@ declare const spaceProps: {
   readonly fill: BooleanConstructor;
   readonly fillRatio: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
+    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "large" | "small", number | [number, number]>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -49,7 +49,7 @@ declare const Space: _$vue.DefineComponent<ExtractPropTypes<{
   readonly fill: BooleanConstructor;
   readonly fillRatio: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
+    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "large" | "small", number | [number, number]>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -77,17 +77,17 @@ declare const Space: _$vue.DefineComponent<ExtractPropTypes<{
   readonly fill: BooleanConstructor;
   readonly fillRatio: EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "small" | "large", number | [number, number]>>;
+    readonly type: _$vue.PropType<EpPropMergeType<readonly [StringConstructor, ArrayConstructor, NumberConstructor], "" | "default" | "large" | "small", number | [number, number]>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
   readonly fill: boolean;
+  readonly class: EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown>;
   readonly style: StyleValue;
   readonly direction: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
   readonly wrap: boolean;
-  readonly class: EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown>;
   readonly alignment: EpPropMergeType<(new (...args: any[]) => string) | (() => _$csstype.Property.AlignItems | undefined) | (((new (...args: any[]) => string) | (() => _$csstype.Property.AlignItems | undefined)) | null)[], unknown, unknown>;
   readonly spacer: EpPropMergeType<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<_$vue.RendererNode, _$vue.RendererElement, {
     [key: string]: any;

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

@@ -19,9 +19,9 @@ declare const __VLS_base: _$vue.DefineComponent<StatisticProps, {
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<StatisticProps> & Readonly<{}>, {
   value: number | _$dayjs.Dayjs;
   precision: number;
-  valueStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   decimalSeparator: string;
   groupSeparator: string;
+  valueStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/steps/src/item.d.ts

@@ -37,7 +37,7 @@ declare const stepProps: {
     __epPropKey: true;
   };
   readonly description: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly status: EpPropFinalized<StringConstructor, "" | "success" | "error" | "finish" | "wait" | "process", unknown, "", boolean>;
+  readonly status: EpPropFinalized<StringConstructor, "" | "wait" | "error" | "success" | "finish" | "process", unknown, "", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `StepProps` instead.

package/es/components/steps/src/item.vue.d.ts

@@ -28,9 +28,9 @@ type __VLS_Slots = {} & {
   description?: (props: typeof __VLS_38) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<StepProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<StepProps> & Readonly<{}>, {
+  icon: IconPropType;
   title: string;
   description: string;
-  icon: IconPropType;
   status: "" | "wait" | "process" | "finish" | "error" | "success";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/steps/src/steps.d.ts

@@ -59,8 +59,8 @@ declare const stepsProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly finishStatus: EpPropFinalized<StringConstructor, "success" | "error" | "finish" | "wait" | "process", unknown, "finish", boolean>;
-  readonly processStatus: EpPropFinalized<StringConstructor, "success" | "error" | "finish" | "wait" | "process", unknown, "process", boolean>;
+  readonly finishStatus: EpPropFinalized<StringConstructor, "wait" | "error" | "success" | "finish" | "process", unknown, "finish", boolean>;
+  readonly processStatus: EpPropFinalized<StringConstructor, "wait" | "error" | "success" | "finish" | "process", unknown, "process", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `StepsProps` instead.

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

@@ -97,7 +97,7 @@ declare const switchProps: {
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly loading: BooleanConstructor;
   readonly size: {
-    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => "" | "default" | "small" | "large") | (((new (...args: any[]) => "" | "default" | "small" | "large") | (() => "" | "default" | "small" | "large")) | null)[], unknown, "" | "default" | "small" | "large">>;
+    readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "large" | "small") | (() => "" | "default" | "large" | "small") | (((new (...args: any[]) => "" | "default" | "large" | "small") | (() => "" | "default" | "large" | "small")) | null)[], unknown, "" | "default" | "large" | "small">>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -26,19 +26,19 @@ declare const __VLS_base: _$vue.DefineComponent<SwitchProps, {
    */
   checked: _$vue.ComputedRef<boolean>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  change: (val: string | number | boolean) => void;
   "update:modelValue": (val: string | number | boolean) => void;
   input: (val: string | number | boolean) => void;
-  change: (val: string | number | boolean) => void;
 }, string, _$vue.PublicProps, Readonly<SwitchProps> & Readonly<{
+  onChange?: ((val: string | number | boolean) => any) | undefined;
   "onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
   onInput?: ((val: string | number | boolean) => any) | undefined;
-  onChange?: ((val: string | number | boolean) => any) | undefined;
 }>, {
   modelValue: boolean | string | number;
+  validateEvent: boolean;
+  disabled: boolean;
   width: string | number;
   name: string;
-  disabled: boolean;
-  validateEvent: boolean;
   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":"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"}
+{"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

@@ -105,19 +105,19 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }, {}, {
   ElCheckbox: {
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxProps> & Readonly<{
-      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
+      "update:modelValue": (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
       modelValue: number | string | boolean;
+      validateEvent: boolean;
       label: string | boolean | number | object;
-      name: string;
       disabled: boolean;
-      value: string | boolean | number | object;
-      validateEvent: boolean;
       id: string;
+      name: string;
+      value: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -130,16 +130,16 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<CheckboxProps> & Readonly<{
-      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
       modelValue: number | string | boolean;
+      validateEvent: boolean;
       label: string | boolean | number | object;
-      name: string;
       disabled: boolean;
-      value: string | boolean | number | object;
-      validateEvent: boolean;
       id: string;
+      name: string;
+      value: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -149,19 +149,19 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<CheckboxProps> & Readonly<{
-    "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     onChange?: ((val: CheckboxValueType) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    "update:modelValue": (val: CheckboxValueType) => void;
     change: (val: CheckboxValueType) => void;
+    "update:modelValue": (val: CheckboxValueType) => void;
   }, string, {
     modelValue: number | string | boolean;
+    validateEvent: boolean;
     label: string | boolean | number | object;
-    name: string;
     disabled: boolean;
-    value: string | boolean | number | object;
-    validateEvent: boolean;
     id: string;
+    name: string;
+    value: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: 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;
@@ -197,22 +197,22 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   ElCheckboxGroup: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxGroupProps> & Readonly<{
-      "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType[]) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
     }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      "update:modelValue": (val: CheckboxGroupValueType) => void;
       change: (val: CheckboxValueType[]) => void;
+      "update:modelValue": (val: CheckboxGroupValueType) => void;
     }, _$vue.PublicProps, {
-      type: "checkbox" | "button";
+      modelValue: CheckboxGroupValueType;
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      modelValue: CheckboxGroupValueType;
-      tag: string;
-      disabled: boolean;
       validateEvent: boolean;
+      disabled: boolean;
+      type: "checkbox" | "button";
+      tag: string;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -221,40 +221,40 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<CheckboxGroupProps> & Readonly<{
-      "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType[]) => any) | undefined;
+      "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      type: "checkbox" | "button";
+      modelValue: CheckboxGroupValueType;
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      modelValue: CheckboxGroupValueType;
-      tag: string;
-      disabled: boolean;
       validateEvent: boolean;
+      disabled: boolean;
+      type: "checkbox" | "button";
+      tag: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<CheckboxGroupProps> & Readonly<{
-    "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
     onChange?: ((val: CheckboxValueType[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    "update:modelValue": (val: CheckboxGroupValueType) => void;
     change: (val: CheckboxValueType[]) => void;
+    "update:modelValue": (val: CheckboxGroupValueType) => void;
   }, string, {
-    type: "checkbox" | "button";
+    modelValue: CheckboxGroupValueType;
     props: {
       value?: string;
       label?: string;
       disabled?: string;
     };
-    modelValue: CheckboxGroupValueType;
-    tag: string;
-    disabled: boolean;
     validateEvent: boolean;
+    disabled: boolean;
+    type: "checkbox" | "button";
+    tag: string;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;
@@ -284,11 +284,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       }) => void;
       "end-reached": (direction: ScrollbarDirection) => void;
     }, _$vue.PublicProps, {
-      tag: keyof HTMLElementTagNameMap | (string & {});
       height: number | string;
       tabindex: number | string;
-      distance: number;
       maxHeight: number | string;
+      tag: keyof HTMLElementTagNameMap | (string & {});
+      distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | string[];
       viewClass: string | string[];
@@ -318,11 +318,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, {
-      tag: keyof HTMLElementTagNameMap | (string & {});
       height: number | string;
       tabindex: number | string;
-      distance: number;
       maxHeight: number | string;
+      tag: keyof HTMLElementTagNameMap | (string & {});
+      distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | string[];
       viewClass: string | string[];
@@ -355,11 +355,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
-    tag: keyof HTMLElementTagNameMap | (string & {});
     height: number | string;
     tabindex: number | string;
-    distance: number;
     maxHeight: number | string;
+    tag: keyof HTMLElementTagNameMap | (string & {});
+    distance: number;
     wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     wrapClass: string | string[];
     viewClass: string | string[];
@@ -372,10 +372,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   })>;
   ElTooltip: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<UseTooltipProps> & Readonly<{
-      onClose?: ((...args: any[]) => any) | undefined;
       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;
@@ -388,39 +388,39 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      close: (...args: any[]) => void;
       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;
     }, _$vue.PublicProps, {
-      effect: PopperEffect;
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       visible: boolean | null;
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       content: string;
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
-      boundariesPadding: number;
-      gpuAcceleration: boolean;
+      role: typeof roleTypes[number];
       offset: number;
-      placement: Placement;
-      popperOptions: Partial<Options>;
-      strategy: "absolute" | "fixed";
-      arrowOffset: number;
+      teleported: boolean;
+      effect: PopperEffect;
       enterable: boolean;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      stopPopperMouseEvent: boolean;
-      loop: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      stopPopperMouseEvent: boolean;
       virtualTriggering: boolean;
-      teleported: boolean;
+      loop: boolean;
+      boundariesPadding: number;
+      gpuAcceleration: boolean;
+      placement: Placement;
+      popperOptions: Partial<Options>;
+      strategy: "absolute" | "fixed";
+      arrowOffset: number;
       showArrow: boolean;
-      role: typeof roleTypes[number];
+      showAfter: number;
+      hideAfter: number;
+      autoClose: number;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -431,10 +431,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<UseTooltipProps> & Readonly<{
-      onClose?: ((...args: any[]) => any) | undefined;
       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;
@@ -447,31 +447,31 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
-      effect: PopperEffect;
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       visible: boolean | null;
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       content: string;
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
-      boundariesPadding: number;
-      gpuAcceleration: boolean;
+      role: typeof roleTypes[number];
       offset: number;
-      placement: Placement;
-      popperOptions: Partial<Options>;
-      strategy: "absolute" | "fixed";
-      arrowOffset: number;
+      teleported: boolean;
+      effect: PopperEffect;
       enterable: boolean;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      stopPopperMouseEvent: boolean;
-      loop: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      stopPopperMouseEvent: boolean;
       virtualTriggering: boolean;
-      teleported: boolean;
+      loop: boolean;
+      boundariesPadding: number;
+      gpuAcceleration: boolean;
+      placement: Placement;
+      popperOptions: Partial<Options>;
+      strategy: "absolute" | "fixed";
+      arrowOffset: number;
       showArrow: boolean;
-      role: typeof roleTypes[number];
+      showAfter: number;
+      hideAfter: number;
+      autoClose: number;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }>;
@@ -479,10 +479,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<UseTooltipProps> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
     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;
@@ -495,39 +495,39 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClose: (event?: Event, delay?: number) => void;
     hide: (event?: Event) => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
     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;
   }, string, {
-    effect: PopperEffect;
-    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     visible: boolean | null;
+    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     content: string;
-    showAfter: number;
-    hideAfter: number;
-    autoClose: number;
-    boundariesPadding: number;
-    gpuAcceleration: boolean;
+    role: typeof roleTypes[number];
     offset: number;
-    placement: Placement;
-    popperOptions: Partial<Options>;
-    strategy: "absolute" | "fixed";
-    arrowOffset: number;
+    teleported: boolean;
+    effect: PopperEffect;
     enterable: boolean;
-    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-    stopPopperMouseEvent: boolean;
-    loop: boolean;
     pure: boolean;
     focusOnShow: boolean;
     trapping: boolean;
+    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+    stopPopperMouseEvent: boolean;
     virtualTriggering: boolean;
-    teleported: boolean;
+    loop: boolean;
+    boundariesPadding: number;
+    gpuAcceleration: boolean;
+    placement: Placement;
+    popperOptions: Partial<Options>;
+    strategy: "absolute" | "fixed";
+    arrowOffset: number;
     showArrow: boolean;
-    role: typeof roleTypes[number];
+    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 () => {