tdesign-vue-next
Version:
TDesign Component for vue-next
71 lines (67 loc) • 3.05 kB
JavaScript
/**
* tdesign v1.20.0
* (c) 2026 tdesign
* @license MIT
*/
import { defineComponent, computed, createVNode } from 'vue';
import { _ as _toConsumableArray } from '../_chunks/dep-3a6b2289.mjs';
import { _ as _defineProperty } from '../_chunks/dep-e25ecc4b.mjs';
import { b as useContent, a as useTNodeJSX, u as usePrefixClass, c as useCommonClassName, e as useDisabled } from '../_chunks/dep-6e1ec500.mjs';
import props from './props.mjs';
import { useConfig } from '../config-provider/hooks/useConfig.mjs';
import '../_chunks/dep-1e8a6a5e.mjs';
import '../_chunks/dep-7e80b480.mjs';
import 'lodash-es';
import '../_chunks/dep-98b885ec.mjs';
import '../_chunks/dep-c53b1c81.mjs';
import '../_chunks/dep-67ace303.mjs';
import '../_chunks/dep-a1cffe73.mjs';
import '../_chunks/dep-8768d1f1.mjs';
import '../_chunks/dep-68c88886.mjs';
import '../config-provider/utils/context.mjs';
import '../_chunks/dep-fc168c9c.mjs';
import '../_chunks/dep-2242b0fd.mjs';
import '../_chunks/dep-b9ecb840.mjs';
import '../_chunks/dep-dfce43be.mjs';
import '../_chunks/dep-d9965fa1.mjs';
var _Link = defineComponent({
name: "TLink",
props: props,
emits: ["click"],
setup: function setup(props2, _ref) {
var emit = _ref.emit;
var renderContent = useContent();
var renderTNodeJSX = useTNodeJSX();
var COMPONENT_NAME = usePrefixClass("link");
var _useCommonClassName = useCommonClassName(),
STATUS = _useCommonClassName.STATUS,
SIZE = _useCommonClassName.SIZE;
var _useConfig = useConfig("classPrefix"),
classPrefix = _useConfig.classPrefix;
var isDisabled = useDisabled();
var linkClass = computed(function () {
return ["".concat(COMPONENT_NAME.value), "".concat(COMPONENT_NAME.value, "--theme-").concat(props2.theme), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, SIZE.value[props2.size], props2.size !== "medium"), STATUS.value.disabled, isDisabled.value), "".concat(classPrefix.value, "-is-underline"), props2.underline), "".concat(COMPONENT_NAME.value, "--hover-").concat(props2.hover), !isDisabled.value)];
});
var handleClick = function handleClick(event) {
if (!isDisabled.value) emit("click", event);
};
return function () {
var linkContent = renderContent("default", "content");
var prefix = renderTNodeJSX("prefixIcon");
var suffix = renderTNodeJSX("suffixIcon");
return createVNode("a", {
"class": _toConsumableArray(linkClass.value),
"href": isDisabled.value || !props2.href ? void 0 : props2.href,
"target": !props2.target ? void 0 : props2.target,
"download": !props2.download ? void 0 : props2.download,
"onClick": handleClick
}, [prefix ? createVNode("span", {
"class": "".concat(COMPONENT_NAME.value, "__prefix-icon")
}, [prefix]) : null, linkContent, suffix ? createVNode("span", {
"class": "".concat(COMPONENT_NAME.value, "__suffix-icon")
}, [suffix]) : null]);
};
}
});
export { _Link as default };
//# sourceMappingURL=link.mjs.map