@sdata/web-vue 3.29.0 → 4.0.0

package/es/list/index.js

@@ -1,7 +1,7 @@
 import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
-import list_default from "./list.js";
-import list_item_default from "./list-item.js";
 import list_item_meta_default from "./list-item-meta.js";
+import list_item_default from "./list-item.js";
+import list_default from "./list.js";
 //#region components/list/index.ts
 var List = Object.assign(list_default, {
 	Item: Object.assign(list_item_default, { Meta: list_item_meta_default }),

package/es/list/list-item-meta.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { PerformantEllipsis } from "../ellipsis/index.js";
 import { createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";

package/es/list/list-item.js

@@ -1,56 +1,5 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import { createVNode, defineComponent } from "vue";
-//#region components/list/list-item.tsx
-var list_item_default = /* @__PURE__ */ defineComponent({
-	name: "ListItem",
-	props: { 
-	/**
-	* @zh 操作组排列方向
-	* @en Operation group arrangement direction
-	*/
-actionLayout: {
-		type: String,
-		default: "horizontal"
-	} },
-	/**
-	* @zh 操作组
-	* @en Actions
-	* @slot actions
-	*/
-	/**
-	* @zh 额外内容
-	* @en Extra content
-	* @slot extra
-	*/
-	/**
-	* @zh meta信息
-	* @en Meta data
-	* @slot meta
-	*/
-	setup(props, { slots }) {
-		const prefixCls = getPrefixCls("list-item");
-		const renderAction = () => {
-			var _slots$actions;
-			const actions = (_slots$actions = slots.actions) === null || _slots$actions === void 0 ? void 0 : _slots$actions.call(slots);
-			if (!actions || !actions.length) return null;
-			return createVNode("ul", { "class": `${prefixCls}-action` }, [actions.map((item, index) => createVNode("li", { "key": `${prefixCls}-action-${index}` }, [item]))]);
-		};
-		return () => {
-			var _slots$meta, _slots$default;
-			return createVNode("div", {
-				"role": "listitem",
-				"class": prefixCls
-			}, [
-				createVNode("div", { "class": `${prefixCls}-main` }, [
-					(_slots$meta = slots.meta) === null || _slots$meta === void 0 ? void 0 : _slots$meta.call(slots),
-					createVNode("div", { "class": `${prefixCls}-content` }, [(_slots$default = slots.default) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]),
-					props.actionLayout === "vertical" && renderAction()
-				]),
-				props.actionLayout === "horizontal" && renderAction(),
-				slots.extra && createVNode("div", { "class": `${prefixCls}-extra` }, [slots.extra()])
-			]);
-		};
-	}
-});
+import list_item_vue_vue_type_script_setup_true_lang_default from "./list-item.vue_vue_type_script_setup_true_lang.js";
+//#region components/list/list-item.vue
+var list_item_default = list_item_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { list_item_default as default };

package/es/list/list-item.vue.d.ts

@@ -0,0 +1,22 @@
+import type { VNode } from 'vue';
+import type { Direction } from '../_utils/constant';
+type __VLS_Props = {
+    actionLayout?: Direction;
+};
+type __VLS_Slots = {
+    default?: () => VNode[];
+    actions?: () => VNode[];
+    extra?: () => VNode[];
+    meta?: () => VNode[];
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    actionLayout: Direction;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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/list/list-item.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,58 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, unref, withCtx } from "vue";
+import { createReusableTemplate } from "@vueuse/core";
+//#region components/list/list-item.vue?vue&type=script&setup=true&lang.ts
+var list_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "ListItem" }), {}, {
+	__name: "list-item",
+	props: { actionLayout: { default: "horizontal" } },
+	setup(__props) {
+		const [DefineAction, ReuseAction] = createReusableTemplate();
+		const RenderVNode = defineComponent({
+			name: "ListItemRenderVNode",
+			props: { content: {
+				type: null,
+				required: true
+			} },
+			setup(props) {
+				return () => props.content;
+			}
+		});
+		const prefixCls = getPrefixCls("list-item");
+		return (_ctx, _cache) => {
+			var _ctx$$slots$actions, _ctx$$slots$actions2, _ctx$$slots, _ctx$$slots$actions3, _ctx$$slots$actions4, _ctx$$slots2;
+			return openBlock(), createElementBlock("div", {
+				role: "listitem",
+				class: normalizeClass(unref(prefixCls))
+			}, [
+				createVNode(unref(DefineAction), null, {
+					default: withCtx(({ actions }) => [actions.length > 0 ? (openBlock(), createElementBlock("ul", {
+						key: 0,
+						class: normalizeClass(`${unref(prefixCls)}-action`)
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(actions, (action, index) => {
+						return openBlock(), createElementBlock("li", { key: `${unref(prefixCls)}-action-${index}` }, [createVNode(unref(RenderVNode), { content: action }, null, 8, ["content"])]);
+					}), 128))], 2)) : createCommentVNode("", true)]),
+					_: 1
+				}),
+				createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-main`) }, [
+					renderSlot(_ctx.$slots, "meta"),
+					createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-content`) }, [renderSlot(_ctx.$slots, "default")], 2),
+					__props.actionLayout === "vertical" ? (openBlock(), createBlock(unref(ReuseAction), {
+						key: 0,
+						actions: (_ctx$$slots$actions = (_ctx$$slots$actions2 = (_ctx$$slots = _ctx.$slots).actions) === null || _ctx$$slots$actions2 === void 0 ? void 0 : _ctx$$slots$actions2.call(_ctx$$slots)) !== null && _ctx$$slots$actions !== void 0 ? _ctx$$slots$actions : []
+					}, null, 8, ["actions"])) : createCommentVNode("", true)
+				], 2),
+				__props.actionLayout === "horizontal" ? (openBlock(), createBlock(unref(ReuseAction), {
+					key: 0,
+					actions: (_ctx$$slots$actions3 = (_ctx$$slots$actions4 = (_ctx$$slots2 = _ctx.$slots).actions) === null || _ctx$$slots$actions4 === void 0 ? void 0 : _ctx$$slots$actions4.call(_ctx$$slots2)) !== null && _ctx$$slots$actions3 !== void 0 ? _ctx$$slots$actions3 : []
+				}, null, 8, ["actions"])) : createCommentVNode("", true),
+				_ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(`${unref(prefixCls)}-extra`)
+				}, [renderSlot(_ctx.$slots, "extra")], 2)) : createCommentVNode("", true)
+			], 2);
+		};
+	}
+}));
+//#endregion
+export { list_item_vue_vue_type_script_setup_true_lang_default as default };

