UNPKG

song-ui-u

Version:

vue3 + js的PC前端组件库

1 lines 2.24 kB
{"version":3,"file":"mask.mjs","sources":["../../../../../packages/components/mask/src/mask.js"],"sourcesContent":["import { createVNode, defineComponent, h, renderSlot, ref } from \"vue\";\nimport { useNamespace, zIndex } from \"@ui-library/hook\";\nimport { useZindex } from \"@ui-library/hook\";\nexport default defineComponent({\n name: \"x-mask\",\n props: {\n mask: {\n type: Boolean,\n default: true,\n },\n maskClose: {\n type: Boolean,\n default: true,\n },\n },\n setup(props, { emit, slots }) {\n const ns = useNamespace(\"mask\");\n const { nextZindex, currentZindex } = useZindex();\n nextZindex();\n // 关闭事件\n const onClose = () => {\n if (!props.maskClose) {\n return;\n }\n emit(\"close\");\n };\n return () => {\n return createVNode(\n \"div\",\n {\n class: [ns.b()],\n style: [{ zIndex: currentZindex.value }],\n },\n [\n h(\"span\", {\n class: props.mask ? ns.e(\"wrap\") : \"\",\n onClick: () => onClose(),\n }),\n renderSlot(slots, \"default\"),\n ]\n );\n };\n },\n});\n"],"names":[],"mappings":";;;;;AAGA,WAAe,eAAgB,CAAA;AAAA,EAC7B,IAAM,EAAA,QAAA;AAAA,EACN,KAAO,EAAA;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,IAAM,EAAA,OAAA;AAAA,MACN,OAAS,EAAA,IAAA;AAAA,KACX;AAAA,IACA,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,OAAA;AAAA,MACN,OAAS,EAAA,IAAA;AAAA,KACX;AAAA,GACF;AAAA,EACA,KAAM,CAAA,KAAA,EAAO,EAAE,IAAA,EAAM,OAAS,EAAA;AAC5B,IAAM,MAAA,EAAA,GAAK,aAAa,MAAM,CAAA,CAAA;AAC9B,IAAA,MAAM,EAAE,UAAA,EAAY,aAAc,EAAA,GAAI,SAAU,EAAA,CAAA;AAChD,IAAW,UAAA,EAAA,CAAA;AAEX,IAAA,MAAM,UAAU,MAAM;AACpB,MAAI,IAAA,CAAC,MAAM,SAAW,EAAA;AACpB,QAAA,OAAA;AAAA,OACF;AACA,MAAA,IAAA,CAAK,OAAO,CAAA,CAAA;AAAA,KACd,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAO,OAAA,WAAA;AAAA,QACL,KAAA;AAAA,QACA;AAAA,UACE,KAAO,EAAA,CAAC,EAAG,CAAA,CAAA,EAAG,CAAA;AAAA,UACd,OAAO,CAAC,EAAE,MAAQ,EAAA,aAAA,CAAc,OAAO,CAAA;AAAA,SACzC;AAAA,QACA;AAAA,UACE,EAAE,MAAQ,EAAA;AAAA,YACR,OAAO,KAAM,CAAA,IAAA,GAAO,EAAG,CAAA,CAAA,CAAE,MAAM,CAAI,GAAA,EAAA;AAAA,YACnC,OAAA,EAAS,MAAM,OAAQ,EAAA;AAAA,WACxB,CAAA;AAAA,UACD,UAAA,CAAW,OAAO,SAAS,CAAA;AAAA,SAC7B;AAAA,OACF,CAAA;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}