UNPKG

tdesign-mobile-vue

Version:
200 lines (196 loc) 7.34 kB
/** * tdesign v1.7.0 * (c) 2024 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-219bb5a7.mjs'; import '../_chunks/dep-620d73f7.mjs'; import '../_chunks/dep-cd74809c.mjs'; import '../_chunks/dep-8d37dbf8.mjs'; import 'tdesign-icons-vue-next'; import '../popup/props.mjs'; import '../overlay/index.mjs'; import '../overlay/overlay.mjs'; import '../shared/dom.mjs'; import '../_chunks/dep-91d696ea.mjs'; import '../_chunks/dep-8bf3054e.mjs'; import '../_chunks/dep-3d249f65.mjs'; import '../_chunks/dep-e6c129ab.mjs'; import '../_chunks/dep-6303c50c.mjs'; import '../_chunks/dep-019e292f.mjs'; import '../_chunks/dep-32364550.mjs'; import '../_chunks/dep-9b2de386.mjs'; import '../overlay/props.mjs'; import '../shared/index.mjs'; import '../shared/functions.mjs'; import '../shared/util.mjs'; import '../_chunks/dep-52fdc8e1.mjs'; import '../shared/component.mjs'; import '../shared/constants.mjs'; import '../shared/render.mjs'; import '../_chunks/dep-60cadef8.mjs'; import '../_chunks/dep-8140c29b.mjs'; import '../_chunks/dep-0d52e58f.mjs'; import '../_chunks/dep-a836a38c.mjs'; import '../_chunks/dep-0ea7bbde.mjs'; import '../_chunks/dep-b437ef0b.mjs'; import '../shared/render-tnode.mjs'; import '../shared/useToggle/index.mjs'; import '../shared/useCountDown/index.mjs'; import '../_chunks/dep-80e4de18.mjs'; import '@vueuse/core'; import '../shared/useCountDown/utils.mjs'; import '../shared/useDefault/index.mjs'; import '../shared/useChildSlots/index.mjs'; import '../_chunks/dep-f0f403be.mjs'; import '../shared/useVModel/index.mjs'; import '../_chunks/dep-6917b9bc.mjs'; import '../shared/useTouch/index.mjs'; import '../shared/useScrollParent/index.mjs'; import '../shared/useExpose/index.mjs'; import '../shared/useTest/index.mjs'; import '../shared/useClickAway/index.mjs'; import '../shared/useGesture/index.mjs'; import '@use-gesture/vanilla'; import '../shared/hover.mjs'; import './style/css.mjs'; import '../_chunks/dep-b9b8ead5.mjs'; import '../_chunks/dep-6c53a3e4.mjs'; import '../_chunks/dep-d2161895.mjs'; import '../_chunks/dep-89951f45.mjs'; import '../_chunks/dep-08bc7a4c.mjs'; import '../_chunks/dep-6bc862af.mjs'; import '../_chunks/dep-4931819d.mjs'; import '../_chunks/dep-10f4d030.mjs'; import '../_chunks/dep-8ee6f5cd.mjs'; import '../_chunks/dep-e57d46f3.mjs'; import '../_chunks/dep-4f44985d.mjs'; import '../_chunks/dep-b84be35c.mjs'; import '../_chunks/dep-933f3a85.mjs'; import '../_chunks/dep-2bce42ea.mjs'; import '../_chunks/dep-ac139980.mjs'; import '../_chunks/dep-154c1925.mjs'; import '../_chunks/dep-ba131d9c.mjs'; import '../_chunks/dep-007f294e.mjs'; import '../_common/js/global-config/mobile/default-config.mjs'; import '../_common/js/global-config/mobile/locale/zh_CN.mjs'; import '../_chunks/dep-161f0c44.mjs'; import '../_chunks/dep-5fd0eaa4.mjs'; import '../_chunks/dep-3c59bf72.mjs'; import '../config-provider/type.mjs'; import '../hooks/render-tnode.mjs'; import '../_chunks/dep-40507aac.mjs'; import '../hooks/useLockScroll.mjs'; import '../_util/useTouch.mjs'; import '../_util/getScrollParent.mjs'; import '../_util/supportsPassive.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