tdesign-vue-next
Version:
TDesign Component for vue-next
89 lines (85 loc) • 3.23 kB
JavaScript
/**
* tdesign v1.20.5
* (c) 2026 tdesign
* @license MIT
*/
import { computed, createVNode } from 'vue';
import { _ as _defineProperty } from '../../_chunks/dep-5fb4f56f.mjs';
import { isString } from 'lodash-es';
import { a as useTNodeJSX } from '../../_chunks/dep-84e0bbb7.mjs';
import { Loading } from '../../loading/index.mjs';
import useClassName from './useClassName.mjs';
import { useConfig } from '../../config-provider/hooks/useConfig.mjs';
import '../../_chunks/dep-e66c752e.mjs';
import '../../_chunks/dep-60644c95.mjs';
import '../../_chunks/dep-f14f9069.mjs';
import '../../_chunks/dep-6713c79b.mjs';
import '../../_chunks/dep-7a893b4c.mjs';
import '../../_chunks/dep-4909e0c1.mjs';
import '../../_chunks/dep-2aa526c5.mjs';
import '../../_chunks/dep-ba782c68.mjs';
import '../../_chunks/dep-623bf97e.mjs';
import '../../config-provider/utils/context.mjs';
import '../../_chunks/dep-a9e2592c.mjs';
import '../../_chunks/dep-ffc4bb92.mjs';
import '../../_chunks/dep-9f0aa3ce.mjs';
import '../../_chunks/dep-f91e6e9f.mjs';
import '../../_chunks/dep-d12cc5f8.mjs';
import '../../loading/directive.mjs';
import '../../loading/plugin.mjs';
import '../../loading/loading.mjs';
import '../../loading/icon/gradient.mjs';
import '../../_chunks/dep-b0847f93.mjs';
import '../../_chunks/dep-2032b03e.mjs';
import '../../loading/props.mjs';
import './style/css.mjs';
function useAsyncLoading(props) {
var renderTNode = useTNodeJSX();
var _useConfig = useConfig("table", props.locale),
globalConfig = _useConfig.globalConfig;
var _useClassName = useClassName(),
isLoadingClass = _useClassName.isLoadingClass,
isLoadMoreClass = _useClassName.isLoadMoreClass,
asyncLoadingClass = _useClassName.asyncLoadingClass;
var classes = computed(function () {
return [asyncLoadingClass, _defineProperty(_defineProperty({}, isLoadingClass, props.asyncLoading === "loading"), isLoadMoreClass, props.asyncLoading === "load-more")];
});
function onLoadClick() {
var _props$onAsyncLoading;
if (!isString(props.asyncLoading)) return;
(_props$onAsyncLoading = props.onAsyncLoadingClick) === null || _props$onAsyncLoading === void 0 || _props$onAsyncLoading.call(props, {
status: props.asyncLoading
});
}
function renderAsyncLoading() {
var asyncLoadingNode = renderTNode("asyncLoading");
if (isString(asyncLoadingNode)) {
var asyncLoading = props.asyncLoading;
var loadingText = {
"load-more": globalConfig.value.loadingMoreText,
loading: globalConfig.value.loadingText
}[String(asyncLoading)];
return createVNode("div", {
"class": classes.value,
"onClick": onLoadClick
}, [createVNode(Loading, {
"indicator": asyncLoading === "loading",
"loading": !!asyncLoading,
"size": "small",
"text": loadingText
}, null)]);
}
if (![null, false, void 0].includes(asyncLoadingNode)) {
return createVNode("div", {
"class": classes.value,
"onClick": onLoadClick
}, [asyncLoadingNode]);
}
return null;
}
return {
renderAsyncLoading: renderAsyncLoading
};
}
export { useAsyncLoading as default };
//# sourceMappingURL=useAsyncLoading.mjs.map