tdesign-vue-next
Version:
TDesign Component for vue-next
142 lines (138 loc) • 6.39 kB
JavaScript
/**
* tdesign v1.19.2
* (c) 2026 tdesign
* @license MIT
*/
import { defineComponent, ref, computed, createVNode, Fragment } from 'vue';
import { _ as _defineProperty } from '../_chunks/dep-ba214d75.mjs';
import { omit, isString } from 'lodash-es';
import { u as usePrefixClass, c as useCommonClassName, a as useTNodeJSX } from '../_chunks/dep-fbeb2963.mjs';
import { Loading } from '../loading/index.mjs';
import _ListItem from './list-item.mjs';
import props from './props.mjs';
import { LOADING, LOAD_MORE } from './constants/index.mjs';
import './hooks/index.mjs';
import { useConfig } from '../config-provider/hooks/useConfig.mjs';
import { useListItems } from './hooks/useListItems.mjs';
import { useListVirtualScroll } from './hooks/useListVirtualScroll.mjs';
import '../_chunks/dep-e1c62679.mjs';
import '../_chunks/dep-47c3cae9.mjs';
import '../_chunks/dep-b0b422fe.mjs';
import '../_chunks/dep-feed89df.mjs';
import '../_chunks/dep-5b510fcd.mjs';
import '../_chunks/dep-edab0e6a.mjs';
import '../_chunks/dep-f558ebb8.mjs';
import '../_chunks/dep-76dddedf.mjs';
import '../_chunks/dep-d92220c4.mjs';
import '../config-provider/utils/context.mjs';
import '../_chunks/dep-e0ab6d55.mjs';
import '../_chunks/dep-75f265c4.mjs';
import '../_chunks/dep-67ffcfeb.mjs';
import '../_chunks/dep-466a8f31.mjs';
import '../_chunks/dep-e66c0337.mjs';
import '../loading/directive.mjs';
import '../loading/plugin.mjs';
import '../loading/loading.mjs';
import '../loading/icon/gradient.mjs';
import '../_chunks/dep-58979704.mjs';
import '../_chunks/dep-c231a5b4.mjs';
import '../loading/props.mjs';
import './style/css.mjs';
import './list-item-props.mjs';
import '../_chunks/dep-739ea4cd.mjs';
var _List = defineComponent({
name: "TList",
props: props,
setup: function setup(props2, _ref) {
var expose = _ref.expose;
var listRef = ref();
var _useConfig = useConfig("list"),
globalConfig = _useConfig.globalConfig;
var COMPONENT_NAME = usePrefixClass("list");
var _useCommonClassName = useCommonClassName(),
SIZE = _useCommonClassName.SIZE;
var renderTNodeJSX = useTNodeJSX();
var _useListItems = useListItems(),
listItems = _useListItems.listItems;
var _useListVirtualScroll = useListVirtualScroll(props2.scroll, listRef, listItems),
virtualConfig = _useListVirtualScroll.virtualConfig,
cursorStyle = _useListVirtualScroll.cursorStyle,
listStyle = _useListVirtualScroll.listStyle,
isVirtualScroll = _useListVirtualScroll.isVirtualScroll,
onInnerVirtualScroll = _useListVirtualScroll.onInnerVirtualScroll,
scrollToElement = _useListVirtualScroll.scrollToElement;
var listClass = computed(function () {
return ["".concat(COMPONENT_NAME.value), SIZE.value[props2.size], _defineProperty(_defineProperty(_defineProperty({}, "".concat(COMPONENT_NAME.value, "--split"), props2.split), "".concat(COMPONENT_NAME.value, "--stripe"), props2.stripe), "".concat(COMPONENT_NAME.value, "--vertical-action"), props2.layout === "vertical")];
});
var renderContent = function renderContent() {
var propsHeaderContent = renderTNodeJSX("header");
var propsFooterContent = renderTNodeJSX("footer");
var isVirtualScroll2 = virtualConfig.isVirtualScroll.value;
return createVNode(Fragment, null, [propsHeaderContent ? createVNode("div", {
"class": "".concat(COMPONENT_NAME.value, "__header")
}, [propsHeaderContent]) : null, isVirtualScroll2 ? createVNode(Fragment, null, [createVNode("div", {
"style": cursorStyle.value
}, null), createVNode("ul", {
"class": "".concat(COMPONENT_NAME.value, "__inner"),
"style": listStyle.value
}, [virtualConfig.visibleData.value.map(function (item) {
return createVNode(Fragment, null, [createVNode(_ListItem, omit(item, "slots"), item.slots)]);
})])]) : createVNode("ul", {
"class": "".concat(COMPONENT_NAME.value, "__inner")
}, [renderTNodeJSX("default")]), propsFooterContent ? createVNode("div", {
"class": "".concat(COMPONENT_NAME.value, "__footer")
}, [propsFooterContent]) : null]);
};
var handleScroll = function handleScroll(e) {
var _props2$onScroll;
var listElement = e.target;
var scrollTop = listElement.scrollTop,
scrollHeight = listElement.scrollHeight,
clientHeight = listElement.clientHeight;
if (isVirtualScroll.value) onInnerVirtualScroll(e);
(_props2$onScroll = props2.onScroll) === null || _props2$onScroll === void 0 || _props2$onScroll.call(props2, {
e: e,
scrollTop: scrollTop,
scrollBottom: scrollHeight - clientHeight - scrollTop
});
};
var loadingClass = computed(function () {
return isString(props2.asyncLoading) && ["loading", "load-more"].includes(props2.asyncLoading) ? "".concat(COMPONENT_NAME.value, "__load ").concat(COMPONENT_NAME.value, "__load--").concat(props2.asyncLoading) : "".concat(COMPONENT_NAME.value, "__load");
});
var renderLoading = function renderLoading() {
if (props2.asyncLoading && isString(props2.asyncLoading)) {
if (props2.asyncLoading === LOADING) {
return createVNode("div", null, [createVNode(Loading, null, null), createVNode("span", null, [globalConfig.value.loadingText])]);
}
if (props2.asyncLoading === LOAD_MORE) {
return createVNode("span", null, [globalConfig.value.loadingMoreText]);
}
}
return renderTNodeJSX("asyncLoading");
};
var handleLoadMore = function handleLoadMore(e) {
var _props2$onLoadMore;
if (isString(props2.asyncLoading) && props2.asyncLoading !== LOAD_MORE) return;
(_props2$onLoadMore = props2.onLoadMore) === null || _props2$onLoadMore === void 0 || _props2$onLoadMore.call(props2, {
e: e
});
};
expose({
scrollTo: scrollToElement
});
return function () {
var listContent = [renderContent(), createVNode("div", {
"class": loadingClass.value,
"onClick": handleLoadMore
}, [renderLoading()])];
return createVNode("div", {
"class": listClass.value,
"onScroll": handleScroll,
"ref": listRef,
"style": isVirtualScroll.value ? "position:relative" : void 0
}, [listContent]);
};
}
});
export { _List as default };
//# sourceMappingURL=list.mjs.map