@element-plus/nightly 0.0.20260603 → 0.0.20260604

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;
       disabled: boolean;
+      id: string;
       name: string;
-      label: string | boolean | number | object;
       value: string | boolean | number | object;
-      id: string;
-      modelValue: number | string | boolean;
-      validateEvent: boolean;
       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;
       disabled: boolean;
+      id: string;
       name: string;
-      label: string | boolean | number | object;
       value: string | boolean | number | object;
-      id: string;
-      modelValue: number | string | boolean;
-      validateEvent: boolean;
       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;
     disabled: boolean;
+    id: string;
     name: string;
-    label: string | boolean | number | object;
     value: string | boolean | number | object;
-    id: string;
-    modelValue: number | string | boolean;
-    validateEvent: boolean;
     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";
-      disabled: boolean;
+      modelValue: CheckboxGroupValueType;
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      tag: string;
-      modelValue: CheckboxGroupValueType;
       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";
-      disabled: boolean;
+      modelValue: CheckboxGroupValueType;
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      tag: string;
-      modelValue: CheckboxGroupValueType;
       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";
-    disabled: boolean;
+    modelValue: CheckboxGroupValueType;
     props: {
       value?: string;
       label?: string;
       disabled?: string;
     };
-    tag: string;
-    modelValue: CheckboxGroupValueType;
     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,10 +284,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       }) => void;
       "end-reached": (direction: ScrollbarDirection) => void;
     }, _$vue.PublicProps, {
-      tag: keyof HTMLElementTagNameMap | (string & {});
-      tabindex: number | string;
       height: number | string;
+      tabindex: number | string;
       maxHeight: number | string;
+      tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | string[];
@@ -318,10 +318,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, {
-      tag: keyof HTMLElementTagNameMap | (string & {});
-      tabindex: number | string;
       height: number | string;
+      tabindex: number | string;
       maxHeight: number | string;
+      tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | string[];
@@ -355,10 +355,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
-    tag: keyof HTMLElementTagNameMap | (string & {});
-    tabindex: number | string;
     height: number | string;
+    tabindex: number | string;
     maxHeight: number | string;
+    tag: keyof HTMLElementTagNameMap | (string & {});
     distance: number;
     wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     wrapClass: 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,10 +388,10 @@ 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;
@@ -399,30 +399,30 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       visible: boolean | null;
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       content: string;
-      loop: boolean;
       role: typeof roleTypes[number];
-      trigger: Arrayable<TooltipTriggerType>;
-      virtualTriggering: boolean;
-      triggerKeys: string[];
+      offset: number;
+      teleported: boolean;
       effect: PopperEffect;
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
+      enterable: boolean;
+      pure: boolean;
+      focusOnShow: boolean;
+      trapping: boolean;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      stopPopperMouseEvent: boolean;
+      virtualTriggering: boolean;
+      loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
-      offset: number;
       placement: Placement;
       popperOptions: Partial<Options>;
-      strategy: "fixed" | "absolute";
+      strategy: "absolute" | "fixed";
       arrowOffset: number;
-      enterable: boolean;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      stopPopperMouseEvent: boolean;
-      pure: boolean;
-      focusOnShow: boolean;
-      trapping: 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, {
       P: {};
       B: {};
@@ -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;
@@ -450,39 +450,39 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       visible: boolean | null;
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       content: string;
-      loop: boolean;
       role: typeof roleTypes[number];
-      trigger: Arrayable<TooltipTriggerType>;
-      virtualTriggering: boolean;
-      triggerKeys: string[];
+      offset: number;
+      teleported: boolean;
       effect: PopperEffect;
-      showAfter: number;
-      hideAfter: number;
-      autoClose: number;
+      enterable: boolean;
+      pure: boolean;
+      focusOnShow: boolean;
+      trapping: boolean;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      stopPopperMouseEvent: boolean;
+      virtualTriggering: boolean;
+      loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
-      offset: number;
       placement: Placement;
       popperOptions: Partial<Options>;
-      strategy: "fixed" | "absolute";
+      strategy: "absolute" | "fixed";
       arrowOffset: number;
-      enterable: boolean;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-      stopPopperMouseEvent: boolean;
-      pure: boolean;
-      focusOnShow: boolean;
-      trapping: boolean;
-      teleported: boolean;
       showArrow: boolean;
+      showAfter: number;
+      hideAfter: number;
+      autoClose: number;
+      trigger: Arrayable<TooltipTriggerType>;
+      triggerKeys: string[];
     }>;
     __isFragment?: never;
     __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,10 +495,10 @@ 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;
@@ -506,30 +506,30 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     visible: boolean | null;
     style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     content: string;
-    loop: boolean;
     role: typeof roleTypes[number];
-    trigger: Arrayable<TooltipTriggerType>;
-    virtualTriggering: boolean;
-    triggerKeys: string[];
+    offset: number;
+    teleported: boolean;
     effect: PopperEffect;
-    showAfter: number;
-    hideAfter: number;
-    autoClose: number;
+    enterable: boolean;
+    pure: boolean;
+    focusOnShow: boolean;
+    trapping: boolean;
+    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+    stopPopperMouseEvent: boolean;
+    virtualTriggering: boolean;
+    loop: boolean;
     boundariesPadding: number;
     gpuAcceleration: boolean;
-    offset: number;
     placement: Placement;
     popperOptions: Partial<Options>;
-    strategy: "fixed" | "absolute";
+    strategy: "absolute" | "fixed";
     arrowOffset: number;
-    enterable: boolean;
-    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-    stopPopperMouseEvent: boolean;
-    pure: boolean;
-    focusOnShow: boolean;
-    trapping: 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 () => {
     $slots: {
       default?: (props: {}) => any;

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

@@ -450,7 +450,7 @@ declare function createStore<T extends DefaultRow>(table: Table<T>, props: Table
       hoverRow: _$vue.Ref<T | null, T | null>;
     }, row: T): void;
   };
-  commit: (name: "sort" | "setData" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void;
+  commit: (name: "setData" | "sort" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void;
   updateTableScrollY: () => void;
   assertRowKey: () => void;
   updateColumns: () => void;

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

@@ -454,7 +454,7 @@ declare function useStore<T extends DefaultRow>(): {
       hoverRow: Ref<T | null, T | null>;
     }, row: T): void;
   };
-  commit: (name: "sort" | "setData" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void;
+  commit: (name: "setData" | "sort" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void;
   updateTableScrollY: () => void;
   assertRowKey: () => void;
   updateColumns: () => void;
@@ -1001,7 +1001,7 @@ declare class HelperStore<T extends DefaultRow> {
         hoverRow: Ref<T | null, T | null>;
       }, row: T): void;
     };
-    commit: (name: "sort" | "setData" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void;
+    commit: (name: "setData" | "sort" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void;
     updateTableScrollY: () => void;
     assertRowKey: () => void;
     updateColumns: () => void;

package/es/components/table/src/table/defaults.d.ts

@@ -350,20 +350,20 @@ declare const tableProps: {
    * @description size of Table
    */
   size: {
-    readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  width: (StringConstructor | NumberConstructor)[];
+  width: (NumberConstructor | StringConstructor)[];
   /**
    * @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles
    */
-  height: (StringConstructor | NumberConstructor)[];
+  height: (NumberConstructor | StringConstructor)[];
   /**
    * @description table's max-height. The legal value is a number or the height in px
    */
-  maxHeight: (StringConstructor | NumberConstructor)[];
+  maxHeight: (NumberConstructor | StringConstructor)[];
   /**
    * @description whether width of column automatically fits its container
    */
@@ -441,7 +441,7 @@ declare const tableProps: {
   /**
    * @description key of current row, a set only prop
    */
-  currentRowKey: (StringConstructor | NumberConstructor)[];
+  currentRowKey: (NumberConstructor | StringConstructor)[];
   /**
    * @description displayed text when data is empty. You can customize this area with `#empty`
    */
@@ -545,7 +545,7 @@ declare const tableProps: {
   tooltipFormatter: PropType<TableProps<any>["tooltipFormatter"]>;
   appendFilterPanelTo: StringConstructor;
   scrollbarTabindex: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**

package/es/components/table/src/table/style-helper.d.ts

@@ -11,7 +11,7 @@ declare function useStyle<T extends DefaultRow>(props: TableProps<T>, layout: Ta
   isGroup: _$vue.Ref<boolean, boolean>;
   handleMouseLeave: () => void;
   handleHeaderFooterMousewheel: (_event: WheelEvent, data: any) => void;
-  tableSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  tableSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
   emptyBlockStyle: _$vue.ComputedRef<{
     width: string;
     height: string;
@@ -35,7 +35,7 @@ declare function useStyle<T extends DefaultRow>(props: TableProps<T>, layout: Ta
   tableBodyStyles: _$vue.ComputedRef<{
     width: string;
   }>;
-  tableLayout: _$vue.ComputedRef<"fixed" | "auto">;
+  tableLayout: _$vue.ComputedRef<"auto" | "fixed">;
   scrollbarViewStyle: {
     display: string;
     verticalAlign: string;

package/es/components/table/src/table-column/defaults.d.ts

@@ -231,14 +231,14 @@ declare const tableColumnProps: {
    * @description column width
    */
   width: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: string;
   };
   /**
    * @description column minimum width. Columns with `width` has a fixed width, while columns with `min-width` has a width that is distributed in proportion
    */
   minWidth: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: string;
   };
   /**
@@ -249,7 +249,7 @@ declare const tableColumnProps: {
    * @description whether column can be sorted. Remote sorting can be done by setting this attribute to 'custom' and listening to the `sort-change` event of Table
    */
   sortable: {
-    type: (StringConstructor | BooleanConstructor)[];
+    type: (BooleanConstructor | StringConstructor)[];
     default: boolean;
   };
   /**
@@ -293,7 +293,7 @@ declare const tableColumnProps: {
   /**
    * @description whether column is fixed at left / right. Will be fixed at left if `true`
    */
-  fixed: (StringConstructor | BooleanConstructor)[];
+  fixed: (BooleanConstructor | StringConstructor)[];
   /**
    * @description function that formats cell content
    */

package/es/components/table/src/table-footer/index.d.ts

@@ -77,8 +77,8 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     };
   };
 }>> & Readonly<{}>, {
-  border: boolean;
   fixed: string;
+  border: boolean;
   defaultSort: Sort;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion