@element-plus/nightly 0.0.20260411 → 0.0.20260413

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  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((err) => debugWarn(err))\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  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  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((err) => debugWarn(err))\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  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/store/index.d.ts

@@ -1,8 +1,8 @@
 import { Translator } from "../../../../hooks/use-locale/index.js";
-import "../../../../hooks/index.js";
-import { TreeData } from "./tree.js";
 import { TableColumnCtx } from "../table-column/defaults.js";
 import { DefaultRow, Filter, Sort, TableSortOrder } from "../table/defaults.js";
+import { TreeData } from "./tree.js";
+import "../../../../index.js";
 import * as vue from "vue";
 import { Ref } from "vue";
 

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

@@ -1,5 +1,5 @@
-import "./index.js";
 import { TreeNode } from "../table/defaults.js";
+import "./index.js";
 import "vue";
 
 //#region ../../packages/components/table/src/store/tree.d.ts

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

@@ -3,8 +3,8 @@ import { Nullable } from "../../../../utils/typescript.js";
 import "../../../../utils/index.js";
 import { TableOverflowTooltipFormatter, TableOverflowTooltipOptions } from "../util.js";
 import { TableColumnCtx } from "../table-column/defaults.js";
-import { Store } from "../store/index.js";
 import { TableLayout } from "../table-layout.js";
+import { Store } from "../store/index.js";
 import { CSSProperties, ComponentInternalInstance, PropType, Ref, StyleValue, VNode } from "vue";
 
 //#region ../../packages/components/table/src/table/defaults.d.ts

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

@@ -1,6 +1,6 @@
 import { TableOverflowTooltipOptions } from "../util.js";
-import { Store } from "../store/index.js";
 import { ColumnCls, ColumnStyle, DefaultRow, Table } from "../table/defaults.js";
+import { Store } from "../store/index.js";
 import { PropType } from "vue";
 
 //#region ../../packages/components/table/src/table-body/defaults.d.ts

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

@@ -1,6 +1,6 @@
 import { TableOverflowTooltipFormatter, TableOverflowTooltipOptions } from "../util.js";
-import { Store } from "../store/index.js";
 import { DefaultRow, TableSortOrder } from "../table/defaults.js";
+import { Store } from "../store/index.js";
 import { ComponentInternalInstance, PropType, Ref, VNode } from "vue";
 
 //#region ../../packages/components/table/src/table-column/defaults.d.ts

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

@@ -2,7 +2,6 @@ import { ComponentSize } from "../../../../constants/size.js";
 import { CheckboxProps, CheckboxValueType } from "../../../checkbox/src/checkbox.js";
 import { _default as _default$1 } from "../../../checkbox/src/checkbox-button.vue.js";
 import { _default as _default$2 } from "../../../checkbox/src/checkbox-group.vue.js";
-import "../../../checkbox/index.js";
 import { UseTooltipProps } from "../../../tooltip/src/tooltip.js";
 import { TableColumnCtx } from "./defaults.js";
 import { TableSortOrder } from "../table/defaults.js";
@@ -127,7 +126,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   minWidth: string | number;
   width: string | number;
   resizable: boolean;
-  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "offset" | "appendTo" | "effect" | "enterable" | "popperClass" | "placement" | "popperOptions" | "showArrow" | "transition" | "showAfter" | "hideAfter">> | undefined;
+  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "placement" | "popperClass" | "effect" | "enterable" | "offset" | "popperOptions" | "showArrow" | "appendTo" | "transition" | "showAfter" | "hideAfter">> | undefined;
   sortOrders: (TableSortOrder | null)[];
   sortable: string | boolean;
   reserveSelection: boolean;
