@element-plus/nightly 0.0.20261107 → 0.0.20261110

package/es/components/table/src/table/style-helper.mjs

@@ -1,6 +1,6 @@
 import { useFormSize } from "../../../form/src/hooks/use-form-common-props.mjs";
 import { useEventListener, useResizeObserver } from "@vueuse/core";
-import { computed, nextTick, onMounted, ref, unref, watch, watchEffect } from "vue";
+import { computed, nextTick, onBeforeUnmount, onMounted, ref, unref, watch, watchEffect } from "vue";
 //#region ../../packages/components/table/src/table/style-helper.ts
 function useStyle(props, layout, store, table) {
 	const isHidden = ref(false);
@@ -25,6 +25,10 @@ function useStyle(props, layout, store, table) {
 	const headerScrollHeight = ref(0);
 	const footerScrollHeight = ref(0);
 	const appendScrollHeight = ref(0);
+	let isUnmounted = false;
+	let layoutFrame = null;
+	let syncFrame = null;
+	const stopFns = [];
 	watch(() => props.height, (value) => {
 		layout.setHeight(value ?? null);
 	}, { immediate: true });
@@ -59,16 +63,24 @@ function useStyle(props, layout, store, table) {
 		return { width: layout.bodyWidth.value ? `${layout.bodyWidth.value}px` : "" };
 	});
 	const doLayout = () => {
+		if (isUnmounted) return;
 		if (shouldUpdateHeight.value) layout.updateElsHeight();
 		layout.updateColumnsWidth();
 		if (typeof window === "undefined") return;
-		requestAnimationFrame(syncPosition);
+		if (syncFrame === null) syncFrame = requestAnimationFrame(() => {
+			syncFrame = null;
+			if (!isUnmounted) syncPosition();
+		});
 	};
 	onMounted(async () => {
 		await nextTick();
+		if (isUnmounted) return;
 		store.updateColumns();
 		bindEvents();
-		requestAnimationFrame(doLayout);
+		layoutFrame = requestAnimationFrame(() => {
+			layoutFrame = null;
+			doLayout();
+		});
 		const el = table.vnode.el;
 		const tableHeader = table.refs.headerWrapper;
 		if (props.flexible && el && el.parentElement) el.parentElement.style.minWidth = "0";
@@ -118,18 +130,21 @@ function useStyle(props, layout, store, table) {
 		else setScrollClass("is-scrolling-middle");
 	};
 	const bindEvents = () => {
-		if (!table.refs.scrollBarRef) return;
-		if (table.refs.scrollBarRef.wrapRef) useEventListener(table.refs.scrollBarRef.wrapRef, "scroll", syncPosition, { passive: true });
-		if (props.fit) useResizeObserver(table.vnode.el, resizeListener);
-		else useEventListener(window, "resize", resizeListener);
-		useResizeObserver(table.refs.tableInnerWrapper, () => {
+		if (isUnmounted || !table.refs.scrollBarRef) return;
+		if (table.refs.scrollBarRef.wrapRef) stopFns.push(useEventListener(table.refs.scrollBarRef.wrapRef, "scroll", syncPosition, { passive: true }));
+		if (props.fit) {
+			const { stop } = useResizeObserver(table.vnode.el, resizeListener);
+			stopFns.push(stop);
+		} else stopFns.push(useEventListener(window, "resize", resizeListener));
+		const { stop } = useResizeObserver(table.refs.tableInnerWrapper, () => {
 			resizeListener();
 			table.refs?.scrollBarRef?.update();
 		});
+		stopFns.push(stop);
 	};
 	const resizeListener = () => {
 		const el = table.vnode.el;
-		if (!table.$ready || !el) return;
+		if (isUnmounted || !table.$ready || !el) return;
 		let shouldUpdateLayout = false;
 		const { width: oldWidth, height: oldHeight, headerHeight: oldHeaderHeight } = resizeState.value;
 		const width = tableWidth.value = el.offsetWidth;
@@ -161,6 +176,28 @@ function useStyle(props, layout, store, table) {
 		if (props.maxHeight) return "fixed";
 		return props.tableLayout;
 	});
+	const emptyBlockStyle = computed(() => {
+		if (props.data && props.data.length) return;
+		let height = "100%";
+		if (props.height && bodyScrollHeight.value) height = `${bodyScrollHeight.value}px`;
+		const width = tableWidth.value;
+		return {
+			width: width ? `${width}px` : "",
+			height
+		};
+	});
+	onBeforeUnmount(() => {
+		isUnmounted = true;
+		if (layoutFrame !== null) {
+			cancelAnimationFrame(layoutFrame);
+			layoutFrame = null;
+		}
+		if (syncFrame !== null) {
+			cancelAnimationFrame(syncFrame);
+			syncFrame = null;
+		}
+		stopFns.forEach((stop) => stop());
+	});
 	return {
 		isHidden,
 		renderExpanded,
@@ -169,16 +206,7 @@ function useStyle(props, layout, store, table) {
 		handleMouseLeave,
 		handleHeaderFooterMousewheel,
 		tableSize,
-		emptyBlockStyle: computed(() => {
-			if (props.data && props.data.length) return;
-			let height = "100%";
-			if (props.height && bodyScrollHeight.value) height = `${bodyScrollHeight.value}px`;
-			const width = tableWidth.value;
-			return {
-				width: width ? `${width}px` : "",
-				height
-			};
-		}),
+		emptyBlockStyle,
 		resizeProxyVisible,
 		bodyWidth,
 		resizeState,

package/es/components/table/src/table/style-helper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style-helper.mjs","names":[],"sources":["../../../../../../../packages/components/table/src/table/style-helper.ts"],"sourcesContent":["import {\n  computed,\n  nextTick,\n  onMounted,\n  ref,\n  unref,\n  watch,\n  watchEffect,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { useFormSize } from '@element-plus/components/form'\n\nimport type { DefaultRow, RenderExpanded, Table, TableProps } from './defaults'\nimport type { Store } from '../store'\nimport type TableLayout from '../table-layout'\nimport type { TableColumnCtx } from '../table-column/defaults'\n\nfunction useStyle<T extends DefaultRow>(\n  props: TableProps<T>,\n  layout: TableLayout<T>,\n  store: Store<T>,\n  table: Table<T>\n) {\n  const isHidden = ref(false)\n  const renderExpanded = ref<RenderExpanded<T> | null>(null)\n  const resizeProxyVisible = ref(false)\n  const setDragVisible = (visible: boolean) => {\n    resizeProxyVisible.value = visible\n  }\n  const resizeState = ref<{\n    width: null | number\n    height: null | number\n    headerHeight: null | number\n  }>({\n    width: null,\n    height: null,\n    headerHeight: null,\n  })\n  const isGroup = ref(false)\n  const scrollbarViewStyle = {\n    display: 'inline-block',\n    verticalAlign: 'middle',\n  }\n  const tableWidth = ref()\n  const tableScrollHeight = ref(0)\n  const bodyScrollHeight = ref(0)\n  const headerScrollHeight = ref(0)\n  const footerScrollHeight = ref(0)\n  const appendScrollHeight = ref(0)\n\n  watch(\n    () => props.height,\n    (value) => {\n      layout.setHeight(value ?? null)\n    },\n    { immediate: true }\n  )\n  watch(\n    () => props.maxHeight,\n    (value) => {\n      layout.setMaxHeight(value ?? null)\n    },\n    { immediate: true }\n  )\n  watch(\n    () => [props.currentRowKey, store.states.rowKey],\n    ([currentRowKey, rowKey]) => {\n      if (!unref(rowKey) || !unref(currentRowKey)) return\n      store.setCurrentRowKey(`${currentRowKey}`)\n    },\n    {\n      immediate: true,\n    }\n  )\n  watch(\n    () => props.data,\n    (data) => {\n      table.store.commit('setData', data)\n    },\n    {\n      immediate: true,\n      deep: true,\n    }\n  )\n  watchEffect(() => {\n    if (props.expandRowKeys) {\n      store.setExpandRowKeysAdapter(props.expandRowKeys)\n    }\n  })\n\n  const handleMouseLeave = () => {\n    table.store.commit('setHoverRow', null)\n    if (table.hoverState) table.hoverState = null\n  }\n\n  const handleHeaderFooterMousewheel = (_event: WheelEvent, data: any) => {\n    const { pixelX, pixelY } = data\n    if (Math.abs(pixelX) >= Math.abs(pixelY)) {\n      table.refs.bodyWrapper.scrollLeft += data.pixelX / 5\n    }\n  }\n\n  const shouldUpdateHeight = computed(() => {\n    return (\n      props.height ||\n      props.maxHeight ||\n      store.states.fixedColumns.value.length > 0 ||\n      store.states.rightFixedColumns.value.length > 0\n    )\n  })\n\n  const tableBodyStyles = computed(() => {\n    return {\n      width: layout.bodyWidth.value ? `${layout.bodyWidth.value}px` : '',\n    }\n  })\n\n  const doLayout = () => {\n    if (shouldUpdateHeight.value) {\n      layout.updateElsHeight()\n    }\n    layout.updateColumnsWidth()\n\n    // When the test case is running, the context environment simulated by jsdom may have been destroyed,\n    // and window.requestAnimationFrame does not exist at this time.\n    if (typeof window === 'undefined') return\n    requestAnimationFrame(syncPosition)\n  }\n  onMounted(async () => {\n    await nextTick()\n    store.updateColumns()\n    bindEvents()\n    requestAnimationFrame(doLayout)\n\n    const el: HTMLElement = table.vnode.el as HTMLElement\n    const tableHeader: HTMLElement = table.refs.headerWrapper\n    if (props.flexible && el && el.parentElement) {\n      // Automatic minimum size of flex-items\n      // Ensure that the main axis does not follow the width of the items\n      el.parentElement.style.minWidth = '0'\n    }\n\n    resizeState.value = {\n      width: (tableWidth.value = el.offsetWidth),\n      height: el.offsetHeight,\n      headerHeight:\n        props.showHeader && tableHeader ? tableHeader.offsetHeight : null,\n    }\n\n    // init filters\n    store.states.columns.value.forEach((column: TableColumnCtx<T>) => {\n      if (column.filteredValue && column.filteredValue.length) {\n        table.store.commit('filterChange', {\n          column,\n          values: column.filteredValue,\n          silent: true,\n        })\n      }\n    })\n    table.$ready = true\n  })\n  const setScrollClassByEl = (el: HTMLElement, className: string) => {\n    if (!el) return\n    const classList = Array.from(el.classList).filter(\n      (item) => !item.startsWith('is-scrolling-')\n    )\n    classList.push(layout.scrollX.value ? className : 'is-scrolling-none')\n    el.className = classList.join(' ')\n  }\n  const setScrollClass = (className: string) => {\n    const { tableWrapper } = table.refs\n    setScrollClassByEl(tableWrapper, className)\n  }\n  const hasScrollClass = (className: string) => {\n    const { tableWrapper } = table.refs\n    return !!(tableWrapper && tableWrapper.classList.contains(className))\n  }\n  const syncPosition = function () {\n    if (!table.refs.scrollBarRef) return\n    if (!layout.scrollX.value) {\n      const scrollingNoneClass = 'is-scrolling-none'\n      if (!hasScrollClass(scrollingNoneClass)) {\n        setScrollClass(scrollingNoneClass)\n      }\n      return\n    }\n    const scrollContainer = table.refs.scrollBarRef.wrapRef\n    if (!scrollContainer) return\n    const { scrollLeft, offsetWidth, scrollWidth } = scrollContainer\n    const { headerWrapper, footerWrapper } = table.refs\n    if (headerWrapper) headerWrapper.scrollLeft = scrollLeft\n    if (footerWrapper) footerWrapper.scrollLeft = scrollLeft\n    const maxScrollLeftPosition = scrollWidth - offsetWidth - 1\n    if (scrollLeft >= maxScrollLeftPosition) {\n      setScrollClass('is-scrolling-right')\n    } else if (scrollLeft === 0) {\n      setScrollClass('is-scrolling-left')\n    } else {\n      setScrollClass('is-scrolling-middle')\n    }\n  }\n\n  const bindEvents = () => {\n    if (!table.refs.scrollBarRef) return\n    if (table.refs.scrollBarRef.wrapRef) {\n      useEventListener(\n        table.refs.scrollBarRef.wrapRef,\n        'scroll',\n        syncPosition,\n        {\n          passive: true,\n        }\n      )\n    }\n    if (props.fit) {\n      useResizeObserver(table.vnode.el as HTMLElement, resizeListener)\n    } else {\n      useEventListener(window, 'resize', resizeListener)\n    }\n\n    useResizeObserver(table.refs.tableInnerWrapper, () => {\n      resizeListener()\n      table.refs?.scrollBarRef?.update()\n    })\n  }\n  const resizeListener = () => {\n    const el = table.vnode.el\n    if (!table.$ready || !el) return\n\n    let shouldUpdateLayout = false\n    const {\n      width: oldWidth,\n      height: oldHeight,\n      headerHeight: oldHeaderHeight,\n    } = resizeState.value\n\n    const width = (tableWidth.value = el.offsetWidth)\n    if (oldWidth !== width) {\n      shouldUpdateLayout = true\n    }\n\n    const height = el.offsetHeight\n    if ((props.height || shouldUpdateHeight.value) && oldHeight !== height) {\n      shouldUpdateLayout = true\n    }\n\n    const tableHeader: HTMLElement =\n      props.tableLayout === 'fixed'\n        ? table.refs.headerWrapper\n        : table.refs.tableHeaderRef?.$el\n    if (props.showHeader && tableHeader?.offsetHeight !== oldHeaderHeight) {\n      shouldUpdateLayout = true\n    }\n\n    tableScrollHeight.value = table.refs.tableWrapper?.scrollHeight || 0\n    headerScrollHeight.value = tableHeader?.scrollHeight || 0\n    footerScrollHeight.value = table.refs.footerWrapper?.offsetHeight || 0\n    appendScrollHeight.value = table.refs.appendWrapper?.offsetHeight || 0\n    bodyScrollHeight.value =\n      tableScrollHeight.value -\n      headerScrollHeight.value -\n      footerScrollHeight.value -\n      appendScrollHeight.value\n\n    if (shouldUpdateLayout) {\n      resizeState.value = {\n        width,\n        height,\n        headerHeight: (props.showHeader && tableHeader?.offsetHeight) || 0,\n      }\n      doLayout()\n    }\n  }\n  const tableSize = useFormSize()\n  const bodyWidth = computed(() => {\n    const { bodyWidth: bodyWidth_, scrollY, gutterWidth } = layout\n    return bodyWidth_.value\n      ? `${(bodyWidth_.value as number) - (scrollY.value ? gutterWidth : 0)}px`\n      : ''\n  })\n\n  const tableLayout = computed(() => {\n    if (props.maxHeight) return 'fixed'\n    return props.tableLayout!\n  })\n\n  const emptyBlockStyle = computed(() => {\n    if (props.data && props.data.length) return\n    let height = '100%'\n    if (props.height && bodyScrollHeight.value) {\n      height = `${bodyScrollHeight.value}px`\n    }\n    const width = tableWidth.value\n    return {\n      width: width ? `${width}px` : '',\n      height,\n    }\n  })\n\n  const scrollbarStyle = computed(() => {\n    if (props.height) {\n      return {\n        height: '100%',\n      }\n    }\n    if (props.maxHeight) {\n      if (!Number.isNaN(Number(props.maxHeight))) {\n        return {\n          maxHeight: `${\n            +props.maxHeight -\n            headerScrollHeight.value -\n            footerScrollHeight.value\n          }px`,\n        }\n      } else {\n        return {\n          maxHeight: `calc(${props.maxHeight} - ${\n            headerScrollHeight.value + footerScrollHeight.value\n          }px)`,\n        }\n      }\n    }\n\n    return {}\n  })\n\n  return {\n    isHidden,\n    renderExpanded,\n    setDragVisible,\n    isGroup,\n    handleMouseLeave,\n    handleHeaderFooterMousewheel,\n    tableSize,\n    emptyBlockStyle,\n    resizeProxyVisible,\n    bodyWidth,\n    resizeState,\n    doLayout,\n    tableBodyStyles,\n    tableLayout,\n    scrollbarViewStyle,\n    scrollbarStyle,\n  }\n}\n\nexport default useStyle\n"],"mappings":"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"}
+{"version":3,"file":"style-helper.mjs","names":[],"sources":["../../../../../../../packages/components/table/src/table/style-helper.ts"],"sourcesContent":["import {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n  watch,\n  watchEffect,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { useFormSize } from '@element-plus/components/form'\n\nimport type { DefaultRow, RenderExpanded, Table, TableProps } from './defaults'\nimport type { Store } from '../store'\nimport type TableLayout from '../table-layout'\nimport type { TableColumnCtx } from '../table-column/defaults'\n\nfunction useStyle<T extends DefaultRow>(\n  props: TableProps<T>,\n  layout: TableLayout<T>,\n  store: Store<T>,\n  table: Table<T>\n) {\n  const isHidden = ref(false)\n  const renderExpanded = ref<RenderExpanded<T> | null>(null)\n  const resizeProxyVisible = ref(false)\n  const setDragVisible = (visible: boolean) => {\n    resizeProxyVisible.value = visible\n  }\n  const resizeState = ref<{\n    width: null | number\n    height: null | number\n    headerHeight: null | number\n  }>({\n    width: null,\n    height: null,\n    headerHeight: null,\n  })\n  const isGroup = ref(false)\n  const scrollbarViewStyle = {\n    display: 'inline-block',\n    verticalAlign: 'middle',\n  }\n  const tableWidth = ref()\n  const tableScrollHeight = ref(0)\n  const bodyScrollHeight = ref(0)\n  const headerScrollHeight = ref(0)\n  const footerScrollHeight = ref(0)\n  const appendScrollHeight = ref(0)\n  let isUnmounted = false\n  let layoutFrame: number | null = null\n  let syncFrame: number | null = null\n  const stopFns: Array<() => void> = []\n\n  watch(\n    () => props.height,\n    (value) => {\n      layout.setHeight(value ?? null)\n    },\n    { immediate: true }\n  )\n  watch(\n    () => props.maxHeight,\n    (value) => {\n      layout.setMaxHeight(value ?? null)\n    },\n    { immediate: true }\n  )\n  watch(\n    () => [props.currentRowKey, store.states.rowKey],\n    ([currentRowKey, rowKey]) => {\n      if (!unref(rowKey) || !unref(currentRowKey)) return\n      store.setCurrentRowKey(`${currentRowKey}`)\n    },\n    {\n      immediate: true,\n    }\n  )\n  watch(\n    () => props.data,\n    (data) => {\n      table.store.commit('setData', data)\n    },\n    {\n      immediate: true,\n      deep: true,\n    }\n  )\n  watchEffect(() => {\n    if (props.expandRowKeys) {\n      store.setExpandRowKeysAdapter(props.expandRowKeys)\n    }\n  })\n\n  const handleMouseLeave = () => {\n    table.store.commit('setHoverRow', null)\n    if (table.hoverState) table.hoverState = null\n  }\n\n  const handleHeaderFooterMousewheel = (_event: WheelEvent, data: any) => {\n    const { pixelX, pixelY } = data\n    if (Math.abs(pixelX) >= Math.abs(pixelY)) {\n      table.refs.bodyWrapper.scrollLeft += data.pixelX / 5\n    }\n  }\n\n  const shouldUpdateHeight = computed(() => {\n    return (\n      props.height ||\n      props.maxHeight ||\n      store.states.fixedColumns.value.length > 0 ||\n      store.states.rightFixedColumns.value.length > 0\n    )\n  })\n\n  const tableBodyStyles = computed(() => {\n    return {\n      width: layout.bodyWidth.value ? `${layout.bodyWidth.value}px` : '',\n    }\n  })\n\n  const doLayout = () => {\n    if (isUnmounted) return\n    if (shouldUpdateHeight.value) {\n      layout.updateElsHeight()\n    }\n    layout.updateColumnsWidth()\n\n    // When the test case is running, the context environment simulated by jsdom may have been destroyed,\n    // and window.requestAnimationFrame does not exist at this time.\n    if (typeof window === 'undefined') return\n    if (syncFrame === null) {\n      syncFrame = requestAnimationFrame(() => {\n        syncFrame = null\n        if (!isUnmounted) syncPosition()\n      })\n    }\n  }\n  onMounted(async () => {\n    await nextTick()\n    if (isUnmounted) return\n    store.updateColumns()\n    bindEvents()\n    layoutFrame = requestAnimationFrame(() => {\n      layoutFrame = null\n      doLayout()\n    })\n\n    const el: HTMLElement = table.vnode.el as HTMLElement\n    const tableHeader: HTMLElement = table.refs.headerWrapper\n    if (props.flexible && el && el.parentElement) {\n      // Automatic minimum size of flex-items\n      // Ensure that the main axis does not follow the width of the items\n      el.parentElement.style.minWidth = '0'\n    }\n\n    resizeState.value = {\n      width: (tableWidth.value = el.offsetWidth),\n      height: el.offsetHeight,\n      headerHeight:\n        props.showHeader && tableHeader ? tableHeader.offsetHeight : null,\n    }\n\n    // init filters\n    store.states.columns.value.forEach((column: TableColumnCtx<T>) => {\n      if (column.filteredValue && column.filteredValue.length) {\n        table.store.commit('filterChange', {\n          column,\n          values: column.filteredValue,\n          silent: true,\n        })\n      }\n    })\n    table.$ready = true\n  })\n  const setScrollClassByEl = (el: HTMLElement, className: string) => {\n    if (!el) return\n    const classList = Array.from(el.classList).filter(\n      (item) => !item.startsWith('is-scrolling-')\n    )\n    classList.push(layout.scrollX.value ? className : 'is-scrolling-none')\n    el.className = classList.join(' ')\n  }\n  const setScrollClass = (className: string) => {\n    const { tableWrapper } = table.refs\n    setScrollClassByEl(tableWrapper, className)\n  }\n  const hasScrollClass = (className: string) => {\n    const { tableWrapper } = table.refs\n    return !!(tableWrapper && tableWrapper.classList.contains(className))\n  }\n  const syncPosition = function () {\n    if (!table.refs.scrollBarRef) return\n    if (!layout.scrollX.value) {\n      const scrollingNoneClass = 'is-scrolling-none'\n      if (!hasScrollClass(scrollingNoneClass)) {\n        setScrollClass(scrollingNoneClass)\n      }\n      return\n    }\n    const scrollContainer = table.refs.scrollBarRef.wrapRef\n    if (!scrollContainer) return\n    const { scrollLeft, offsetWidth, scrollWidth } = scrollContainer\n    const { headerWrapper, footerWrapper } = table.refs\n    if (headerWrapper) headerWrapper.scrollLeft = scrollLeft\n    if (footerWrapper) footerWrapper.scrollLeft = scrollLeft\n    const maxScrollLeftPosition = scrollWidth - offsetWidth - 1\n    if (scrollLeft >= maxScrollLeftPosition) {\n      setScrollClass('is-scrolling-right')\n    } else if (scrollLeft === 0) {\n      setScrollClass('is-scrolling-left')\n    } else {\n      setScrollClass('is-scrolling-middle')\n    }\n  }\n\n  const bindEvents = () => {\n    if (isUnmounted || !table.refs.scrollBarRef) return\n    if (table.refs.scrollBarRef.wrapRef) {\n      stopFns.push(\n        useEventListener(\n          table.refs.scrollBarRef.wrapRef,\n          'scroll',\n          syncPosition,\n          {\n            passive: true,\n          }\n        )\n      )\n    }\n    if (props.fit) {\n      const { stop } = useResizeObserver(\n        table.vnode.el as HTMLElement,\n        resizeListener\n      )\n      stopFns.push(stop)\n    } else {\n      stopFns.push(useEventListener(window, 'resize', resizeListener))\n    }\n\n    const { stop } = useResizeObserver(table.refs.tableInnerWrapper, () => {\n      resizeListener()\n      table.refs?.scrollBarRef?.update()\n    })\n    stopFns.push(stop)\n  }\n  const resizeListener = () => {\n    const el = table.vnode.el\n    if (isUnmounted || !table.$ready || !el) return\n\n    let shouldUpdateLayout = false\n    const {\n      width: oldWidth,\n      height: oldHeight,\n      headerHeight: oldHeaderHeight,\n    } = resizeState.value\n\n    const width = (tableWidth.value = el.offsetWidth)\n    if (oldWidth !== width) {\n      shouldUpdateLayout = true\n    }\n\n    const height = el.offsetHeight\n    if ((props.height || shouldUpdateHeight.value) && oldHeight !== height) {\n      shouldUpdateLayout = true\n    }\n\n    const tableHeader: HTMLElement =\n      props.tableLayout === 'fixed'\n        ? table.refs.headerWrapper\n        : table.refs.tableHeaderRef?.$el\n    if (props.showHeader && tableHeader?.offsetHeight !== oldHeaderHeight) {\n      shouldUpdateLayout = true\n    }\n\n    tableScrollHeight.value = table.refs.tableWrapper?.scrollHeight || 0\n    headerScrollHeight.value = tableHeader?.scrollHeight || 0\n    footerScrollHeight.value = table.refs.footerWrapper?.offsetHeight || 0\n    appendScrollHeight.value = table.refs.appendWrapper?.offsetHeight || 0\n    bodyScrollHeight.value =\n      tableScrollHeight.value -\n      headerScrollHeight.value -\n      footerScrollHeight.value -\n      appendScrollHeight.value\n\n    if (shouldUpdateLayout) {\n      resizeState.value = {\n        width,\n        height,\n        headerHeight: (props.showHeader && tableHeader?.offsetHeight) || 0,\n      }\n      doLayout()\n    }\n  }\n  const tableSize = useFormSize()\n  const bodyWidth = computed(() => {\n    const { bodyWidth: bodyWidth_, scrollY, gutterWidth } = layout\n    return bodyWidth_.value\n      ? `${(bodyWidth_.value as number) - (scrollY.value ? gutterWidth : 0)}px`\n      : ''\n  })\n\n  const tableLayout = computed(() => {\n    if (props.maxHeight) return 'fixed'\n    return props.tableLayout!\n  })\n\n  const emptyBlockStyle = computed(() => {\n    if (props.data && props.data.length) return\n    let height = '100%'\n    if (props.height && bodyScrollHeight.value) {\n      height = `${bodyScrollHeight.value}px`\n    }\n    const width = tableWidth.value\n    return {\n      width: width ? `${width}px` : '',\n      height,\n    }\n  })\n\n  onBeforeUnmount(() => {\n    isUnmounted = true\n    if (layoutFrame !== null) {\n      cancelAnimationFrame(layoutFrame)\n      layoutFrame = null\n    }\n    if (syncFrame !== null) {\n      cancelAnimationFrame(syncFrame)\n      syncFrame = null\n    }\n    stopFns.forEach((stop) => stop())\n  })\n\n  const scrollbarStyle = computed(() => {\n    if (props.height) {\n      return {\n        height: '100%',\n      }\n    }\n    if (props.maxHeight) {\n      if (!Number.isNaN(Number(props.maxHeight))) {\n        return {\n          maxHeight: `${\n            +props.maxHeight -\n            headerScrollHeight.value -\n            footerScrollHeight.value\n          }px`,\n        }\n      } else {\n        return {\n          maxHeight: `calc(${props.maxHeight} - ${\n            headerScrollHeight.value + footerScrollHeight.value\n          }px)`,\n        }\n      }\n    }\n\n    return {}\n  })\n\n  return {\n    isHidden,\n    renderExpanded,\n    setDragVisible,\n    isGroup,\n    handleMouseLeave,\n    handleHeaderFooterMousewheel,\n    tableSize,\n    emptyBlockStyle,\n    resizeProxyVisible,\n    bodyWidth,\n    resizeState,\n    doLayout,\n    tableBodyStyles,\n    tableLayout,\n    scrollbarViewStyle,\n    scrollbarStyle,\n  }\n}\n\nexport default useStyle\n"],"mappings":"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"}

package/es/components/table/src/table-body/td-wrapper.vue.d.ts

@@ -1,10 +1,12 @@
 import * as _$vue from "vue";
 
 //#region ../../packages/components/table/src/table-body/td-wrapper.vue.d.ts
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+declare const __VLS_template: () => {
+  __VLS_Slots: {
+    default?: (props: {}) => any;
+  };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   colspan: {
     type: NumberConstructor;

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

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

@@ -112,26 +112,26 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     type: BooleanConstructor;
   };
 }>> & Readonly<{}>, {
-  border: boolean;
   fixed: string;
+  border: boolean;
   defaultSort: Sort;
   allowDragLastColumn: boolean;
 }, {}, {
   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, {
+      id: string;
       disabled: boolean;
       modelValue: string | number | boolean;
+      validateEvent: boolean;
       name: string;
-      label: string | number | boolean | object;
       value: string | number | boolean | object;
-      id: string;
-      validateEvent: boolean;
+      label: string | number | boolean | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -144,16 +144,16 @@ declare const _default: _$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;
     }>, {}, {}, {}, {}, {
+      id: string;
       disabled: boolean;
       modelValue: string | number | boolean;
+      validateEvent: boolean;
       name: string;
-      label: string | number | boolean | object;
       value: string | number | boolean | object;
-      id: string;
-      validateEvent: boolean;
+      label: string | number | boolean | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -163,19 +163,19 @@ declare const _default: _$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, {
+    id: string;
     disabled: boolean;
     modelValue: string | number | boolean;
+    validateEvent: boolean;
     name: string;
-    label: string | number | boolean | object;
     value: string | number | boolean | object;
-    id: string;
-    validateEvent: boolean;
+    label: string | number | boolean | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;

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

@@ -11,12 +11,13 @@ import * as _$lodash_unified0 from "lodash-unified";
 //#region ../../packages/components/table/src/table.vue.d.ts
 declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<TableProps<T> & {
+    onSelect?: ((selection: T[], row: T) => any) | undefined;
     onScroll?: ((data: {
       scrollLeft: number;
       scrollTop: number;
     }) => any) | undefined;
-    onSelect?: ((selection: T[], row: T) => any) | undefined;
     "onSelect-all"?: ((selection: T[]) => any) | undefined;
+    "onExpand-change"?: ((row: T, expanded: boolean) => any) | undefined;
     "onCurrent-change"?: ((currentRow: T | null, oldCurrentRow: T | null) => any) | undefined;
     "onSelection-change"?: ((newSelection: T[]) => any) | undefined;
     "onCell-mouse-enter"?: ((row: T, column: TableColumnCtx<T>, cell: HTMLTableCellElement, event: MouseEvent) => any) | undefined;
@@ -36,7 +37,6 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
     }) => any) | undefined;
     "onFilter-change"?: ((newFilters: Record<string, string[]>) => any) | undefined;
     "onHeader-dragend"?: ((newWidth: number, oldWidth: number, column: TableColumnCtx<T>, event: MouseEvent) => any) | undefined;
-    "onExpand-change"?: ((row: T, expanded: boolean) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
@@ -693,8 +693,8 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
     computedSumText: _$vue.ComputedRef<string>;
     computedEmptyText: _$vue.ComputedRef<string>;
     computedTooltipEffect: _$vue.ComputedRef<string | undefined>;
-    computedTooltipOptions: _$vue.ComputedRef<Partial<Omit<UseTooltipProps, "visible" | "referenceEl" | "triggerTargetEl" | "virtualTriggering" | "content" | "rawContent" | "persistent" | "autoClose" | "virtualRef">> | undefined>;
-    tableLayout: _$vue.ComputedRef<"auto" | "fixed">;
+    computedTooltipOptions: _$vue.ComputedRef<Partial<Omit<UseTooltipProps, "visible" | "content" | "referenceEl" | "triggerTargetEl" | "virtualTriggering" | "rawContent" | "persistent" | "autoClose" | "virtualRef">> | undefined>;
+    tableLayout: _$vue.ComputedRef<"fixed" | "auto">;
     scrollbarViewStyle: {
       display: string;
       verticalAlign: string;

package/es/components/table-v2/src/components/row.d.ts

@@ -142,9 +142,9 @@ declare const TableV2Row: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
+  readonly isScrolling: boolean;
   readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
   readonly estimatedRowHeight: number;
-  readonly isScrolling: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type TableV2RowCellRenderParam = {
   column: TableV2RowProps['columns'][number];

package/es/components/table-v2/src/table-grid.d.ts

@@ -198,14 +198,14 @@ declare const TableGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
+  readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
+  readonly cache: number;
   readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
   readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
   readonly estimatedRowHeight: number;
-  readonly useIsScrolling: boolean;
   readonly scrollbarStartGap: number;
   readonly scrollbarEndGap: number;
-  readonly cache: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type TableGridRowSlotParams = {
   columns: TableV2GridProps['columns'];

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

@@ -324,16 +324,16 @@ declare const TableV2: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{}>, {
   readonly fixed: boolean;
+  readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
+  readonly cache: number;
   readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
   readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
   readonly sortBy: SortBy;
   readonly estimatedRowHeight: number;
-  readonly useIsScrolling: boolean;
   readonly rowHeight: number;
   readonly hScrollbarSize: number;
   readonly vScrollbarSize: number;
-  readonly cache: number;
   readonly footerHeight: number;
   readonly indentSize: number;
   readonly iconSize: number;

package/es/components/tabs/src/tab-nav.d.ts

@@ -267,9 +267,9 @@ declare const TabNav: _$vue.DefineComponent<ExtractPropTypes<{
   }, ev: Event) => any) | undefined;
 }>, {
   readonly type: EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
-  readonly editable: boolean;
   readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
   readonly stretch: boolean;
+  readonly editable: boolean;
   readonly panes: {
     uid: number;
     getVnode: () => _$vue.VNode;

package/es/components/tabs/src/tab-pane.vue.d.ts

@@ -2,13 +2,15 @@ import { TabPaneProps } from "./tab-pane.js";
 import * as _$vue from "vue";
 
 //#region ../../packages/components/tabs/src/tab-pane.vue.d.ts
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
+declare const __VLS_template: () => {
+  __VLS_Slots: {
+    default?: (props: {}) => any;
+  };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: _$vue.DefineComponent<TabPaneProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TabPaneProps> & Readonly<{}>, {
-  label: string;
   closable: boolean;
+  label: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -24,7 +24,7 @@ declare const tabsProps: {
     __epPropKey: true;
   };
   readonly editable: BooleanConstructor;
-  readonly tabPosition: EpPropFinalized<StringConstructor, "left" | "right" | "top" | "bottom", unknown, "top", boolean>;
+  readonly tabPosition: EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
   readonly beforeLeave: EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
     (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     new (): any;
@@ -66,7 +66,7 @@ declare const Tabs: _$vue.DefineComponent<ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly editable: BooleanConstructor;
-  readonly tabPosition: EpPropFinalized<StringConstructor, "left" | "right" | "top" | "bottom", unknown, "top", boolean>;
+  readonly tabPosition: EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
   readonly beforeLeave: EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
     (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     new (): any;
@@ -102,7 +102,7 @@ declare const Tabs: _$vue.DefineComponent<ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly editable: BooleanConstructor;
-  readonly tabPosition: EpPropFinalized<StringConstructor, "left" | "right" | "top" | "bottom", unknown, "top", boolean>;
+  readonly tabPosition: EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
   readonly beforeLeave: EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
     (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     new (): any;
@@ -139,11 +139,11 @@ declare const Tabs: _$vue.DefineComponent<ExtractPropTypes<{
   onTabAdd?: (() => any) | undefined;
 }>, {
   readonly type: EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
-  readonly editable: boolean;
+  readonly closable: boolean;
   readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
   readonly stretch: boolean;
-  readonly closable: boolean;
-  readonly tabPosition: EpPropMergeType<StringConstructor, "left" | "right" | "top" | "bottom", unknown>;
+  readonly editable: boolean;
+  readonly tabPosition: EpPropMergeType<StringConstructor, "left" | "right" | "bottom" | "top", unknown>;
   readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
   readonly addable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;

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

@@ -43,7 +43,7 @@ interface TagProps {
  * @deprecated Removed after 3.0.0, Use `TagProps` instead.
  */
 declare const tagProps: {
-  readonly type: EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "primary", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown, "primary", boolean>;
   readonly closable: BooleanConstructor;
   readonly disableTransitions: BooleanConstructor;
   readonly hit: BooleanConstructor;
@@ -54,7 +54,7 @@ declare const tagProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly effect: EpPropFinalized<StringConstructor, "plain" | "dark" | "light", unknown, "light", boolean>;
+  readonly effect: EpPropFinalized<StringConstructor, "light" | "dark" | "plain", unknown, "light", boolean>;
   readonly round: BooleanConstructor;
 };
 /**

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

@@ -2,12 +2,14 @@ import { TagProps } from "./tag.js";
 import * as _$vue from "vue";
 
 //#region ../../packages/components/tag/src/tag.vue.d.ts
-declare var __VLS_1: {}, __VLS_22: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
-} & {
-  default?: (props: typeof __VLS_22) => any;
+declare const __VLS_template: () => {
+  __VLS_Slots: {
+    default?: (props: {}) => any;
+  } & {
+    default?: (props: {}) => any;
+  };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: _$vue.DefineComponent<TagProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   close: (evt: MouseEvent) => void;
   click: (evt: MouseEvent) => void;
@@ -15,8 +17,8 @@ declare const __VLS_base: _$vue.DefineComponent<TagProps, {}, {}, {}, {}, _$vue.
   onClose?: ((evt: MouseEvent) => any) | undefined;
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
-  type: "primary" | "success" | "warning" | "info" | "danger";
-  effect: "plain" | "dark" | "light";
+  type: "info" | "primary" | "success" | "warning" | "danger";
+  effect: "light" | "dark" | "plain";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -31,7 +31,7 @@ interface TextProps {
  * @deprecated Removed after 3.0.0, Use `TextProps` instead.
  */
 declare const textProps: {
-  readonly type: EpPropFinalized<StringConstructor, "" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "info" | "primary" | "success" | "warning" | "danger", unknown, "", boolean>;
   readonly size: EpPropFinalized<StringConstructor, "" | "default" | "small" | "large", unknown, "", boolean>;
   readonly truncated: BooleanConstructor;
   readonly lineClamp: {

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

@@ -2,14 +2,16 @@ import { TextProps } from "./text.js";
 import * as _$vue from "vue";
 
 //#region ../../packages/components/text/src/text.vue.d.ts
-declare var __VLS_7: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_7) => any;
+declare const __VLS_template: () => {
+  __VLS_Slots: {
+    default?: (props: {}) => any;
+  };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: _$vue.DefineComponent<TextProps, {
   /** @description whether the text is truncated */isTruncated: _$vue.Ref<boolean, boolean>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TextProps> & Readonly<{}>, {
-  type: "" | "primary" | "success" | "warning" | "info" | "danger";
+  type: "" | "info" | "primary" | "success" | "warning" | "danger";
   size: "" | "default" | "small" | "large";
   tag: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/es/components/time-picker/src/common/picker-range-trigger.vue.d.ts

@@ -3,14 +3,16 @@ import { UserInput } from "./props.js";
 import * as _$vue from "vue";
 
 //#region ../../packages/components/time-picker/src/common/picker-range-trigger.vue.d.ts
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
-type __VLS_Slots = {} & {
-  prefix?: (props: typeof __VLS_1) => any;
-} & {
-  'range-separator'?: (props: typeof __VLS_3) => any;
-} & {
-  suffix?: (props: typeof __VLS_5) => any;
+declare const __VLS_template: () => {
+  __VLS_Slots: {
+    prefix?: (props: {}) => any;
+  } & {
+    'range-separator'?: (props: {}) => any;
+  } & {
+    suffix?: (props: {}) => any;
+  };
 };
+type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly id: {
     readonly type: _$vue.PropType<string[]>;
@@ -38,10 +40,10 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   blur: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   click: (...args: any[]) => void;
-  mouseenter: (...args: any[]) => void;
-  mouseleave: (...args: any[]) => void;
   focus: (...args: any[]) => void;
   blur: (...args: any[]) => void;
+  mouseleave: (...args: any[]) => void;
+  mouseenter: (...args: any[]) => void;
   touchstart: (...args: any[]) => void;
   startInput: (...args: any[]) => void;
   endInput: (...args: any[]) => void;
@@ -71,10 +73,10 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly disabled: BooleanConstructor;
 }>> & Readonly<{
   onClick?: ((...args: any[]) => any) | undefined;
-  onMouseenter?: ((...args: any[]) => any) | undefined;
-  onMouseleave?: ((...args: any[]) => any) | undefined;
   onFocus?: ((...args: any[]) => any) | undefined;
   onBlur?: ((...args: any[]) => any) | undefined;
+  onMouseleave?: ((...args: any[]) => any) | undefined;
+  onMouseenter?: ((...args: any[]) => any) | undefined;
   onTouchstart?: ((...args: any[]) => any) | undefined;
   onStartInput?: ((...args: any[]) => any) | undefined;
   onEndInput?: ((...args: any[]) => any) | undefined;