@sdata/web-vue 1.10.0 → 1.11.1

package/json/vetur-attributes.json

@@ -3010,10 +3010,6 @@
   "sd-table/size": {
     "description": "The size of the table"
   },
-  "sd-table/table-layout-fixed": {
-    "description": "The table-layout property of the table is set to fixed. After it is set to fixed, the width of the table will not be stretched beyond 100% by the content.",
-    "type": "boolean"
-  },
   "sd-table/loading": {
     "description": "Whether it is loading state",
     "type": "boolean|object"
@@ -3038,8 +3034,7 @@
     "type": "number"
   },
   "sd-table/row-key": {
-    "description": "Value field of table row `key`",
-    "type": "string"
+    "description": "Value field of table row `key`"
   },
   "sd-table/show-header": {
     "description": "Whether to show the header",

package/json/vetur-tags.json

@@ -1237,7 +1237,6 @@
       "hoverable",
       "stripe",
       "size",
-      "table-layout-fixed",
       "loading",
       "row-selection",
       "expandable",

package/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@sdata/web-vue",
-  "version": "1.9.0",
+  "version": "1.11.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -5704,7 +5704,7 @@
               "name": "page-size-props",
               "description": "Props of data number selector",
               "value": {
-                "type": "SelectProps",
+                "type": "PaginationSelectProps",
                 "kind": "expression"
               }
             },
@@ -7587,14 +7587,6 @@
                 "kind": "expression"
               }
             },
-            {
-              "name": "table-layout-fixed",
-              "description": "The table-layout property of the table is set to fixed. After it is set to fixed, the width of the table will not be stretched beyond 100% by the content.",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
             {
               "name": "loading",
               "description": "Whether it is loading state",
@@ -7655,7 +7647,7 @@
               "name": "row-key",
               "description": "Value field of table row `key`",
               "value": {
-                "type": "string",
+                "type": "string | ((record: TableData) => BaseType)",
                 "kind": "expression"
               }
             },
@@ -7919,6 +7911,10 @@
               "name": "thead",
               "description": "Custom thead element"
             },
