@sdata/web-vue 3.30.0 → 4.0.0

package/es/table/{table-td.d.ts → table-td.vue.d.ts}

@@ -1,8 +1,21 @@
-import { PropType, VNode } from 'vue';
-import { TableColumnData, TableDataWithRaw, TableOperationColumn } from './interface';
+import { type PropType, type VNode } from 'vue';
+import type { TableColumnData, TableData, TableDataWithRaw, TableOperationColumn } from './interface';
 declare const TD_TYPES: readonly ["normal", "operation", "checkbox", "radio", "expand"];
 type TdTypes = (typeof TD_TYPES)[number];
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+type __VLS_Slots = {
+    default?: () => VNode[];
+    cell?: (data: {
+        record: TableData;
+        column: TableColumnData;
+        rowIndex: number;
+    }) => VNode[];
+    td?: (data: {
+        record: TableData;
+        column: TableColumnData;
+        rowIndex: number;
+    }) => VNode[];
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     rowIndex: NumberConstructor;
     record: {
         type: PropType<TableDataWithRaw>;
@@ -36,9 +49,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    containerWidth: {
-        type: NumberConstructor;
-    };
+    containerWidth: NumberConstructor;
     showExpandBtn: {
         type: BooleanConstructor;
         default: boolean;
@@ -54,9 +65,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     rowIndex: NumberConstructor;
     record: {
         type: PropType<TableDataWithRaw>;
@@ -90,9 +99,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    containerWidth: {
-        type: NumberConstructor;
-    };
+    containerWidth: NumberConstructor;
     showExpandBtn: {
         type: BooleanConstructor;
         default: boolean;
@@ -121,4 +128,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showExpandBtn: boolean;
     indentSize: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/table/table-td.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,218 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { isFunction, isObject } from "../_utils/is.js";
+import IconLoading from "../icon/icon-loading/index.js";
+import { tableInjectionKey } from "./context.js";
+import auto_tooltip_default from "../_components/auto-tooltip/auto-tooltip.js";
+import { getValueByPath } from "../_utils/get-value-by-path.js";
+import { getFixedCls, getGridSpanStyle, getStyle } from "./utils.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, ref, resolveDynamicComponent, unref, useSlots, withCtx } from "vue";
+//#region components/table/table-td.vue?vue&type=script&setup=true&lang.ts
+var table_td_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "Td",
+	inheritAttrs: false
+}), {}, {
+	__name: "table-td",
+	props: {
+		rowIndex: Number,
+		record: {
+			type: Object,
+			default: () => ({})
+		},
+		column: {
+			type: Object,
+			default: () => ({})
+		},
+		type: {
+			type: String,
+			default: "normal"
+		},
+		operations: {
+			type: Array,
+			default: () => []
+		},
+		dataColumns: {
+			type: Array,
+			default: () => []
+		},
+		colSpan: {
+			type: Number,
+			default: 1
+		},
+		rowSpan: {
+			type: Number,
+			default: 1
+		},
+		isFixedExpand: {
+			type: Boolean,
+			default: false
+		},
+		containerWidth: Number,
+		showExpandBtn: {
+			type: Boolean,
+			default: false
+		},
+		indentSize: {
+			type: Number,
+			default: 0
+		},
+		renderExpandBtn: { type: Function },
+		summary: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const prefixCls = getPrefixCls("table");
+		const tableCtx = inject(tableInjectionKey, {});
+		const isLoading = ref(false);
+		const VNodeRenderer = ({ content }) => content;
+		const cellData = computed(() => {
+			var _props$record, _props$rowIndex;
+			return {
+				record: (_props$record = props.record) === null || _props$record === void 0 ? void 0 : _props$record.raw,
+				column: props.column,
+				rowIndex: (_props$rowIndex = props.rowIndex) !== null && _props$rowIndex !== void 0 ? _props$rowIndex : -1
+			};
+		});
+		const tooltipProps = computed(() => {
+			var _props$column;
+			return isObject((_props$column = props.column) === null || _props$column === void 0 ? void 0 : _props$column.tooltip) ? props.column.tooltip : void 0;
+		});
+		const isSorted = computed(() => {
+			var _props$column2, _tableCtx$sorter;
+			return ((_props$column2 = props.column) === null || _props$column2 === void 0 ? void 0 : _props$column2.dataIndex) && ((_tableCtx$sorter = tableCtx.sorter) === null || _tableCtx$sorter === void 0 ? void 0 : _tableCtx$sorter.field) === props.column.dataIndex;
+		});
+		const resizing = computed(() => {
+			var _props$column3;
+			return ((_props$column3 = props.column) === null || _props$column3 === void 0 ? void 0 : _props$column3.dataIndex) && tableCtx.resizingColumn === props.column.dataIndex;
+		});
+		const cls = computed(() => {
+			var _props$column4;
+			return [
+				`${prefixCls}-td`,
+				{
+					[`${prefixCls}-col-sorted`]: isSorted.value,
+					[`${prefixCls}-td-resizing`]: resizing.value
+				},
+				...getFixedCls(prefixCls, props.column),
+				(_props$column4 = props.column) === null || _props$column4 === void 0 ? void 0 : _props$column4.cellClass,
+				getCustomClass()
+			];
+		});
+		const style = computed(() => {
+			var _props$column5;
+			return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, getStyle(props.column, {
+				dataColumns: props.dataColumns,
+				operations: props.operations
+			})), getGridSpanStyle(props.rowSpan, props.colSpan)), (_props$column5 = props.column) === null || _props$column5 === void 0 ? void 0 : _props$column5.cellStyle), getCustomStyle());
+		});
+		const cellStyle = computed(() => props.isFixedExpand && props.containerWidth ? { width: `${props.containerWidth}px` } : void 0);
+		const cellCls = computed(() => {
+			var _props$column$align, _props$column6;
+			return [
+				`${prefixCls}-cell`,
+				`${prefixCls}-cell-align-${(_props$column$align = (_props$column6 = props.column) === null || _props$column6 === void 0 ? void 0 : _props$column6.align) !== null && _props$column$align !== void 0 ? _props$column$align : "left"}`,
+				{
+					[`${prefixCls}-cell-fixed-expand`]: props.isFixedExpand,
+					[`${prefixCls}-cell-expand-icon`]: props.showExpandBtn
+				}
+			];
+		});
+		const expandButton = computed(() => {
+			var _props$renderExpandBt;
+			return (_props$renderExpandBt = props.renderExpandBtn) === null || _props$renderExpandBt === void 0 ? void 0 : _props$renderExpandBt.call(props, props.record, false);
+		});
+		function getCustomClass() {
+			var _props$column9, _props$record3, _props$column10;
+			if (props.summary) {
+				var _props$column7, _props$record2, _props$column8;
+				return isFunction((_props$column7 = props.column) === null || _props$column7 === void 0 ? void 0 : _props$column7.summaryCellClass) ? props.column.summaryCellClass((_props$record2 = props.record) === null || _props$record2 === void 0 ? void 0 : _props$record2.raw) : (_props$column8 = props.column) === null || _props$column8 === void 0 ? void 0 : _props$column8.summaryCellClass;
+			}
+			return isFunction((_props$column9 = props.column) === null || _props$column9 === void 0 ? void 0 : _props$column9.bodyCellClass) ? props.column.bodyCellClass((_props$record3 = props.record) === null || _props$record3 === void 0 ? void 0 : _props$record3.raw) : (_props$column10 = props.column) === null || _props$column10 === void 0 ? void 0 : _props$column10.bodyCellClass;
+		}
+		function getCustomStyle() {
+			var _props$column13, _props$record5, _props$column14;
+			if (props.summary) {
+				var _props$column11, _props$record4, _props$column12;
+				return isFunction((_props$column11 = props.column) === null || _props$column11 === void 0 ? void 0 : _props$column11.summaryCellStyle) ? props.column.summaryCellStyle((_props$record4 = props.record) === null || _props$record4 === void 0 ? void 0 : _props$record4.raw) : (_props$column12 = props.column) === null || _props$column12 === void 0 ? void 0 : _props$column12.summaryCellStyle;
+			}
+			return isFunction((_props$column13 = props.column) === null || _props$column13 === void 0 ? void 0 : _props$column13.bodyCellStyle) ? props.column.bodyCellStyle((_props$record5 = props.record) === null || _props$record5 === void 0 ? void 0 : _props$record5.raw) : (_props$column14 = props.column) === null || _props$column14 === void 0 ? void 0 : _props$column14.bodyCellStyle;
+		}
+		function getCellContent() {
+			var _props$column$slots, _tableCtx$slots, _getValueByPath, _props$record6;
+			if (slots.default) return slots.default();
+			if (slots.cell) return slots.cell(cellData.value);
+			if ((_props$column$slots = props.column.slots) === null || _props$column$slots === void 0 ? void 0 : _props$column$slots.cell) return props.column.slots.cell(cellData.value);
+			if (props.column.render) return props.column.render(cellData.value);
+			if (props.column.slotName && ((_tableCtx$slots = tableCtx.slots) === null || _tableCtx$slots === void 0 ? void 0 : _tableCtx$slots[props.column.slotName])) {
+				var _tableCtx$slots$props, _tableCtx$slots2;
+				return (_tableCtx$slots$props = (_tableCtx$slots2 = tableCtx.slots)[props.column.slotName]) === null || _tableCtx$slots$props === void 0 ? void 0 : _tableCtx$slots$props.call(_tableCtx$slots2, cellData.value);
+			}
+			return String((_getValueByPath = getValueByPath((_props$record6 = props.record) === null || _props$record6 === void 0 ? void 0 : _props$record6.raw, props.column.dataIndex)) !== null && _getValueByPath !== void 0 ? _getValueByPath : "");
+		}
+		function getTdComponent() {
+			var _slots$td$, _slots$td;
+			return (_slots$td$ = (_slots$td = slots.td) === null || _slots$td === void 0 ? void 0 : _slots$td.call(slots, cellData.value)[0]) !== null && _slots$td$ !== void 0 ? _slots$td$ : "div";
+		}
+		function handleClick(event) {
+			var _props$record7, _props$record8;
+			if (isFunction(tableCtx.loadMore) && !((_props$record7 = props.record) === null || _props$record7 === void 0 ? void 0 : _props$record7.isLeaf) && !((_props$record8 = props.record) === null || _props$record8 === void 0 ? void 0 : _props$record8.children)) {
+				isLoading.value = true;
+				new Promise((resolve) => {
+					var _tableCtx$loadMore;
+					(_tableCtx$loadMore = tableCtx.loadMore) === null || _tableCtx$loadMore === void 0 || _tableCtx$loadMore.call(tableCtx, props.record.raw, resolve);
+				}).then((children) => {
+					var _tableCtx$addLazyLoad;
+					(_tableCtx$addLazyLoad = tableCtx.addLazyLoadData) === null || _tableCtx$addLazyLoad === void 0 || _tableCtx$addLazyLoad.call(tableCtx, children, props.record);
+					isLoading.value = false;
+				});
+			}
+			event.stopPropagation();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(getTdComponent()), {
+				class: normalizeClass(cls.value),
+				style: normalizeStyle(style.value),
+				role: "cell"
+			}, {
+				default: withCtx(() => {
+					var _props$column15, _props$column16, _props$column17;
+					return [createElementVNode("span", {
+						class: normalizeClass(cellCls.value),
+						style: normalizeStyle(cellStyle.value)
+					}, [
+						__props.indentSize > 0 ? (openBlock(), createElementBlock("span", {
+							key: 0,
+							style: normalizeStyle({ paddingLeft: `${__props.indentSize}px` })
+						}, null, 4)) : createCommentVNode("", true),
+						__props.showExpandBtn ? (openBlock(), createElementBlock("span", {
+							key: 1,
+							class: normalizeClass(`${unref(prefixCls)}-cell-inline-icon`),
+							onClick: handleClick
+						}, [isLoading.value ? (openBlock(), createBlock(unref(IconLoading), { key: 0 })) : expandButton.value ? (openBlock(), createBlock(VNodeRenderer, {
+							key: 1,
+							content: expandButton.value
+						}, null, 8, ["content"])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
+						((_props$column15 = __props.column) === null || _props$column15 === void 0 ? void 0 : _props$column15.ellipsis) && ((_props$column16 = __props.column) === null || _props$column16 === void 0 ? void 0 : _props$column16.tooltip) ? (openBlock(), createBlock(auto_tooltip_default, {
+							key: 2,
+							class: normalizeClass(`${unref(prefixCls)}-td-content`),
+							"tooltip-props": tooltipProps.value
+						}, {
+							default: withCtx(() => [createVNode(VNodeRenderer, { content: getCellContent() }, null, 8, ["content"])]),
+							_: 1
+						}, 8, ["class", "tooltip-props"])) : (openBlock(), createElementBlock("span", {
+							key: 3,
+							class: normalizeClass([`${unref(prefixCls)}-td-content`, { [`${unref(prefixCls)}-text-ellipsis`]: (_props$column17 = __props.column) === null || _props$column17 === void 0 ? void 0 : _props$column17.ellipsis }])
+						}, [createVNode(VNodeRenderer, { content: getCellContent() }, null, 8, ["content"])], 2))
+					], 6)];
+				}),
+				_: 1
+			}, 8, ["class", "style"]);
+		};
+	}
+}));
+//#endregion
+export { table_td_vue_vue_type_script_setup_true_lang_default as default };

