UNPKG

tdesign-mobile-vue

Version:
162 lines (158 loc) 5.88 kB
/** * tdesign v1.9.3 * (c) 2025 TDesign Group * @license MIT */ import { defineComponent, toRefs, ref, watch, createVNode, h } from 'vue'; import { Popup } from '../popup/index.mjs'; import config from '../config.mjs'; import props from './props.mjs'; import { useTNodeJSX } from '../hooks/tnode.mjs'; import { usePrefixClass } from '../hooks/useClass.mjs'; import '../popup/popup.mjs'; import '../_chunks/dep-900db0e1.mjs'; import '../_chunks/dep-4915223e.mjs'; import '../_chunks/dep-26b97ced.mjs'; import '../_chunks/dep-a953013f.mjs'; import 'tdesign-icons-vue-next'; import '../popup/props.mjs'; import '../overlay/index.mjs'; import '../overlay/overlay.mjs'; import '../shared/dom.mjs'; import 'lodash-es'; import '../overlay/props.mjs'; import '../shared/index.mjs'; import '../shared/functions.mjs'; import '../shared/util.mjs'; import '../shared/component.mjs'; import '../shared/render.mjs'; import '../shared/render-tnode.mjs'; import '../shared/useCountDown/index.mjs'; import '../_chunks/dep-99e43b7b.mjs'; import '../_chunks/dep-6b2b02fd.mjs'; import '@vueuse/core'; import '../shared/useCountDown/utils.mjs'; import '../shared/useTouch/index.mjs'; import '../shared/useScrollParent/index.mjs'; import '../shared/useTest/index.mjs'; import '../shared/useClickAway/index.mjs'; import '../_chunks/dep-fb4113ef.mjs'; import '../shared/hover.mjs'; import '../config-provider/useConfig.mjs'; 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-c6f44a15.mjs'; import '../_chunks/dep-c984d53e.mjs'; import '../config-provider/type.mjs'; import './style/css.mjs'; import '../hooks/render-tnode.mjs'; import '../_common/js/utils/general.mjs'; import '../hooks/useVModel.mjs'; import '../hooks/useLockScroll.mjs'; import '../_util/useTouch.mjs'; import '../_util/getScrollParent.mjs'; import '../hooks/useTeleport.mjs'; import '../popup/type.mjs'; var prefix = config.prefix; var _Drawer = defineComponent({ name: "".concat(prefix, "-drawer"), props: props, emits: ["update:visible", "itemClick", "overlayClick"], setup: function setup(props2, context) { var renderTNodeJSX = useTNodeJSX(); var drawerClass = usePrefixClass("drawer"); var _toRefs = toRefs(props2), visible = _toRefs.visible, showOverlay = _toRefs.showOverlay; var open = ref(visible.value || false); watch(open, function () { context.emit("update:visible", open.value); }); watch(visible, function () { open.value = visible.value; }); var onItemClick = function onItemClick(index, item, context2) { var _props2$onItemClick; (_props2$onItemClick = props2.onItemClick) === null || _props2$onItemClick === void 0 || _props2$onItemClick.call(props2, index, item, context2); }; var onVisibleChange = function onVisibleChange(visible2) { if (showOverlay.value) { var _props2$onOverlayClic; (_props2$onOverlayClic = props2.onOverlayClick) === null || _props2$onOverlayClic === void 0 || _props2$onOverlayClic.call(props2, { visible: visible2 }); } }; var onClose = function onClose() { var _props2$onClose; (_props2$onClose = props2.onClose) === null || _props2$onClose === void 0 || _props2$onClose.call(props2, "overlay"); }; return function () { var attach = props2.attach, zIndex = props2.zIndex, closeOnOverlayClick = props2.closeOnOverlayClick, destroyOnClose = props2.destroyOnClose, items = props2.items, placement = props2.placement, showOverlay2 = props2.showOverlay; var renderTitleNode = function renderTitleNode() { var titleNode = renderTNodeJSX("title"); if (!titleNode) { return null; } return createVNode("div", { "class": "".concat(drawerClass.value, "__title") }, [titleNode]); }; var renderFooterNode = function renderFooterNode() { var footerNode = renderTNodeJSX("footer"); if (!footerNode) { return null; } return createVNode("div", { "class": "".concat(drawerClass.value, "__footer") }, [footerNode]); }; return createVNode(Popup, { "modelValue": open.value, "onUpdate:modelValue": function onUpdateModelValue($event) { return open.value = $event; }, "placement": placement, "attach": attach, "showOverlay": showOverlay2, "zIndex": zIndex, "closeOnOverlayClick": closeOnOverlayClick, "destroyOnClose": destroyOnClose, "onVisibleChange": onVisibleChange, "onClose": onClose }, { default: function _default() { return [createVNode("div", { "class": "".concat(drawerClass.value) }, [renderTitleNode(), renderTNodeJSX("default"), createVNode("div", { "class": "".concat(drawerClass.value, "__sidebar") }, [(items || []).map(function (item, index) { return createVNode("div", { "key": item.title, "class": "".concat(drawerClass.value, "__sidebar-item"), "onClick": function onClick(e) { return onItemClick(index, item, { e: e }); } }, [item.icon && createVNode("span", { "class": "".concat(drawerClass.value, "__sidebar-item-icon") }, [item.icon(h)]), createVNode("div", { "class": "".concat(drawerClass.value, "__sidebar-item-title") }, [item.title])]); })]), renderFooterNode()])]; } }); }; } }); export { _Drawer as default }; //# sourceMappingURL=drawer.mjs.map