+            {
+              "name": "append",
+              "description": "Content inserted after the last table row"
+            },
             {
               "name": "empty",
               "description": "Empty"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "1.10.0",
+  "version": "1.11.1",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",

package/es/style/theme/legacy-less-var.scss

@@ -1,15 +0,0 @@
-@use 'sass:map';
-
-@function get($vars, $name, $fallback: null) {
-  $value: map.get($vars, $name);
-
-  @if $value == null {
-    @if $fallback != null {
-      @return $fallback;
-    }
-
-    @error "Unknown Less variable: #{$name}";
-  }
-
-  @return $value;
-}

package/es/table/table-col-group.js

@@ -1,21 +0,0 @@
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import table_col_group_vue_vue_type_script_lang_default from "./table-col-group.vue_vue_type_script_lang.js";
-import { Fragment, createElementBlock, normalizeClass, normalizeStyle, openBlock, renderList } from "vue";
-//#region components/table/table-col-group.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("colgroup", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.operations, (item) => {
-		return openBlock(), createElementBlock("col", {
-			key: `sd-col-${item.name}`,
-			class: normalizeClass(`sd-table-${item.name}-col`),
-			style: normalizeStyle(_ctx.fixedWidth(item.width))
-		}, null, 6);
-	}), 128)), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.dataColumns, (item) => {
-		return openBlock(), createElementBlock("col", {
-			key: `sd-col-${item.dataIndex}`,
-			style: normalizeStyle(_ctx.fixedWidth(_ctx.columnWidth && item.dataIndex && _ctx.columnWidth[item.dataIndex] || item.width, item.minWidth))
-		}, null, 4);
-	}), 128))]);
-}
-var table_col_group_default = /* @__PURE__ */ _plugin_vue_export_helper_default(table_col_group_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
-//#endregion
-export { table_col_group_default as default };

package/es/table/table-col-group.vue_vue_type_script_lang.js

@@ -1,32 +0,0 @@
-import { defineComponent } from "vue";
-//#region components/table/table-col-group.vue?vue&type=script&lang.ts
-var table_col_group_vue_vue_type_script_lang_default = defineComponent({
-	name: "ColGroup",
-	props: {
-		dataColumns: {
-			type: Array,
-			required: true
-		},
-		operations: {
-			type: Array,
-			required: true
-		},
-		columnWidth: { type: Object }
-	},
-	setup() {
-		const fixedWidth = (width, minWidth) => {
-			if (width) {
-				const min = Math.max(width, minWidth || 0);
-				return {
-					width: `${width}px`,
-					minWidth: `${min}px`,
-					maxWidth: `${width}px`
-				};
-			}
-			if (minWidth) return { minWidth: `${minWidth}px` };
-		};
-		return { fixedWidth };
-	}
-});
-//#endregion
-export { table_col_group_vue_vue_type_script_lang_default as default };

package/es/table/table-legacy-virtual-list.js

@@ -1,47 +0,0 @@
-import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-helper.js";
-import table_legacy_virtual_list_vue_vue_type_script_lang_default from "./table-legacy-virtual-list.vue_vue_type_script_lang.js";
-import { Fragment, createBlock, createElementBlock, mergeProps, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, resolveComponent, resolveDynamicComponent, withCtx } from "vue";
-//#region components/table/table-legacy-virtual-list.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	const _component_TableVirtualListItem = resolveComponent("TableVirtualListItem");
-	return openBlock(), createBlock(resolveDynamicComponent(_ctx.mergedComponent.container), {
-		ref: "containerRef",
-		class: normalizeClass(_ctx.prefixCls),
-		style: normalizeStyle(_ctx.style),
-		onScroll: _ctx.onScroll
-	}, {
-		default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.mergedComponent.list), mergeProps(_ctx.listAttrs, { style: _ctx.paddingPosition === "list" ? {
-			paddingTop: `${_ctx.frontPadding}px`,
-			paddingBottom: `${_ctx.behindPadding}px`
-		} : {} }), {
-			default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.mergedComponent.content), mergeProps({ ref: "contentRef" }, _ctx.contentAttrs, { style: _ctx.paddingPosition === "content" ? {
-				paddingTop: `${_ctx.frontPadding}px`,
-				paddingBottom: `${_ctx.behindPadding}px`
-			} : {} }), {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.currentList, (item, index) => {
-					return openBlock(), createBlock(_component_TableVirtualListItem, {
-						key: _ctx.getItemKey(item, _ctx.start + index),
-						"has-item-size": _ctx.hasItemSize,
-						"set-item-size": _ctx.setItemSize
-					}, {
-						default: withCtx(() => [renderSlot(_ctx.$slots, "item", {
-							item,
-							index: _ctx.start + index
-						})]),
-						_: 2
-					}, 1032, ["has-item-size", "set-item-size"]);
-				}), 128))]),
-				_: 3
-			}, 16, ["style"]))]),
-			_: 3
-		}, 16, ["style"]))]),
-		_: 3
-	}, 40, [
-		"class",
-		"style",
-		"onScroll"
-	]);
-}
-var table_legacy_virtual_list_default = /* @__PURE__ */ _plugin_vue_export_helper_default(table_legacy_virtual_list_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
-//#endregion
-export { table_legacy_virtual_list_default as default };

package/es/table/table-legacy-virtual-list.vue.d.ts

@@ -1,156 +0,0 @@
-import { type PropType } from 'vue';
-import type { VirtualItemKey } from '../_components/virtual-list/interface';
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    height: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    data: {
-        type: PropType<unknown[]>;
-        default: () => never[];
-    };
-    threshold: {
-        type: NumberConstructor;
-        default: number;
-    };
-    itemKey: {
-        type: PropType<string | ((item: unknown, index: number) => VirtualItemKey)>;
-        default: string;
-    };
-    fixedSize: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    estimatedSize: {
-        type: NumberConstructor;
-        default: number;
-    };
-    buffer: {
-        type: NumberConstructor;
-        default: number;
-    };
-    component: {
-        type: (StringConstructor | ObjectConstructor)[];
-        default: string;
-    };
-    listAttrs: {
-        type: PropType<Record<string, unknown> | undefined>;
-        default: undefined;
-    };
-    contentAttrs: {
-        type: PropType<Record<string, unknown> | undefined>;
-        default: undefined;
-    };
-    paddingPosition: {
-        type: PropType<"content" | "list">;
-        default: string;
-    };
-}>, {
-    prefixCls: string;
-    containerRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    contentRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    frontPadding: import("vue").ComputedRef<number>;
-    currentList: import("vue").ComputedRef<unknown[]>;
-    behindPadding: import("vue").ComputedRef<number>;
-    getItemKey: (item: unknown, index: number) => VirtualItemKey;
-    onScroll: (ev: Event) => void;
-    setItemSize: (key: string | number, size: number) => void;
-    hasItemSize: (key: string | number) => boolean;
-    start: import("vue").Ref<number, number>;
-    style: import("vue").ComputedRef<{
-        height: string;
-        overflow: string;
-    }>;
-    mergedComponent: import("vue").ComputedRef<{
-        container: string;
-        list: string;
-        content: string;
-    }>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    scroll: (_ev: Event) => true;
-    reachBottom: (_ev: Event) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    height: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: number;
-    };
-    data: {
-        type: PropType<unknown[]>;
-        default: () => never[];
-    };
-    threshold: {
-        type: NumberConstructor;
-        default: number;
-    };
-    itemKey: {
-        type: PropType<string | ((item: unknown, index: number) => VirtualItemKey)>;
-        default: string;
-    };
-    fixedSize: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    estimatedSize: {
-        type: NumberConstructor;
-        default: number;
-    };
-    buffer: {
-        type: NumberConstructor;
-        default: number;
-    };
-    component: {
-        type: (StringConstructor | ObjectConstructor)[];
-        default: string;
-    };
-    listAttrs: {
-        type: PropType<Record<string, unknown> | undefined>;
-        default: undefined;
-    };
-    contentAttrs: {
-        type: PropType<Record<string, unknown> | undefined>;
-        default: undefined;
-    };
-    paddingPosition: {
-        type: PropType<"content" | "list">;
-        default: string;
-    };
-}>> & Readonly<{
-    onScroll?: ((_ev: Event) => any) | undefined;
-    onReachBottom?: ((_ev: Event) => any) | undefined;
-}>, {
-    data: unknown[];
-    height: string | number;
-    buffer: number;
-    component: string | Record<string, any>;
-    fixedSize: boolean;
-    estimatedSize: number;
-    threshold: number;
-    itemKey: string | ((item: unknown, index: number) => VirtualItemKey);
-    listAttrs: Record<string, unknown> | undefined;
-    contentAttrs: Record<string, unknown> | undefined;
-    paddingPosition: "content" | "list";
-}, {}, {
-    TableVirtualListItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        hasItemSize: {
-            type: FunctionConstructor;
-            required: true;
-        };
-        setItemSize: {
-            type: FunctionConstructor;
-            required: true;
-        };
-    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        hasItemSize: {
-            type: FunctionConstructor;
-            required: true;
-        };
-        setItemSize: {
-            type: FunctionConstructor;
-            required: true;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/table/table-legacy-virtual-list.vue_vue_type_script_lang.js

@@ -1,148 +0,0 @@
-import { _objectSpread2 } from "../_virtual/_@oxc-project_runtime@0.124.0/helpers/objectSpread2.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isNumber, isObject } from "../_utils/is.js";
-import { useTableVirtualSize } from "./hooks/use-table-virtual-size.js";
-import table_virtual_list_item_default from "./table-virtual-list-item.js";
-import { computed, defineComponent, nextTick, ref, toRefs } from "vue";
-//#region components/table/table-legacy-virtual-list.vue?vue&type=script&lang.ts
-var table_legacy_virtual_list_vue_vue_type_script_lang_default = defineComponent({
-	name: "TableLegacyVirtualList",
-	components: { TableVirtualListItem: table_virtual_list_item_default },
-	props: {
-		height: {
-			type: [Number, String],
-			default: 200
-		},
-		data: {
-			type: Array,
-			default: () => []
-		},
-		threshold: {
-			type: Number,
-			default: 0
-		},
-		itemKey: {
-			type: [String, Function],
-			default: "key"
-		},
-		fixedSize: {
-			type: Boolean,
-			default: false
-		},
-		estimatedSize: {
-			type: Number,
-			default: 30
-		},
-		buffer: {
-			type: Number,
-			default: 10
-		},
-		component: {
-			type: [String, Object],
-			default: "div"
-		},
-		listAttrs: {
-			type: Object,
-			default: void 0
-		},
-		contentAttrs: {
-			type: Object,
-			default: void 0
-		},
-		paddingPosition: {
-			type: String,
-			default: "content"
-		}
-	},
-	emits: {
-		scroll: (_ev) => true,
-		reachBottom: (_ev) => true
-	},
-	setup(props, { emit, expose }) {
-		const { data, itemKey, fixedSize, estimatedSize, buffer, height } = toRefs(props);
-		const prefixCls = getPrefixCls("virtual-list");
-		const getItemKey = (item, index) => {
-			if (typeof itemKey.value === "function") return itemKey.value(item, index);
-			if (item && typeof item === "object") {
-				var _item$itemKey$value;
-				return (_item$itemKey$value = item[itemKey.value]) !== null && _item$itemKey$value !== void 0 ? _item$itemKey$value : index;
-			}
-			return index;
-		};
-		const mergedComponent = computed(() => {
-			if (isObject(props.component)) return _objectSpread2({
-				container: "div",
-				list: "div",
-				content: "div"
-			}, props.component);
-			return {
-				container: props.component,
-				list: "div",
-				content: "div"
-			};
-		});
-		const containerRef = ref();
-		const contentRef = ref();
-		const style = computed(() => ({
-			height: isNumber(height.value) ? `${height.value}px` : height.value,
-			overflow: "auto"
-		}));
-		const dataKeys = computed(() => data.value.map((item, index) => getItemKey(item, index)));
-		const { frontPadding, behindPadding, start, end, getStartByScroll, setItemSize, hasItemSize, setStart, getScrollOffset } = useTableVirtualSize({
-			dataKeys,
-			fixedSize,
-			estimatedSize,
-			buffer
-		});
-		const currentList = computed(() => {
-			if (props.threshold && data.value.length <= props.threshold) return data.value;
-			return data.value.slice(start.value, end.value);
-		});
-		const scrollTo = (options) => {
-			var _options$index, _options$key;
-			if (!containerRef.value) return;
-			if (isNumber(options)) {
-				containerRef.value.scrollTop = options;
-				return;
-			}
-			const index = (_options$index = options.index) !== null && _options$index !== void 0 ? _options$index : dataKeys.value.indexOf((_options$key = options.key) !== null && _options$key !== void 0 ? _options$key : "");
-			setStart(index - buffer.value);
-			containerRef.value.scrollTop = getScrollOffset(index);
-			nextTick(() => {
-				if (!containerRef.value) return;
-				const scrollTop = getScrollOffset(index);
-				if (scrollTop !== containerRef.value.scrollTop) containerRef.value.scrollTop = scrollTop;
-			});
-		};
-		const onScroll = (ev) => {
-			const { scrollTop, scrollHeight, offsetHeight } = ev.target;
-			const nextStart = getStartByScroll(scrollTop);
-			if (nextStart !== start.value) {
-				setStart(nextStart);
-				nextTick(() => {
-					scrollTo(scrollTop);
-				});
-			}
-			emit("scroll", ev);
-			if (Math.floor(scrollHeight - (scrollTop + offsetHeight)) <= 0) emit("reachBottom", ev);
-		};
-		expose({ scrollTo });
-		return {
-			prefixCls,
-			containerRef,
-			contentRef,
-			frontPadding,
-			currentList,
-			behindPadding,
-			getItemKey,
-			onScroll,
-			setItemSize,
-			hasItemSize,
-			start,
-			style,
-			mergedComponent
-		};
-	}
-});
-//#endregion
-export { table_legacy_virtual_list_vue_vue_type_script_lang_default as default };

package/es/table/table-virtual-list-item.d.ts

@@ -1,22 +0,0 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    hasItemSize: {
-        type: FunctionConstructor;
-        required: true;
-    };
-    setItemSize: {
-        type: FunctionConstructor;
-        required: true;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    hasItemSize: {
-        type: FunctionConstructor;
-        required: true;
-    };
-    setItemSize: {
-        type: FunctionConstructor;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/es/table/table-virtual-list-item.js

@@ -1,37 +0,0 @@
-import { getFirstComponent } from "../_utils/vue-utils.js";
-import { cloneVNode, defineComponent, getCurrentInstance, onBeforeUnmount, onMounted, ref } from "vue";
-//#region components/table/table-virtual-list-item.tsx
-var table_virtual_list_item_default = /* @__PURE__ */ defineComponent({
-	name: "TableVirtualListItem",
-	props: {
-		hasItemSize: {
-			type: Function,
-			required: true
-		},
-		setItemSize: {
-			type: Function,
-			required: true
-		}
-	},
-	setup(props, { slots }) {
-		var _getCurrentInstance;
-		const key = (_getCurrentInstance = getCurrentInstance()) === null || _getCurrentInstance === void 0 ? void 0 : _getCurrentInstance.vnode.key;
-		const itemRef = ref();
-		const updateItemSize = () => {
-			var _itemRef$value$$el, _itemRef$value, _element$getBoundingC, _element$getBoundingC2;
-			const element = (_itemRef$value$$el = (_itemRef$value = itemRef.value) === null || _itemRef$value === void 0 ? void 0 : _itemRef$value.$el) !== null && _itemRef$value$$el !== void 0 ? _itemRef$value$$el : itemRef.value;
-			const height = (_element$getBoundingC = element === null || element === void 0 || (_element$getBoundingC2 = element.getBoundingClientRect) === null || _element$getBoundingC2 === void 0 ? void 0 : _element$getBoundingC2.call(element).height) !== null && _element$getBoundingC !== void 0 ? _element$getBoundingC : element === null || element === void 0 ? void 0 : element.offsetHeight;
-			if (height) props.setItemSize(key, height);
-		};
-		onMounted(() => updateItemSize());
-		onBeforeUnmount(() => updateItemSize());
-		return () => {
-			var _slots$default;
-			const child = getFirstComponent((_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots));
-			if (!child) return null;
-			return cloneVNode(child, { ref: itemRef }, true);
-		};
-	}
-});
-//#endregion
-export { table_virtual_list_item_default as default };