tdesign-vue-next
Version:
TDesign Component for vue-next
72 lines (68 loc) • 2.61 kB
JavaScript
/**
* tdesign v1.13.2
* (c) 2025 tdesign
* @license MIT
*/
import { defineComponent, createVNode } from 'vue';
import props from './list-item-meta-props.mjs';
import { u as usePrefixClass, b as useContent, a as useTNodeJSX } from '../_chunks/dep-9c4aef07.mjs';
import { isString } from 'lodash-es';
import '../_chunks/dep-b981148e.mjs';
import '../_chunks/dep-f1895f5a.mjs';
import '../_chunks/dep-a81129ec.mjs';
import '../utils/render-tnode.mjs';
import '../config-provider/hooks/useConfig.mjs';
import '../config-provider/utils/context.mjs';
import '../_chunks/dep-466a0666.mjs';
import '../_chunks/dep-24ce1cec.mjs';
import '../_chunks/dep-160caab6.mjs';
import '../_chunks/dep-e497214e.mjs';
import '../_chunks/dep-98cd1e2d.mjs';
import '../_chunks/dep-23a929e8.mjs';
import '../_chunks/dep-48e13ca0.mjs';
import '../_chunks/dep-033df8e6.mjs';
import '../utils/dom.mjs';
import '../_chunks/dep-20550dcc.mjs';
import '../_chunks/dep-0bb39574.mjs';
var _ListItemMeta = defineComponent({
name: "TListItemMeta",
props: props,
setup: function setup(props2, ctx) {
var COMPONENT_NAME = usePrefixClass("list-item__meta");
var renderContent = useContent();
var renderTNodeJSX = useTNodeJSX();
var renderAvatar = function renderAvatar() {
if (props2.avatar || ctx.slots.avatar) {
console.warn("`avatar` is going to be deprecated, please use `image` instead");
}
var thumbnail = renderContent("avatar", "image");
if (!thumbnail) return;
if (isString(thumbnail)) {
return createVNode("div", {
"class": "".concat(COMPONENT_NAME.value, "-avatar")
}, [createVNode("img", {
"src": thumbnail
}, null)]);
}
return createVNode("div", {
"class": "".concat(COMPONENT_NAME.value, "-avatar")
}, [thumbnail]);
};
return function () {
var propsTitleContent = renderTNodeJSX("title");
var propsDescriptionContent = renderTNodeJSX("description");
var listItemMetaContent = [renderAvatar(), createVNode("div", {
"class": "".concat(COMPONENT_NAME.value, "-content")
}, [propsTitleContent && createVNode("h3", {
"class": "".concat(COMPONENT_NAME.value, "-title")
}, [propsTitleContent]), propsDescriptionContent && createVNode("p", {
"class": "".concat(COMPONENT_NAME.value, "-description")
}, [propsDescriptionContent])])];
return createVNode("div", {
"class": COMPONENT_NAME.value
}, [listItemMetaContent]);
};
}
});
export { _ListItemMeta as default };
//# sourceMappingURL=list-item-meta.mjs.map