@sdata/web-vue 1.10.0 → 1.11.0

package/es/table/table-operation-td.d.ts

@@ -524,7 +524,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: PropType<import("..").Size>;
             };
             options: {
-                type: PropType<Array<string | number | import("../radio/interface").RadioOption>>;
+                type: PropType<Array<string | number | import("..").RadioOption>>;
             };
             direction: {
                 type: PropType<import("..").Direction>;
@@ -554,7 +554,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 type: PropType<import("..").Size>;
             };
             options: {
-                type: PropType<Array<string | number | import("../radio/interface").RadioOption>>;
+                type: PropType<Array<string | number | import("..").RadioOption>>;
             };
             direction: {
                 type: PropType<import("..").Direction>;

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

@@ -1,3 +1,4 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import Checkbox from "../checkbox/index.js";
 import Radio from "../radio/index.js";
@@ -52,7 +53,7 @@ var table_operation_td_default = /* @__PURE__ */ defineComponent({
 	setup(props, { slots }) {
 		const prefixCls = getPrefixCls("table");
 		const tableCtx = inject(tableInjectionKey, {});
-		const style = computed(() => getOperationStyle(props.operationColumn, props.operations));
+		const style = computed(() => _objectSpread2(_objectSpread2(_objectSpread2({}, getOperationStyle(props.operationColumn, props.operations)), props.colSpan > 1 ? { gridColumn: `span ${props.colSpan}` } : void 0), props.rowSpan > 1 ? { gridRow: `span ${props.rowSpan}` } : void 0));
 		const cls = computed(() => [
 			`${prefixCls}-td`,
 			`${prefixCls}-operation`,
@@ -121,11 +122,9 @@ var table_operation_td_default = /* @__PURE__ */ defineComponent({
 			}
 			return null;
 		};
-		return () => createVNode("td", {
+		return () => createVNode("div", {
 			"class": cls.value,
-			"style": style.value,
-			"rowspan": props.rowSpan > 1 ? props.rowSpan : void 0,
-			"colspan": props.colSpan > 1 ? props.colSpan : void 0
+			"style": style.value
 		}, [createVNode("span", { "class": `${prefixCls}-cell` }, [renderContent()])]);
 	}
 });

package/es/table/table-operation-th.js

@@ -1,3 +1,4 @@
+import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction } from "../_utils/is.js";
 import Checkbox from "../checkbox/index.js";
@@ -57,17 +58,16 @@ var table_operation_th_default = /* @__PURE__ */ defineComponent({
 			if (props.operationColumn.title) return isFunction(props.operationColumn.title) ? props.operationColumn.title() : props.operationColumn.title;
 			return null;
 		};
-		const style = computed(() => getOperationStyle(props.operationColumn, props.operations));
+		const style = computed(() => _objectSpread2(_objectSpread2({}, getOperationStyle(props.operationColumn, props.operations)), props.rowSpan > 1 ? { gridRow: `span ${props.rowSpan}` } : void 0));
 		const cls = computed(() => [
 			`${prefixCls}-th`,
 			`${prefixCls}-operation`,
 			{ [`${prefixCls}-checkbox`]: props.selectAll },
 			...getOperationFixedCls(prefixCls, props.operationColumn)
 		]);
-		return () => createVNode("th", {
+		return () => createVNode("div", {
 			"class": cls.value,
-			"style": style.value,
-			"rowspan": props.rowSpan > 1 ? props.rowSpan : void 0
+			"style": style.value
 		}, [createVNode("span", { "class": `${prefixCls}-cell` }, [renderContent()])]);
 	}
 });

package/es/table/table-tbody.js

@@ -5,7 +5,7 @@ var table_tbody_default = /* @__PURE__ */ defineComponent({
 	setup(_, { slots }) {
 		return () => {
 			var _slots$tbody$, _slots$tbody;
-			return createVNode((_slots$tbody$ = (_slots$tbody = slots.tbody) === null || _slots$tbody === void 0 ? void 0 : _slots$tbody.call(slots)[0]) !== null && _slots$tbody$ !== void 0 ? _slots$tbody$ : "tbody", null, { default: slots.default });
+			return createVNode((_slots$tbody$ = (_slots$tbody = slots.tbody) === null || _slots$tbody === void 0 ? void 0 : _slots$tbody.call(slots)[0]) !== null && _slots$tbody$ !== void 0 ? _slots$tbody$ : "div", { class: "sd-table-tbody" }, { default: slots.default });
 		};
 	}
 });

package/es/table/table-td.js

@@ -112,7 +112,7 @@ var table_td_default = /* @__PURE__ */ defineComponent({
 				operations: props.operations
 			});
 			const customStyle = getCustomStyle();
-			return _objectSpread2(_objectSpread2(_objectSpread2({}, style), (_props$column13 = props.column) === null || _props$column13 === void 0 ? void 0 : _props$column13.cellStyle), customStyle);
+			return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, style), props.colSpan > 1 ? { gridColumn: `span ${props.colSpan}` } : void 0), props.rowSpan > 1 ? { gridRow: `span ${props.rowSpan}` } : void 0), (_props$column13 = props.column) === null || _props$column13 === void 0 ? void 0 : _props$column13.cellStyle), customStyle);
 		});
 		const cellStyle = computed(() => {
 			if (props.isFixedExpand && props.containerWidth) return { width: `${props.containerWidth}px` };
@@ -166,7 +166,8 @@ var table_td_default = /* @__PURE__ */ defineComponent({
 				"style": cellStyle.value
 			}, [
 				props.indentSize > 0 && createVNode("span", { "style": { paddingLeft: `${props.indentSize}px` } }, null),
-				props.showExpandBtn && createVNode("span", {
+				props.showExpandBtn && createVNode("button", {
+					"type": "button",
 					"class": `${prefixCls}-cell-inline-icon`,
 					"onClick": handleClick
 				}, [isLoading.value ? createVNode(IconLoading, null, null) : (_props$renderExpandBt = props.renderExpandBtn) === null || _props$renderExpandBt === void 0 ? void 0 : _props$renderExpandBt.call(props, props.record, false)]),
@@ -182,11 +183,9 @@ var table_td_default = /* @__PURE__ */ defineComponent({
 				record: (_props$record9 = props.record) === null || _props$record9 === void 0 ? void 0 : _props$record9.raw,
 				column: props.column,
 				rowIndex: (_props$rowIndex2 = props.rowIndex) !== null && _props$rowIndex2 !== void 0 ? _props$rowIndex2 : -1
-			})[0]) !== null && _slots$td$ !== void 0 ? _slots$td$ : "td", {
+			})[0]) !== null && _slots$td$ !== void 0 ? _slots$td$ : "div", {
 				class: cls.value,
-				style: style.value,
-				rowspan: props.rowSpan > 1 ? props.rowSpan : void 0,
-				colspan: props.colSpan > 1 ? props.colSpan : void 0
+				style: style.value
 			}, { default: () => [renderCell()] });
 		};
 	}