@@ -135,19 +134,19 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
 }, {}, {
   ElCheckbox: {
     new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-      change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
+      change: (val: CheckboxValueType) => void;
     }, vue.PublicProps, {
-      id: string;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       disabled: boolean;
-      modelValue: number | string | boolean;
       validateEvent: boolean;
+      modelValue: number | string | boolean;
+      id: string;
       name: string;
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -160,16 +159,16 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<CheckboxProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      id: string;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       disabled: boolean;
-      modelValue: number | string | boolean;
       validateEvent: boolean;
+      modelValue: number | string | boolean;
+      id: string;
       name: string;
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -179,19 +178,19 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & vue.ComponentOptionsBase<Readonly<CheckboxProps> & Readonly<{
-    onChange?: ((val: CheckboxValueType) => any) | undefined;
     "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+    onChange?: ((val: CheckboxValueType) => any) | undefined;
   }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (val: CheckboxValueType) => void;
     "update:modelValue": (val: CheckboxValueType) => void;
+    change: (val: CheckboxValueType) => void;
   }, string, {
-    id: string;
+    value: string | boolean | number | object;
+    label: string | boolean | number | object;
     disabled: boolean;
-    modelValue: number | string | boolean;
     validateEvent: boolean;
+    modelValue: number | string | boolean;
+    id: string;
     name: string;
-    value: string | boolean | number | object;
-    label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
@@ -202,27 +201,27 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     };
   }) & vue.ObjectPlugin & {
     setPropsDefaults: (defaults: Partial<Omit<{
-      readonly modelValue?: (number | string | boolean) | undefined;
-      readonly label?: (string | boolean | number | object) | undefined;
-      readonly value?: (string | boolean | number | object) | undefined;
+      readonly modelValue?: number | string | boolean | undefined;
+      readonly label?: string | boolean | number | object | undefined;
+      readonly value?: string | boolean | number | object | undefined;
       readonly indeterminate?: boolean | undefined;
       readonly disabled?: boolean | undefined;
       readonly checked?: boolean | undefined;
       readonly name?: string | undefined;
-      readonly trueValue?: (string | number) | undefined;
-      readonly falseValue?: (string | number) | undefined;
-      readonly trueLabel?: (string | number) | undefined;
-      readonly falseLabel?: (string | number) | undefined;
+      readonly trueValue?: string | number | undefined;
+      readonly falseValue?: string | number | undefined;
+      readonly trueLabel?: string | number | undefined;
+      readonly falseLabel?: string | number | undefined;
       readonly id?: string | undefined;
       readonly border?: boolean | undefined;
       readonly size?: ComponentSize | undefined;
-      readonly tabindex?: (string | number) | undefined;
+      readonly tabindex?: string | number | undefined;
       readonly validateEvent?: boolean | undefined;
       readonly ariaLabel?: string | undefined;
       readonly ariaControls?: string | undefined;
-      readonly onChange?: ((val: CheckboxValueType) => any) | undefined;
       readonly "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "onChange" | "onUpdate:modelValue" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps>>) => void;
+      readonly onChange?: ((val: CheckboxValueType) => any) | undefined;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "onUpdate:modelValue" | "onChange" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps>>) => void;
   } & {
     CheckboxButton: typeof _default$1;
     CheckboxGroup: typeof _default$2;

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

@@ -1,7 +1,8 @@
 import { TableColumnCtx } from "../table-column/defaults.js";
-import { Store } from "../store/index.js";
 import { TableLayout } from "../table-layout.js";
 import { DefaultRow, Sort, SummaryMethod } from "../table/defaults.js";
+import { Store } from "../store/index.js";
+import "../../../../index.js";
 import * as vue from "vue";
 import { PropType } from "vue";
 
@@ -77,8 +78,8 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     };
   };
 }>> & Readonly<{}>, {
-  fixed: string;
   border: boolean;
+  fixed: string;
   defaultSort: Sort;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

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

@@ -1,14 +1,12 @@
 import { ComponentSize } from "../../../../constants/size.js";
 import { Translator } from "../../../../hooks/use-locale/index.js";
-import "../../../../hooks/index.js";
 import { CheckboxProps, CheckboxValueType } from "../../../checkbox/src/checkbox.js";
 import { _default as _default$1 } from "../../../checkbox/src/checkbox-button.vue.js";
 import { _default as _default$2 } from "../../../checkbox/src/checkbox-group.vue.js";
-import "../../../checkbox/index.js";
 import { TableColumnCtx } from "../table-column/defaults.js";
-import { Store } from "../store/index.js";
 import { TableLayout } from "../table-layout.js";
 import { DefaultRow, Sort, TableSortOrder } from "../table/defaults.js";
+import { Store } from "../store/index.js";
 import "../../../../index.js";
 import * as vue from "vue";
 import { ComponentInternalInstance, PropType, Ref } from "vue";
@@ -116,26 +114,26 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     type: BooleanConstructor;
   };
 }>> & Readonly<{}>, {
-  fixed: string;
   border: boolean;
+  fixed: string;
   defaultSort: Sort;
   allowDragLastColumn: boolean;
 }, {}, {
   ElCheckbox: {
     new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-      change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
+      change: (val: CheckboxValueType) => void;
     }, vue.PublicProps, {
-      id: string;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       disabled: boolean;
-      modelValue: number | string | boolean;
       validateEvent: boolean;
+      modelValue: number | string | boolean;
+      id: string;
       name: string;
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -148,16 +146,16 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<CheckboxProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      id: string;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       disabled: boolean;
-      modelValue: number | string | boolean;
       validateEvent: boolean;
+      modelValue: number | string | boolean;
+      id: string;
       name: string;
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -167,19 +165,19 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & vue.ComponentOptionsBase<Readonly<CheckboxProps> & Readonly<{
-    onChange?: ((val: CheckboxValueType) => any) | undefined;
     "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+    onChange?: ((val: CheckboxValueType) => any) | undefined;
   }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    change: (val: CheckboxValueType) => void;
     "update:modelValue": (val: CheckboxValueType) => void;
+    change: (val: CheckboxValueType) => void;
   }, string, {
-    id: string;
+    value: string | boolean | number | object;
+    label: string | boolean | number | object;
     disabled: boolean;
-    modelValue: number | string | boolean;
     validateEvent: boolean;
+    modelValue: number | string | boolean;
+    id: string;
     name: string;
-    value: string | boolean | number | object;
-    label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
@@ -190,27 +188,27 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     };
   }) & vue.ObjectPlugin & {
     setPropsDefaults: (defaults: Partial<Omit<{
-      readonly modelValue?: (number | string | boolean) | undefined;
-      readonly label?: (string | boolean | number | object) | undefined;
-      readonly value?: (string | boolean | number | object) | undefined;
+      readonly modelValue?: number | string | boolean | undefined;
+      readonly label?: string | boolean | number | object | undefined;
+      readonly value?: string | boolean | number | object | undefined;
       readonly indeterminate?: boolean | undefined;
       readonly disabled?: boolean | undefined;
       readonly checked?: boolean | undefined;
       readonly name?: string | undefined;
-      readonly trueValue?: (string | number) | undefined;
-      readonly falseValue?: (string | number) | undefined;
-      readonly trueLabel?: (string | number) | undefined;
-      readonly falseLabel?: (string | number) | undefined;
+      readonly trueValue?: string | number | undefined;
+      readonly falseValue?: string | number | undefined;
+      readonly trueLabel?: string | number | undefined;
+      readonly falseLabel?: string | number | undefined;
       readonly id?: string | undefined;
       readonly border?: boolean | undefined;
       readonly size?: ComponentSize | undefined;
-      readonly tabindex?: (string | number) | undefined;
+      readonly tabindex?: string | number | undefined;
       readonly validateEvent?: boolean | undefined;
       readonly ariaLabel?: string | undefined;
       readonly ariaControls?: string | undefined;
-      readonly onChange?: ((val: CheckboxValueType) => any) | undefined;
       readonly "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "onChange" | "onUpdate:modelValue" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps>>) => void;
+      readonly onChange?: ((val: CheckboxValueType) => any) | undefined;
+    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "onUpdate:modelValue" | "onChange" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps>>) => void;
   } & {
     CheckboxButton: typeof _default$1;
     CheckboxGroup: typeof _default$2;

package/es/components/table/src/table-layout.d.ts

@@ -1,7 +1,7 @@
 import { TableColumnCtx } from "./table-column/defaults.js";
-import { Store } from "./store/index.js";
 import { TableHeader } from "./table-header/index.js";
 import { DefaultRow, Table } from "./table/defaults.js";
+import { Store } from "./store/index.js";
 import { Ref } from "vue";
 
 //#region ../../packages/components/table/src/table-layout.d.ts