UNPKG

tdesign-mobile-vue

Version:
120 lines (116 loc) 4.92 kB
/** * tdesign v1.9.3 * (c) 2025 TDesign Group * @license MIT */ import { _ as _defineProperty } from '../_chunks/dep-900db0e1.mjs'; import { defineComponent, computed, createVNode, resolveComponent } from 'vue'; import { ChevronLeftIcon } from 'tdesign-icons-vue-next'; import config from '../config.mjs'; import props from './props.mjs'; import { usePrefixClass } from '../hooks/useClass.mjs'; import { useTNodeJSX } from '../hooks/tnode.mjs'; import '../_chunks/dep-4915223e.mjs'; import '../config-provider/useConfig.mjs'; import 'lodash-es'; import '../config-provider/context.mjs'; import '../_common/js/global-config/mobile/default-config.mjs'; import '../_common/js/global-config/mobile/locale/zh_CN.mjs'; import '../_chunks/dep-bca0f578.mjs'; import '../_chunks/dep-6b2b02fd.mjs'; import '../_chunks/dep-c6f44a15.mjs'; import '../_chunks/dep-c984d53e.mjs'; import '../config-provider/type.mjs'; import '../hooks/render-tnode.mjs'; import '../_common/js/utils/general.mjs'; var prefix = config.prefix; var _Navbar = defineComponent({ name: "".concat(prefix, "-navbar"), components: { TChevronLeftIcon: ChevronLeftIcon }, props: props, emits: ["left-click", "right-click"], setup: function setup(props2, _ref) { var slots = _ref.slots; var classPrefix = usePrefixClass(); var navbarClass = usePrefixClass("navbar"); var renderTNodeJSX = useTNodeJSX(); var animationSuffix = computed(function () { return props2.animation ? "-animation" : ""; }); var navClass = computed(function () { return [navbarClass.value, _defineProperty(_defineProperty({}, "".concat(navbarClass.value, "--fixed"), props2.fixed), "".concat(classPrefix.value, "-safe-area-top "), props2.safeAreaInsetTop), props2.visible ? "".concat(navbarClass.value, "--visible").concat(animationSuffix.value) : "".concat(navbarClass.value, "--hide").concat(animationSuffix.value)]; }); var navStyle = computed(function () { return "position: ".concat(props2.fixed ? "fixed" : "relative", ";"); }); var handleLeftClick = function handleLeftClick() { var _props2$onLeftClick; (_props2$onLeftClick = props2.onLeftClick) === null || _props2$onLeftClick === void 0 || _props2$onLeftClick.call(props2); }; var handleRightClick = function handleRightClick() { var _props2$onRightClick; (_props2$onRightClick = props2.onRightClick) === null || _props2$onRightClick === void 0 || _props2$onRightClick.call(props2); }; return function () { var fixed = props2.fixed, titleMaxLength = props2.titleMaxLength, title = props2.title, leftArrow = props2.leftArrow; var renderRightContent = function renderRightContent() { var rightContent = renderTNodeJSX("right"); if (!rightContent) { return null; } return createVNode("div", { "class": "".concat(navbarClass.value, "__right"), "onClick": handleRightClick }, [rightContent]); }; var renderCapsuleContent = function renderCapsuleContent() { var capsuleContent = renderTNodeJSX("capsule"); if (!capsuleContent) { return null; } return createVNode("div", { "class": "".concat(navbarClass.value, "__capsule") }, [capsuleContent]); }; var renderTitleContent = function renderTitleContent() { var isStringTitle = typeof title === "string" && !slots.title; var titleContent = renderTNodeJSX("title"); if (!titleContent) { return null; } if (titleMaxLength != null && title) { if (titleMaxLength <= 0) { console.warn("titleMaxLength must be greater than 0"); } else { titleContent = title.length <= titleMaxLength ? title : "".concat(title.slice(0, titleMaxLength), "..."); } } return isStringTitle ? createVNode("span", { "class": "".concat(navbarClass.value, "__center-title") }, [titleContent]) : titleContent; }; return createVNode("div", { "class": navClass.value, "style": navStyle.value }, [fixed && createVNode("div", { "class": "".concat(navbarClass.value, "____placeholder") }, null), createVNode("div", { "class": "".concat(navbarClass.value, "__content") }, [createVNode("div", { "class": "".concat(navbarClass.value, "__left"), "onClick": handleLeftClick }, [leftArrow && createVNode(resolveComponent("t-chevron-left-icon"), { "class": "".concat(navbarClass.value, "__left-arrow") }, null), renderTNodeJSX("left"), renderCapsuleContent()]), createVNode("div", { "class": "".concat(navbarClass.value, "__center") }, [renderTitleContent()]), renderRightContent()])]); }; } }); export { _Navbar as default }; //# sourceMappingURL=navbar.mjs.map