tdesign-vue-next
Version:
TDesign Component for vue-next
162 lines (156 loc) • 6.28 kB
JavaScript
/**
* tdesign v1.20.3
* (c) 2026 tdesign
* @license MIT
*/
;
Object.defineProperty(exports, '__esModule', { value: true });
var Vue = require('vue');
var comment_props = require('./props.js');
var index$2 = require('../_chunks/dep-805d8b35.js');
var index$1 = require('../_chunks/dep-93df7a9f.js');
var index = require('../_chunks/dep-86bbc302.js');
require('@babel/runtime/helpers/slicedToArray');
require('../_chunks/dep-c786fc66.js');
require('../_chunks/dep-2c21b252.js');
require('@babel/runtime/helpers/defineProperty');
require('@babel/runtime/helpers/toConsumableArray');
var button_index = require('../button/index.js');
var isString = require('../_chunks/dep-50880721.js');
require('@babel/runtime/helpers/typeof');
require('../_chunks/dep-83655e4e.js');
require('../_chunks/dep-c1906837.js');
require('../_chunks/dep-38abd3cd.js');
require('../_chunks/dep-cdf9c885.js');
require('../_chunks/dep-f8f6dc81.js');
require('../_chunks/dep-2e72c048.js');
require('../_chunks/dep-d43281a2.js');
require('../_chunks/dep-a0c4328d.js');
require('../_chunks/dep-0bba6d5f.js');
require('../_chunks/dep-7cf95213.js');
require('../_chunks/dep-a901463b.js');
require('../_chunks/dep-fec8a710.js');
require('../_chunks/dep-8a60b761.js');
require('../config-provider/hooks/useConfig.js');
require('../_chunks/dep-f13dc940.js');
require('../_chunks/dep-dc718ec7.js');
require('../_chunks/dep-ce131a62.js');
require('dayjs');
require('../_chunks/dep-e1852b70.js');
require('../_chunks/dep-d0ba8f3b.js');
require('../_chunks/dep-34ae74be.js');
require('../_chunks/dep-820ea949.js');
require('../_chunks/dep-5ce4c94e.js');
require('../_chunks/dep-48f8bd7a.js');
require('../_chunks/dep-9488062b.js');
require('../_chunks/dep-6475bea6.js');
require('../_chunks/dep-53a0e29c.js');
require('../_chunks/dep-ab3db94c.js');
require('../_chunks/dep-577d39b3.js');
require('../_chunks/dep-00b0ff32.js');
require('../_chunks/dep-5bcb760f.js');
require('../_chunks/dep-bf13d379.js');
require('../_chunks/dep-95fe29fa.js');
require('@babel/runtime/helpers/createClass');
require('@babel/runtime/helpers/classCallCheck');
require('../button/button.js');
require('../loading/index.js');
require('../_chunks/dep-a29463b4.js');
require('../loading/plugin.js');
require('../_chunks/dep-bf7bd0af.js');
require('../loading/icon/gradient.js');
require('../_chunks/dep-e2add6b7.js');
require('../_chunks/dep-3b18ba60.js');
require('@babel/runtime/helpers/objectWithoutProperties');
require('../_chunks/dep-3f3d6afe.js');
require('../_chunks/dep-ab01677a.js');
require('../_chunks/dep-b2a110cc.js');
require('../_chunks/dep-0291711b.js');
require('../loading/props.js');
require('../_chunks/dep-8f7ae089.js');
require('../_chunks/dep-d02fb480.js');
require('../_chunks/dep-52ccbe47.js');
require('../_chunks/dep-cf96cf18.js');
require('../_chunks/dep-b20290c9.js');
require('../_chunks/dep-30163632.js');
require('../_chunks/dep-df4085a6.js');
require('../_chunks/dep-b349166f.js');
require('../_chunks/dep-1235e35f.js');
require('../_chunks/dep-6876bcab.js');
require('../button/props.js');
require('../_chunks/dep-b77934df.js');
require('../_chunks/dep-6e80bcd4.js');
require('../_chunks/dep-0831ed6e.js');
function _isSlot(s) {
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !Vue.isVNode(s);
}
var _Comment = Vue.defineComponent({
name: "TComment",
props: comment_props["default"],
setup: function setup() {
var COMPONENT_NAME = index.usePrefixClass("comment");
var renderTNodeJSX = index$1.useTNodeJSX();
var getFlatChildren = index$2.useFlatChildrenSlots();
return function () {
var reply = renderTNodeJSX("reply");
var author = renderTNodeJSX("author");
var datetime = renderTNodeJSX("datetime");
var quote = renderTNodeJSX("quote");
var actions = renderTNodeJSX("actions");
var content = renderTNodeJSX("content");
var avatar = renderTNodeJSX("avatar");
var showAuthorDatetime = Vue.computed(function () {
return author || datetime;
});
var replyDom = reply ? Vue.createVNode("div", {
"class": "".concat(COMPONENT_NAME.value, "__reply")
}, [reply]) : null;
var quoteDom = quote ? Vue.createVNode("div", {
"class": "".concat(COMPONENT_NAME.value, "__quote")
}, [quote]) : null;
var avatarDom = avatar ? Vue.createVNode("div", {
"class": "".concat(COMPONENT_NAME.value, "__avatar")
}, [isString.isString(avatar) ? Vue.createVNode("img", {
"src": avatar,
"alt": "",
"class": "".concat(COMPONENT_NAME.value, "__avatar-image")
}, null) : avatar]) : null;
var authorDatetimeDom = showAuthorDatetime.value && Vue.createVNode("div", {
"class": "".concat(COMPONENT_NAME.value, "__author")
}, [author && Vue.createVNode("span", {
"class": "".concat(COMPONENT_NAME.value, "__name")
}, [author]), datetime && Vue.createVNode("span", {
"class": "".concat(COMPONENT_NAME.value, "__time")
}, [datetime])]);
var renderActions = function renderActions() {
if (!actions || !actions.length) return null;
var flatChildren = getFlatChildren(actions);
return Vue.createVNode("div", {
"class": "".concat(COMPONENT_NAME.value, "__actions")
}, [flatChildren.map(function (action, index) {
return Vue.createVNode(button_index.Button, {
"key": "action-".concat(index),
"size": "small",
"variant": "text"
}, _isSlot(action) ? action : {
"default": function _default() {
return [action];
}
});
})]);
};
var contentDom = Vue.createVNode("div", {
"class": "".concat(COMPONENT_NAME.value, "__content")
}, [authorDatetimeDom, Vue.createVNode("div", {
"class": "".concat(COMPONENT_NAME.value, "__detail")
}, [content]), quoteDom, renderActions()]);
return Vue.createVNode("div", {
"class": COMPONENT_NAME.value
}, [Vue.createVNode("div", {
"class": "".concat(COMPONENT_NAME.value, "__inner")
}, [avatarDom, contentDom]), replyDom]);
};
}
});
exports["default"] = _Comment;
//# sourceMappingURL=comment.js.map