package/es/list/list.js

@@ -1,385 +1,5 @@
-import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isNumber } from "../_utils/is.js";
-import { getAllElements } from "../_utils/vue-utils.js";
-import virtual_list_default from "../_components/virtual-list/index.js";
-import { omit } from "../_utils/omit.js";
-import { useComponentRef } from "../_hooks/use-component-ref.js";
-import { useScrollbar } from "../_hooks/use-scrollbar.js";
-import Empty from "../empty/index.js";
-import Scrollbar from "../scrollbar/index.js";
-import Spin from "../spin/index.js";
-import Pagination from "../pagination/index.js";
-import Grid from "../grid/index.js";
-import { usePagination } from "./use-pagination.js";
-import { Fragment, computed, createVNode, defineComponent, inject, isVNode, mergeProps, onMounted, ref, toRefs } from "vue";
-//#region components/list/list.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var list_default = /* @__PURE__ */ defineComponent({
-	name: "List",
-	props: {
-		/**
-		* @zh 列表数据，需要和 `item` 插槽同时使用
-		* @en List data, need to be used with `item` slot at the same time
-		*/
-		data: { type: Array },
-		/**
-		* @zh 列表大小
-		* @en List size
-		*/
-		size: {
-			type: String,
-			default: "medium"
-		},
-		/**
-		* @zh 是否显示边框
-		* @en Whether to show the border
-		*/
-		bordered: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 是否显示分割线
-		* @en Whether to show the dividing line
-		*/
-		split: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		* @zh 是否为加载中状态
-		* @en Whether it is loading state
-		*/
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 传递给加载中 Spin 的属性
-		* @en Props passed to the loading Spin
-		*/
-		spinProps: { type: Object },
-		/**
-		* @zh 是否显示选中样式
-		* @en Whether to display the selected style
-		*/
-		hoverable: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		* @zh 列表分页配置
-		* @en List pagination configuration
-		*/
-		paginationProps: { type: Object },
-		/**
-		* @zh 列表栅格配置
-		* @en List grid configuration
-		*/
-		gridProps: { type: Object },
-		/**
-		* @zh 列表的最大高度
-		* @en Maximum height of the list
-		*/
-		maxHeight: {
-			type: [String, Number],
-			default: 0
-		},
-		/**
-		* @zh 触发到达底部的距离阈值
-		* @en Trigger the distance threshold to reach the bottom
-		*/
-		bottomOffset: {
-			type: Number,
-			default: 0
-		},
-		/**
-		* @zh 传递虚拟列表属性，传入此参数以开启虚拟滚动 [VirtualListProps](#VirtualListProps)
-		* @en Pass virtual list properties, pass in this parameter to turn on virtual scrolling [VirtualListProps](#VirtualListProps)
-		*/
-		virtualListProps: { type: Object },
-		/**
-		* @zh 是否开启虚拟滚动条
-		* @en Whether to enable virtual scroll bar
-		* @version 2.38.0
-		*/
-		scrollbar: {
-			type: [Object, Boolean],
-			default: true
-		}
-	},
-	emits: {
-		/**
-		* @zh 列表滚动时触发
-		* @en Triggered when the list scrolls
-		*/
-		scroll: () => true,
-		/**
-		* @zh 当列表到达底部时触发
-		* @en Triggered when the list reaches the bottom
-		*/
-		reachBottom: () => true,
-		/**
-		* @zh 表格分页发生改变时触发
-		* @en Triggered when the table pagination changes
-		* @param {number} page
-		*/
-		pageChange: (_page) => true,
-		/**
-		* @zh 表格每页数据数量发生改变时触发
-		* @en Triggered when the number of data per page of the table changes
-		* @param {number} pageSize
-		*/
-		pageSizeChange: (_pageSize) => true
-	},
-	/**
-	* @zh 头部信息
-	* @en Header
-	* @slot header
-	*/
-	/**
-	* @zh 底部信息
-	* @en Footer
-	* @slot footer
-	*/
-	/**
-	* @zh 空白展示
-	* @en Empty
-	* @slot empty
-	*/
-	/**
-	* @zh 列表项
-	* @en List Item
-	* @slot item
-	* @binding {number} index
-	* @binding {any} item
-	*/
-	/**
-	* @zh 滚动加载状态时，滚动到底部的提示
-	* @en When scrolling loading state, scroll to the bottom tip
-	* @slot scroll-loading
-	* @version 2.20.0
-	*/
-	setup(props, { emit, slots }) {
-		const { scrollbar } = toRefs(props);
-		const prefixCls = getPrefixCls("list");
-		const configCtx = inject(configProviderInjectionKey, void 0);
-		const mergedSpinProps = computed(() => _objectSpread2(_objectSpread2({}, configCtx === null || configCtx === void 0 ? void 0 : configCtx.listSpinProps), props.spinProps));
-		const { componentRef, elementRef: listRef } = useComponentRef("containerRef");
-		const isVirtualList = computed(() => props.virtualListProps);
-		const { scrollbarProps } = useScrollbar(scrollbar);
-		let preScrollTop = 0;
-		const handleScroll = (e) => {
-			const { scrollTop, scrollHeight, offsetHeight } = e.target;
-			const bottom = Math.floor(scrollHeight - (scrollTop + offsetHeight));
-			if (scrollTop > preScrollTop && bottom <= props.bottomOffset) emit("reachBottom");
-			emit("scroll");
-			preScrollTop = scrollTop;
-		};
-		onMounted(() => {
-			if (listRef.value) {
-				const { scrollTop, scrollHeight, offsetHeight } = listRef.value;
-				if (scrollHeight <= scrollTop + offsetHeight) emit("reachBottom");
-			}
-		});
-		const { current, pageSize, handlePageChange, handlePageSizeChange } = usePagination(props, { emit });
-		const getCurrentPageItems = (data) => {
-			if (!props.paginationProps) return data;
-			if (props.paginationProps && data.length > pageSize.value) {
-				const startIndex = (current.value - 1) * pageSize.value;
-				return data.slice(startIndex, startIndex + pageSize.value);
-			}
-			return data;
-		};
-		const renderGridItems = (data) => {
-			let _slot2;
-			if (!props.gridProps) return null;
-			const currentPageItems = getCurrentPageItems(data);
-			if (props.gridProps.span) {
-				const items = [];
-				const rowSize = 24 / props.gridProps.span;
-				for (let i = 0; i < currentPageItems.length; i += rowSize) {
-					let _slot;
-					const nextIndex = i + rowSize;
-					const rowIndex = Math.floor(i / rowSize);
-					items.push(createVNode(Grid.Row, {
-						"key": rowIndex,
-						"class": `${prefixCls}-row`,
-						"gutter": props.gridProps.gutter
-					}, _isSlot(_slot = currentPageItems.slice(i, nextIndex).map((item, index) => {
-						var _props$gridProps;
-						return createVNode(Grid.Col, {
-							"key": `${rowIndex}-${index}`,
-							"class": `${prefixCls}-col`,
-							"span": (_props$gridProps = props.gridProps) === null || _props$gridProps === void 0 ? void 0 : _props$gridProps.span
-						}, { default: () => {
-							var _slots$item;
-							return [isVNode(item) ? item : (_slots$item = slots.item) === null || _slots$item === void 0 ? void 0 : _slots$item.call(slots, {
-								item,
-								index
-							})];
-						} });
-					})) ? _slot : { default: () => [_slot] }));
-				}
-				return items;
-			}
-			return createVNode(Grid.Row, {
-				"class": `${prefixCls}-row`,
-				"gutter": props.gridProps.gutter
-			}, _isSlot(_slot2 = currentPageItems.map((item, index) => createVNode(Grid.Col, mergeProps({
-				"key": index,
-				"class": `${prefixCls}-col`
-			}, omit(props.gridProps, ["gutter"])), { default: () => {
-				var _slots$item2;
-				return [isVNode(item) ? item : (_slots$item2 = slots.item) === null || _slots$item2 === void 0 ? void 0 : _slots$item2.call(slots, {
-					item,
-					index
-				})];
-			} }))) ? _slot2 : { default: () => [_slot2] });
-		};
-		const renderListItems = (data) => {
-			return getCurrentPageItems(data).map((item, index) => {
-				var _slots$item3;
-				return isVNode(item) ? item : (_slots$item3 = slots.item) === null || _slots$item3 === void 0 ? void 0 : _slots$item3.call(slots, {
-					item,
-					index
-				});
-			});
-		};
-		const renderItems = () => {
-			const data = slots.default ? getAllElements(slots.default()) : props.data;
-			if (data && data.length > 0) return props.gridProps ? renderGridItems(data) : renderListItems(data);
-			return renderEmpty();
-		};
-		const renderPagination = () => {
-			var _ref, _props$paginationProp, _props$data;
-			if (!props.paginationProps) return null;
-			const paginationProps = omit(props.paginationProps, [
-				"current",
-				"pageSize",
-				"defaultCurrent",
-				"defaultPageSize"
-			]);
-			return createVNode(Pagination, mergeProps({ "class": `${prefixCls}-pagination` }, paginationProps, {
-				"total": (_ref = (_props$paginationProp = props.paginationProps.total) !== null && _props$paginationProp !== void 0 ? _props$paginationProp : (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length) !== null && _ref !== void 0 ? _ref : 0,
-				"current": current.value,
-				"pageSize": pageSize.value,
-				"onChange": handlePageChange,
-				"onPageSizeChange": handlePageSizeChange
-			}), null);
-		};
-		const cls = computed(() => [
-			prefixCls,
-			`${prefixCls}-${props.size}`,
-			{
-				[`${prefixCls}-bordered`]: props.bordered,
-				[`${prefixCls}-split`]: props.split,
-				[`${prefixCls}-hover`]: props.hoverable
-			}
-		]);
-		const contentStyle = computed(() => {
-			if (props.maxHeight) return {
-				maxHeight: isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight,
-				overflowY: "auto"
-			};
-			if (isVirtualList.value && !props.gridProps) return {
-				height: "100%",
-				overflow: "hidden"
-			};
-		});
-		const contentCls = computed(() => [`${prefixCls}-content`, { [`${prefixCls}-virtual`]: isVirtualList.value }]);
-		const virtualListRef = ref();
-		const resolvedVirtualListProps = computed(() => {
-			if (!props.virtualListProps) return;
-			if (props.virtualListProps.height !== void 0) return props.virtualListProps;
-			return _objectSpread2(_objectSpread2({}, props.virtualListProps), {}, { height: "100%" });
-		});
-		const contentWrapperStyle = computed(() => {
-			if (!isVirtualList.value || props.gridProps) return;
-			return {
-				display: "flex",
-				flexDirection: "column",
-				height: "100%",
-				minHeight: 0
-			};
-		});
-		const wrapperStyle = computed(() => {
-			if (!isVirtualList.value || props.gridProps) return;
-			return {
-				height: "100%",
-				minHeight: 0
-			};
-		});
-		const renderVirtualList = () => {
-			var _props$data2;
-			const currentPageItems = getCurrentPageItems((_props$data2 = props.data) !== null && _props$data2 !== void 0 ? _props$data2 : []);
-			return currentPageItems.length ? createVNode(virtual_list_default, mergeProps({
-				"ref": virtualListRef,
-				"class": contentCls.value,
-				"items": currentPageItems
-			}, resolvedVirtualListProps.value, { "onScroll": handleScroll }), { item: ({ item, index }) => {
-				var _slots$item4;
-				return (_slots$item4 = slots.item) === null || _slots$item4 === void 0 ? void 0 : _slots$item4.call(slots, {
-					item,
-					index
-				});
-			} }) : renderEmpty();
-		};
-		const renderScrollLoading = () => {
-			if (slots["scroll-loading"]) return createVNode("div", { "class": [`${prefixCls}-item`, `${prefixCls}-scroll-loading`] }, [slots["scroll-loading"]()]);
-			return null;
-		};
-		const renderEmpty = () => {
-			var _ref2, _slots$empty, _slots$empty2, _configCtx$slots, _configCtx$slots$empt;
-			if (slots["scroll-loading"]) return null;
-			return (_ref2 = (_slots$empty = (_slots$empty2 = slots.empty) === null || _slots$empty2 === void 0 ? void 0 : _slots$empty2.call(slots)) !== null && _slots$empty !== void 0 ? _slots$empty : configCtx === null || configCtx === void 0 || (_configCtx$slots$empt = (_configCtx$slots = configCtx.slots).empty) === null || _configCtx$slots$empt === void 0 ? void 0 : _configCtx$slots$empt.call(_configCtx$slots, { component: "list" })) !== null && _ref2 !== void 0 ? _ref2 : createVNode(Empty, null, null);
-		};
-		const render = () => {
-			const ContentComponent = Scrollbar;
-			return createVNode("div", {
-				"class": `${prefixCls}-wrapper`,
-				"style": wrapperStyle.value
-			}, [createVNode(Spin, mergeProps(mergedSpinProps.value, {
-				"class": `${prefixCls}-spin`,
-				"loading": props.loading
-			}), { default: () => [createVNode(ContentComponent, mergeProps({
-				"ref": componentRef,
-				"class": cls.value,
-				"style": contentStyle.value
-			}, scrollbarProps.value, { "onScroll": handleScroll }), { default: () => [createVNode("div", {
-				"class": `${prefixCls}-content-wrapper`,
-				"style": contentWrapperStyle.value
-			}, [
-				slots.header && createVNode("div", { "class": `${prefixCls}-header` }, [slots.header()]),
-				isVirtualList.value && !props.gridProps ? createVNode(Fragment, null, [renderVirtualList(), renderScrollLoading()]) : createVNode("div", {
-					"role": "list",
-					"class": contentCls.value
-				}, [renderItems(), renderScrollLoading()]),
-				slots.footer && createVNode("div", { "class": `${prefixCls}-footer` }, [slots.footer()])
-			])] }), renderPagination()] })]);
-		};
-		return {
-			virtualListRef,
-			render
-		};
-	},
-	methods: { 
-	/**
-	* @zh 虚拟滚动到某个元素
-	* @en Virtual scroll to an element
-	* @param {{ index?: number; key?: number | string; align: 'auto' | 'top' | 'bottom'}} options
-	* @public
-	*/
-scrollIntoView(options) {
-		if (this.virtualListRef) this.virtualListRef.scrollTo(options);
-	} },
-	render() {
-		return this.render();
-	}
-});
+import list_vue_vue_type_script_setup_true_lang_default from "./list.vue_vue_type_script_setup_true_lang.js";
+//#region components/list/list.vue
+var list_default = list_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { list_default as default };