package/es/table/table-th.js

@@ -1,227 +1,5 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isBoolean, isFunction, isObject } from "../_utils/is.js";
-import icon_hover_default from "../_components/icon-hover.js";
-import { useI18n } from "../locale/index.js";
-import Trigger from "../trigger/index.js";
-import Button from "../button/index.js";
-import Checkbox from "../checkbox/index.js";
-import { tableInjectionKey } from "./context.js";
-import { getFixedCls, getGridSpanStyle, getStyle } from "./utils.js";
-import Radio from "../radio/index.js";
-import auto_tooltip_default from "../_components/auto-tooltip/auto-tooltip.js";
-import IconCaretDown from "../icon/icon-caret-down/index.js";
-import IconCaretUp from "../icon/icon-caret-up/index.js";
-import IconFilter from "../icon/icon-filter/index.js";
-import { useColumnFilter } from "./hooks/use-column-filter.js";
-import { useColumnSorter } from "./hooks/use-column-sorter.js";
-import { computed, createVNode, defineComponent, inject, isVNode, mergeProps, toRefs } from "vue";
-//#region components/table/table-th.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var table_th_default = /* @__PURE__ */ defineComponent({
-	name: "Th",
-	props: {
-		column: {
-			type: Object,
-			default: () => ({})
-		},
-		operations: {
-			type: Array,
-			default: () => []
-		},
-		dataColumns: {
-			type: Array,
-			default: () => []
-		},
-		resizable: Boolean
-	},
-	setup(props, { slots }) {
-		const { column } = toRefs(props);
-		const prefixCls = getPrefixCls("table");
-		const { t } = useI18n();
-		const tableCtx = inject(tableInjectionKey, {});
-		const resizing = computed(() => {
-			var _props$column;
-			return ((_props$column = props.column) === null || _props$column === void 0 ? void 0 : _props$column.dataIndex) && tableCtx.resizingColumn === props.column.dataIndex;
-		});
-		const tooltipProps = computed(() => {
-			var _props$column2;
-			if (isObject((_props$column2 = props.column) === null || _props$column2 === void 0 ? void 0 : _props$column2.tooltip)) return props.column.tooltip;
-		});
-		const filterIconAlignLeft = computed(() => {
-			var _props$column3;
-			if (((_props$column3 = props.column) === null || _props$column3 === void 0 ? void 0 : _props$column3.filterable) && isBoolean(props.column.filterable.alignLeft)) return props.column.filterable.alignLeft;
-			return tableCtx.filterIconAlignLeft;
-		});
-		const { sortOrder, hasSorter, hasAscendBtn, hasDescendBtn, nextSortOrder, handleClickSorter } = useColumnSorter({
-			column,
-			tableCtx
-		});
-		const { filterPopupVisible, isFilterActive, isMultipleFilter, columnFilterValue, handleFilterPopupVisibleChange, setFilterValue, handleCheckboxFilterChange, handleRadioFilterChange, handleFilterConfirm, handleFilterReset } = useColumnFilter({
-			column,
-			tableCtx
-		});
-		const renderFilterContent = () => {
-			var _props$column$slots, _filterable$filters;
-			let _slot, _slot2;
-			const { filterable } = props.column;
-			if ((_props$column$slots = props.column.slots) === null || _props$column$slots === void 0 ? void 0 : _props$column$slots["filter-content"]) {
-				var _props$column$slots2;
-				return (_props$column$slots2 = props.column.slots) === null || _props$column$slots2 === void 0 ? void 0 : _props$column$slots2["filter-content"]({
-					filterValue: columnFilterValue.value,
-					setFilterValue,
-					handleFilterConfirm,
-					handleFilterReset
-				});
-			}
-			if (filterable === null || filterable === void 0 ? void 0 : filterable.slotName) {
-				var _tableCtx$slots, _tableCtx$slots$filte;
-				return tableCtx === null || tableCtx === void 0 || (_tableCtx$slots = tableCtx.slots) === null || _tableCtx$slots === void 0 || (_tableCtx$slots$filte = _tableCtx$slots[filterable === null || filterable === void 0 ? void 0 : filterable.slotName]) === null || _tableCtx$slots$filte === void 0 ? void 0 : _tableCtx$slots$filte.call(_tableCtx$slots, {
-					filterValue: columnFilterValue.value,
-					setFilterValue,
-					handleFilterConfirm,
-					handleFilterReset
-				});
-			}
-			if (filterable === null || filterable === void 0 ? void 0 : filterable.renderContent) return filterable.renderContent({
-				filterValue: columnFilterValue.value,
-				setFilterValue,
-				handleFilterConfirm,
-				handleFilterReset
-			});
-			return createVNode("div", { "class": `${prefixCls}-filters-content` }, [createVNode("ul", { "class": `${prefixCls}-filters-list` }, [filterable === null || filterable === void 0 || (_filterable$filters = filterable.filters) === null || _filterable$filters === void 0 ? void 0 : _filterable$filters.map((item, index) => {
-				var _columnFilterValue$va;
-				return createVNode("li", {
-					"class": `${prefixCls}-filters-item`,
-					"key": index
-				}, [isMultipleFilter.value ? createVNode(Checkbox, {
-					"value": item.value,
-					"modelValue": columnFilterValue.value,
-					"uninjectGroupContext": true,
-					"onChange": handleCheckboxFilterChange
-				}, { default: () => [item.text] }) : createVNode(Radio, {
-					"value": item.value,
-					"modelValue": (_columnFilterValue$va = columnFilterValue.value[0]) !== null && _columnFilterValue$va !== void 0 ? _columnFilterValue$va : "",
-					"uninjectGroupContext": true,
-					"onChange": handleRadioFilterChange
-				}, { default: () => [item.text] })]);
-			})]), createVNode("div", { "class": `${prefixCls}-filters-bottom` }, [createVNode(Button, {
-				"size": "mini",
-				"onClick": handleFilterReset
-			}, _isSlot(_slot = t("table.resetText")) ? _slot : { default: () => [_slot] }), createVNode(Button, {
-				"type": "primary",
-				"size": "mini",
-				"onClick": handleFilterConfirm
-			}, _isSlot(_slot2 = t("table.okText")) ? _slot2 : { default: () => [_slot2] })])]);
-		};
-		const renderFilter = () => {
-			var _filterable$floatingO, _filterable$triggerPr;
-			const { filterable } = props.column;
-			if (!filterable) return null;
-			return createVNode(Trigger, mergeProps({
-				"popupVisible": filterPopupVisible.value,
-				"trigger": "click",
-				"autoFitPosition": true,
-				"popupOffset": filterIconAlignLeft.value ? 4 : 0,
-				"onPopupVisibleChange": handleFilterPopupVisibleChange
-			}, filterable.triggerProps, { "floatingOptions": (_filterable$floatingO = filterable.floatingOptions) !== null && _filterable$floatingO !== void 0 ? _filterable$floatingO : (_filterable$triggerPr = filterable.triggerProps) === null || _filterable$triggerPr === void 0 ? void 0 : _filterable$triggerPr.floatingOptions }), {
-				default: () => [createVNode(icon_hover_default, {
-					"class": [`${prefixCls}-filters`, {
-						[`${prefixCls}-filters-active`]: isFilterActive.value,
-						[`${prefixCls}-filters-open`]: filterPopupVisible.value,
-						[`${prefixCls}-filters-align-left`]: filterIconAlignLeft.value
-					}],
-					"disabled": !filterIconAlignLeft.value,
-					"onClick": (ev) => ev.stopPropagation()
-				}, { default: () => {
-					var _ref, _props$column$slots$f, _props$column$slots3, _props$column$slots3$, _filterable$icon;
-					return [(_ref = (_props$column$slots$f = (_props$column$slots3 = props.column.slots) === null || _props$column$slots3 === void 0 || (_props$column$slots3$ = _props$column$slots3["filter-icon"]) === null || _props$column$slots3$ === void 0 ? void 0 : _props$column$slots3$.call(_props$column$slots3)) !== null && _props$column$slots$f !== void 0 ? _props$column$slots$f : (_filterable$icon = filterable.icon) === null || _filterable$icon === void 0 ? void 0 : _filterable$icon.call(filterable)) !== null && _ref !== void 0 ? _ref : createVNode(IconFilter, null, null)];
-				} })],
-				content: renderFilterContent
-			});
-		};
-		const cellCls = computed(() => {
-			var _props$column$align, _props$column4;
-			const cls = [`${prefixCls}-cell`, `${prefixCls}-cell-align-${(_props$column$align = (_props$column4 = props.column) === null || _props$column4 === void 0 ? void 0 : _props$column4.align) !== null && _props$column$align !== void 0 ? _props$column$align : props.column.children ? "center" : "left"}`];
-			if (hasSorter.value) cls.push(`${prefixCls}-cell-with-sorter`, {
-				[`${prefixCls}-cell-next-ascend`]: nextSortOrder.value === "ascend",
-				[`${prefixCls}-cell-next-descend`]: nextSortOrder.value === "descend"
-			});
-			if (filterIconAlignLeft.value) cls.push(`${prefixCls}-cell-with-filter`);
-			return cls;
-		});
-		const renderTitle = () => {
-			var _props$column5, _tableCtx$slots2, _props$column6;
-			if (slots.default) return slots.default();
-			if (((_props$column5 = props.column) === null || _props$column5 === void 0 ? void 0 : _props$column5.titleSlotName) && ((_tableCtx$slots2 = tableCtx.slots) === null || _tableCtx$slots2 === void 0 ? void 0 : _tableCtx$slots2[props.column.titleSlotName])) {
-				var _tableCtx$slots$props, _tableCtx$slots3;
-				return (_tableCtx$slots$props = (_tableCtx$slots3 = tableCtx.slots)[props.column.titleSlotName]) === null || _tableCtx$slots$props === void 0 ? void 0 : _tableCtx$slots$props.call(_tableCtx$slots3, { column: props.column });
-			}
-			if ((_props$column6 = props.column) === null || _props$column6 === void 0 || (_props$column6 = _props$column6.slots) === null || _props$column6 === void 0 ? void 0 : _props$column6.title) return props.column.slots.title();
-			if (isFunction(props.column.title)) return props.column.title();
-			return props.column.title;
-		};
-		const renderCell = () => {
-			var _props$column7, _props$column8, _props$column9;
-			let _slot3;
-			return createVNode("span", {
-				"class": cellCls.value,
-				"onClick": hasSorter.value ? handleClickSorter : void 0
-			}, [
-				((_props$column7 = props.column) === null || _props$column7 === void 0 ? void 0 : _props$column7.ellipsis) && ((_props$column8 = props.column) === null || _props$column8 === void 0 ? void 0 : _props$column8.tooltip) ? createVNode(auto_tooltip_default, {
-					"class": `${prefixCls}-th-title`,
-					"tooltipProps": tooltipProps.value
-				}, _isSlot(_slot3 = renderTitle()) ? _slot3 : { default: () => [_slot3] }) : createVNode("span", { "class": [`${prefixCls}-th-title`, { [`${prefixCls}-text-ellipsis`]: (_props$column9 = props.column) === null || _props$column9 === void 0 ? void 0 : _props$column9.ellipsis }] }, [renderTitle()]),
-				hasSorter.value && createVNode("span", { "class": `${prefixCls}-sorter` }, [hasAscendBtn.value && createVNode("div", { "class": [`${prefixCls}-sorter-icon`, { [`${prefixCls}-sorter-icon-active`]: sortOrder.value === "ascend" }] }, [createVNode(IconCaretUp, null, null)]), hasDescendBtn.value && createVNode("div", { "class": [`${prefixCls}-sorter-icon`, { [`${prefixCls}-sorter-icon-active`]: sortOrder.value === "descend" }] }, [createVNode(IconCaretDown, null, null)])]),
-				filterIconAlignLeft.value && renderFilter()
-			]);
-		};
-		const style = computed(() => {
-			var _props$column10, _props$column11;
-			return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, getStyle(props.column, {
-				dataColumns: props.dataColumns,
-				operations: props.operations
-			})), getGridSpanStyle(props.column.rowSpan, props.column.colSpan)), (_props$column10 = props.column) === null || _props$column10 === void 0 ? void 0 : _props$column10.cellStyle), (_props$column11 = props.column) === null || _props$column11 === void 0 ? void 0 : _props$column11.headerCellStyle);
-		});
-		const cls = computed(() => {
-			var _props$column12, _props$column13;
-			return [
-				`${prefixCls}-th`,
-				{
-					[`${prefixCls}-col-sorted`]: Boolean(sortOrder.value),
-					[`${prefixCls}-th-resizing`]: resizing.value
-				},
-				...getFixedCls(prefixCls, props.column),
-				(_props$column12 = props.column) === null || _props$column12 === void 0 ? void 0 : _props$column12.cellClass,
-				(_props$column13 = props.column) === null || _props$column13 === void 0 ? void 0 : _props$column13.headerCellClass
-			];
-		});
-		const handleMouseDown = (ev) => {
-			var _props$column14;
-			if ((_props$column14 = props.column) === null || _props$column14 === void 0 ? void 0 : _props$column14.dataIndex) {
-				var _tableCtx$onThMouseDo, _props$column15;
-				(_tableCtx$onThMouseDo = tableCtx.onThMouseDown) === null || _tableCtx$onThMouseDo === void 0 || _tableCtx$onThMouseDo.call(tableCtx, (_props$column15 = props.column) === null || _props$column15 === void 0 ? void 0 : _props$column15.dataIndex, ev);
-			}
-		};
-		return () => {
-			var _slots$th$, _slots$th;
-			return createVNode((_slots$th$ = (_slots$th = slots.th) === null || _slots$th === void 0 ? void 0 : _slots$th.call(slots, { column: props.column })[0]) !== null && _slots$th$ !== void 0 ? _slots$th$ : "div", {
-				"class": cls.value,
-				"style": style.value,
-				"role": "columnheader",
-				"aria-sort": hasSorter.value ? sortOrder.value === "ascend" ? "ascending" : sortOrder.value === "descend" ? "descending" : "none" : void 0
-			}, { default: () => [
-				renderCell(),
-				!filterIconAlignLeft.value && renderFilter(),
-				props.resizable && createVNode("span", {
-					"class": `${prefixCls}-column-handle`,
-					"onMousedown": handleMouseDown
-				}, null)
-			] });
-		};
-	}
-});
+import table_th_vue_vue_type_script_setup_true_lang_default from "./table-th.vue_vue_type_script_setup_true_lang.js";
+//#region components/table/table-th.vue
+var table_th_default = table_th_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { table_th_default as default };

package/es/table/{table-th.d.ts → table-th.vue.d.ts}

@@ -1,6 +1,12 @@
-import { PropType } from 'vue';
-import { TableColumnData, TableOperationColumn } from './interface';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+import { type PropType, type VNodeChild } from 'vue';
+import type { TableColumnData, TableOperationColumn } from './interface';
+type __VLS_Slots = {
+    default?: () => VNodeChild;
+    th?: (data: {
+        column: TableColumnData;
+    }) => VNodeChild[];
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     column: {
         type: PropType<TableColumnData>;
         default: () => {};
@@ -14,9 +20,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => never[];
     };
     resizable: BooleanConstructor;
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     column: {
         type: PropType<TableColumnData>;
         default: () => {};
@@ -36,4 +40,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     operations: TableOperationColumn[];
     resizable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};