tdesign-vue-next
Version:
TDesign Component for vue-next
213 lines (207 loc) • 9.07 kB
JavaScript
/**
* tdesign v1.11.5
* (c) 2025 tdesign
* @license MIT
*/
;
Object.defineProperty(exports, '__esModule', { value: true });
var Vue = require('vue');
var hooks_useConfig = require('../hooks/useConfig.js');
var hooks_tnode = require('../_chunks/dep-a69ce597.js');
var loading_index = require('../loading/index.js');
var card_props = require('./props.js');
var isString = require('../_chunks/dep-b8b9c2a3.js');
require('../config-provider/hooks/useConfig.js');
require('../_chunks/dep-b4c4a54b.js');
require('../_chunks/dep-f8ff548f.js');
require('@babel/runtime/helpers/typeof');
require('../_chunks/dep-30fb1b25.js');
require('dayjs');
require('../_chunks/dep-b6c192db.js');
require('../_chunks/dep-ba2090c8.js');
require('../_chunks/dep-b27d3215.js');
require('../_chunks/dep-ed572eb3.js');
require('../_chunks/dep-047617bf.js');
require('../_chunks/dep-bbe343d7.js');
require('../_chunks/dep-0a510359.js');
require('../_chunks/dep-50a41d31.js');
require('../_chunks/dep-be3c3d53.js');
require('../_chunks/dep-0c2ad01b.js');
require('../_chunks/dep-5ad8a2ab.js');
require('../_chunks/dep-8b98fa07.js');
require('../_chunks/dep-b0b4fff1.js');
require('../_chunks/dep-7a21da5b.js');
require('../_chunks/dep-49fa220e.js');
require('../_chunks/dep-02ebb419.js');
require('../_chunks/dep-feae46a3.js');
require('../_chunks/dep-abf21389.js');
require('../_chunks/dep-7f32423d.js');
require('../_chunks/dep-7c9e3d93.js');
require('../_chunks/dep-61a7e281.js');
require('../_chunks/dep-ecbaedee.js');
require('../_chunks/dep-9de7d250.js');
require('../_chunks/dep-6f8a66a3.js');
require('../utils/render-tnode.js');
require('../_chunks/dep-db023c41.js');
require('../_chunks/dep-e495f218.js');
require('../_chunks/dep-bafc1f63.js');
require('../_chunks/dep-c07d6878.js');
require('../_chunks/dep-a957c564.js');
require('../_chunks/dep-acb090bf.js');
require('../_chunks/dep-76218bd8.js');
require('../_chunks/dep-9a321a91.js');
require('../_chunks/dep-0d31a2f0.js');
require('../loading/plugin.js');
require('@babel/runtime/helpers/defineProperty');
require('../loading/loading.js');
require('@babel/runtime/helpers/slicedToArray');
require('../loading/icon/gradient.js');
require('../_chunks/dep-b1b8272b.js');
require('../_chunks/dep-25acc189.js');
require('@babel/runtime/helpers/toConsumableArray');
require('@babel/runtime/helpers/objectWithoutProperties');
require('../_chunks/dep-93cf0a54.js');
require('../_chunks/dep-8afe2bf0.js');
require('../_chunks/dep-cea0dc9b.js');
require('../utils/dom.js');
require('../hooks/useTeleport.js');
require('../loading/props.js');
require('../_chunks/dep-d4796921.js');
require('../_chunks/dep-62aae11c.js');
require('../_chunks/dep-7c08b9a8.js');
require('../_chunks/dep-56c837c8.js');
require('../_chunks/dep-55d8c3ed.js');
require('../_chunks/dep-fd1ddb6b.js');
require('../_chunks/dep-d83ac33f.js');
require('../utils/withInstall.js');
function _isSlot(s) {
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !Vue.isVNode(s);
}
var _Card = Vue.defineComponent({
name: "TCard",
props: card_props["default"],
setup: function setup(props2, _ref) {
var slots = _ref.slots;
var renderTNodeJSX = hooks_tnode.useTNodeJSX();
var COMPONENT_NAME = hooks_useConfig.usePrefixClass("card");
var _useCommonClassName = hooks_useConfig.useCommonClassName(),
SIZE = _useCommonClassName.SIZE;
var baseCls = Vue.computed(function () {
var defaultClass = [COMPONENT_NAME.value];
if (props2.size === "small") defaultClass.push("".concat(SIZE.value[props2.size]));
if (props2.bordered) defaultClass.push("".concat(COMPONENT_NAME.value, "--bordered"));
if (props2.shadow) defaultClass.push("".concat(COMPONENT_NAME.value, "--shadow"));
if (props2.hoverShadow) defaultClass.push("".concat(COMPONENT_NAME.value, "--shadow-hover"));
return defaultClass;
});
var headerCls = Vue.computed(function () {
var defaultClass = ["".concat(COMPONENT_NAME.value, "__header")];
return props2.headerBordered ? defaultClass.concat("".concat(COMPONENT_NAME.value, "__title--bordered")) : ["".concat(COMPONENT_NAME.value, "__header")];
});
var headerWrapperCls = hooks_useConfig.usePrefixClass("card__header-wrapper");
var headerAvatarCls = hooks_useConfig.usePrefixClass("card__avatar");
var headerTitleCls = hooks_useConfig.usePrefixClass("card__title");
var headerSubTitleCls = hooks_useConfig.usePrefixClass("card__subtitle");
var headerDescriptionCls = hooks_useConfig.usePrefixClass("card__description");
var actionsCls = hooks_useConfig.usePrefixClass("card__actions");
var bodyCls = hooks_useConfig.usePrefixClass("card__body");
var coverCls = hooks_useConfig.usePrefixClass("card__cover");
var footerCls = hooks_useConfig.usePrefixClass("card__footer");
var footerWrapperCls = hooks_useConfig.usePrefixClass("card__footer-wrapper");
var isPoster2 = Vue.computed(function () {
return props2.theme === "poster2";
});
var showTitle = Vue.computed(function () {
return props2.title || slots.title;
});
var showHeader = Vue.computed(function () {
return props2.header || slots.header;
});
var showSubtitle = Vue.computed(function () {
return props2.subtitle || slots.subtitle;
});
var showAvatar = Vue.computed(function () {
return props2.avatar || slots.avatar;
});
var showDescription = Vue.computed(function () {
return props2.description || slots.description;
});
var showStatus = Vue.computed(function () {
return props2.status || slots.status;
});
var showActions = Vue.computed(function () {
return props2.actions || slots.actions;
});
var showFooter = Vue.computed(function () {
return props2.footer || slots.footer;
});
var showCover = Vue.computed(function () {
return props2.cover || slots.cover;
});
var showLoading = Vue.computed(function () {
return props2.loading || slots.loading;
});
var showContent = Vue.computed(function () {
return props2.content || slots.content || props2["default"] || slots["default"];
});
var isHeaderRender = Vue.computed(function () {
return showHeader.value || showTitle.value || showSubtitle.value || showDescription.value || showAvatar.value || showStatus.value && isPoster2.value || showActions.value && !isPoster2.value;
});
var isFooterRender = Vue.computed(function () {
return showFooter.value || showActions.value && isPoster2.value;
});
var renderHeader = function renderHeader() {
if (showHeader.value) return Vue.createVNode("div", {
"class": headerCls.value
}, [renderTNodeJSX("header")]);
return Vue.createVNode("div", {
"class": headerCls.value
}, [Vue.createVNode("div", {
"class": headerWrapperCls.value
}, [showAvatar.value && Vue.createVNode("div", {
"class": headerAvatarCls.value
}, [renderTNodeJSX("avatar")]), Vue.createVNode("div", null, [showTitle.value && Vue.createVNode("div", {
"class": headerTitleCls.value
}, [renderTNodeJSX("title")]), showSubtitle.value && Vue.createVNode("div", {
"class": headerSubTitleCls.value
}, [renderTNodeJSX("subtitle")]), showDescription.value && Vue.createVNode("p", {
"class": headerDescriptionCls.value
}, [renderTNodeJSX("description")])])]), showActions.value && !isPoster2.value && Vue.createVNode("div", {
"class": actionsCls.value
}, [renderTNodeJSX("actions")]), showStatus.value && Vue.createVNode("div", {
"class": actionsCls.value
}, [renderTNodeJSX("status")])]);
};
var renderCover = function renderCover() {
var textCover = isString.isString(props2.cover);
return Vue.createVNode("div", {
"class": coverCls.value
}, [textCover ? Vue.createVNode("img", {
"src": props2.cover
}, null) : renderTNodeJSX("cover")]);
};
return function () {
var content = Vue.createVNode("div", {
"class": baseCls.value
}, [isHeaderRender.value ? renderHeader() : null, showCover.value ? renderCover() : null, showContent.value && Vue.createVNode("div", {
"class": bodyCls.value
}, [renderTNodeJSX("default") || renderTNodeJSX("content")]), isFooterRender.value && Vue.createVNode("div", {
"class": footerCls.value
}, [Vue.createVNode("div", {
"class": footerWrapperCls.value
}, [renderTNodeJSX("footer")]), showActions.value && isPoster2.value && Vue.createVNode("div", {
"class": actionsCls.value
}, [renderTNodeJSX("actions")])])]);
if (showLoading.value) {
return renderTNodeJSX("loading") || Vue.createVNode(loading_index.Loading, props2.loadingProps, _isSlot(content) ? content : {
"default": function _default() {
return [content];
}
});
}
return content;
};
}
});
exports["default"] = _Card;
//# sourceMappingURL=card.js.map