package/es/table/table-th.js

@@ -15,7 +15,7 @@ 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";
+import { Fragment, 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);
@@ -95,7 +95,7 @@ var table_th_default = /* @__PURE__ */ defineComponent({
 				var _columnFilterValue$va;
 				return createVNode("li", {
 					"class": `${prefixCls}-filters-item`,
-					"key": index
+					"key": `${item.value}-${index}`
 				}, [isMultipleFilter.value ? createVNode(Checkbox, {
 					"value": item.value,
 					"modelValue": columnFilterValue.value,
@@ -162,13 +162,10 @@ var table_th_default = /* @__PURE__ */ defineComponent({
 			if (isFunction(props.column.title)) return props.column.title();
 			return props.column.title;
 		};
-		const renderCell = () => {
+		const renderCellContent = () => {
 			var _props$column7, _props$column8, _props$column9;
 			let _slot3;
-			return createVNode("span", {
-				"class": cellCls.value,
-				"onClick": hasSorter.value ? handleClickSorter : void 0
-			}, [
+			return createVNode(Fragment, null, [
 				((_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
@@ -177,12 +174,22 @@ var table_th_default = /* @__PURE__ */ defineComponent({
 				filterIconAlignLeft.value && renderFilter()
 			]);
 		};
+		const renderCell = () => {
+			if (hasSorter.value) return createVNode("button", {
+				"type": "button",
+				"class": cellCls.value,
+				"onClick": handleClickSorter
+			}, [renderCellContent()]);
+			return createVNode("span", { "class": cellCls.value }, [renderCellContent()]);
+		};
 		const style = computed(() => {
-			var _props$column10, _props$column11;
-			return _objectSpread2(_objectSpread2(_objectSpread2({}, getStyle(props.column, {
+			var _props$column$colSpan, _props$column$rowSpan, _props$column10, _props$column11;
+			const colSpan = (_props$column$colSpan = props.column.colSpan) !== null && _props$column$colSpan !== void 0 ? _props$column$colSpan : 1;
+			const rowSpan = (_props$column$rowSpan = props.column.rowSpan) !== null && _props$column$rowSpan !== void 0 ? _props$column$rowSpan : 1;
+			return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, getStyle(props.column, {
 				dataColumns: props.dataColumns,
 				operations: props.operations
-			})), (_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);
+			})), colSpan > 1 ? { gridColumn: `span ${colSpan}` } : void 0), rowSpan > 1 ? { gridRow: `span ${rowSpan}` } : void 0), (_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;
@@ -197,28 +204,22 @@ var table_th_default = /* @__PURE__ */ defineComponent({
 				(_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);
-			}
+		const handleResizeMouseDown = (ev) => {
+			var _props$column14, _tableCtx$onThMouseDo;
+			if (!((_props$column14 = props.column) === null || _props$column14 === void 0 ? void 0 : _props$column14.dataIndex)) return;
+			(_tableCtx$onThMouseDo = tableCtx.onThMouseDown) === null || _tableCtx$onThMouseDo === void 0 || _tableCtx$onThMouseDo.call(tableCtx, props.column.dataIndex, ev);
 		};
 		return () => {
-			var _props$column$colSpan, _props$column$rowSpan, _slots$th$, _slots$th;
-			const colSpan = (_props$column$colSpan = props.column.colSpan) !== null && _props$column$colSpan !== void 0 ? _props$column$colSpan : 1;
-			const rowSpan = (_props$column$rowSpan = props.column.rowSpan) !== null && _props$column$rowSpan !== void 0 ? _props$column$rowSpan : 1;
-			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$ : "th", {
+			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,
-				colspan: colSpan > 1 ? colSpan : void 0,
-				rowspan: rowSpan > 1 ? rowSpan : void 0
+				style: style.value
 			}, { default: () => [
 				renderCell(),
 				!filterIconAlignLeft.value && renderFilter(),
 				props.resizable && createVNode("span", {
 					"class": `${prefixCls}-column-handle`,
-					"onMousedown": handleMouseDown
+					"onPointerdown": handleResizeMouseDown
 				}, null)
 			] });
 		};

package/es/table/table-thead.js

@@ -5,7 +5,7 @@ var table_thead_default = /* @__PURE__ */ defineComponent({
 	setup(_, { slots }) {
 		return () => {
 			var _slots$thead$, _slots$thead;
-			return createVNode((_slots$thead$ = (_slots$thead = slots.thead) === null || _slots$thead === void 0 ? void 0 : _slots$thead.call(slots)[0]) !== null && _slots$thead$ !== void 0 ? _slots$thead$ : "thead", null, { default: slots.default });
+			return createVNode((_slots$thead$ = (_slots$thead = slots.thead) === null || _slots$thead === void 0 ? void 0 : _slots$thead.call(slots)[0]) !== null && _slots$thead$ !== void 0 ? _slots$thead$ : "div", { class: "sd-table-thead" }, { default: slots.default });
 		};
 	}
 });

package/es/table/table-tr.js

@@ -25,7 +25,7 @@ var table_tr_default = /* @__PURE__ */ defineComponent({
 			return createVNode((_slots$tr$ = (_slots$tr = slots.tr) === null || _slots$tr === void 0 ? void 0 : _slots$tr.call(slots, {
 				rowIndex: props.rowIndex,
 				record: (_props$record = props.record) === null || _props$record === void 0 ? void 0 : _props$record.raw
-			})[0]) !== null && _slots$tr$ !== void 0 ? _slots$tr$ : "tr", { class: cls.value }, { default: slots.default });
+			})[0]) !== null && _slots$tr$ !== void 0 ? _slots$tr$ : "div", { class: cls.value }, { default: slots.default });
 		};
 	}
 });

package/es/table/table.d.ts

@@ -10,10 +10,6 @@ type TableVirtualListProps = VirtualListProps & {
     fixedSize?: boolean;
     estimatedSize?: number;
     itemKey?: string | ((item: unknown, index: number) => string | number);
-    component?: keyof HTMLElementTagNameMap | Record<string, unknown>;
-    listAttrs?: Record<string, unknown>;
-    contentAttrs?: Record<string, unknown>;
-    paddingPosition?: 'content' | 'list';
 };
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     columns: {
@@ -40,10 +36,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<Size>;
         default: () => "mini" | "small" | "medium" | "large";
     };
-    tableLayoutFixed: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     loading: {
         type: (BooleanConstructor | ObjectConstructor)[];
         default: boolean;
@@ -75,7 +67,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
     };
     rowKey: {
-        type: StringConstructor;
+        type: PropType<string | ((record: TableData) => BaseType)>;
         default: string;
     };
     showHeader: {
@@ -171,6 +163,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean | ScrollbarProps>;
         default: boolean;
     };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showEmptyTree: {
         type: BooleanConstructor;
         default: boolean;
@@ -242,10 +238,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<Size>;
         default: () => "mini" | "small" | "medium" | "large";
     };
-    tableLayoutFixed: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     loading: {
         type: (BooleanConstructor | ObjectConstructor)[];
         default: boolean;
@@ -277,7 +269,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
     };
     rowKey: {
-        type: StringConstructor;
+        type: PropType<string | ((record: TableData) => BaseType)>;
         default: string;
     };
     showHeader: {
@@ -373,6 +365,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<boolean | ScrollbarProps>;
         default: boolean;
     };
+    debug: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     showEmptyTree: {
         type: BooleanConstructor;
         default: boolean;
@@ -412,16 +408,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     indentSize: number;
     filterIconAlignLeft: boolean;
     stripe: boolean;
-    tableLayoutFixed: boolean;
     pagination: boolean | PaginationProps;
     pagePosition: "top" | "tl" | "tr" | "bottom" | "bl" | "br";
-    rowKey: string;
+    rowKey: string | ((record: TableData) => BaseType);
     showHeader: boolean;
     spanAll: boolean;
     hideExpandButtonOnEmpty: boolean;
     columnResizable: boolean;
     summaryText: string;
     stickyHeader: number | boolean;
+    debug: boolean;
     showEmptyTree: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;