@vuesax-alpha/nightly
Version:
A Component Library for Vue 3
1 lines • 3.87 kB
Source Map (JSON)
{"version":3,"file":"popconfirm.mjs","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n <vs-popper\n ref=\"tooltipRef\"\n trigger=\"click\"\n color=\"light\"\n v-bind=\"$attrs\"\n :animation=\"animation\"\n :popper-class=\"`${ns.namespace.value}-popconfirm`\"\n :popper-style=\"style\"\n :teleported=\"teleported\"\n :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n :hide-after=\"hideAfter\"\n :persistent=\"persistent\"\n >\n <template #content>\n <div :class=\"ns.e('main')\">\n <vs-icon\n v-if=\"!hideIcon && icon\"\n :class=\"ns.e('icon')\"\n :style=\"{ color: iconColor }\"\n size=\"26\"\n >\n <component :is=\"icon\" />\n </vs-icon>\n {{ title }}\n </div>\n <div :class=\"ns.e('action')\">\n <vs-button\n :size=\"cancelButtonSize\"\n :color=\"cancelButtonColor\"\n :type=\"cancelButtonType\"\n @click=\"cancel\"\n >\n {{ finalCancelButtonText }}\n </vs-button>\n <vs-button\n :size=\"confirmButtonSize\"\n :color=\"confirmButtonColor\"\n :type=\"confirmButtonType\"\n @click=\"confirm\"\n >\n {{ finalConfirmButtonText }}\n </vs-button>\n </div>\n </template>\n <template v-if=\"$slots.reference\">\n <slot name=\"reference\" />\n </template>\n </vs-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport VsButton from '@vuesax-alpha/components/button'\nimport VsIcon from '@vuesax-alpha/components/icon'\nimport VsPopper from '@vuesax-alpha/components/popper'\nimport { useLocale, useNamespace } from '@vuesax-alpha/hooks'\nimport { addUnit } from '@vuesax-alpha/utils'\nimport { popconfirmEmits, popconfirmProps } from './popconfirm'\n\nimport type { PopperInstance } from '@vuesax-alpha/components/popper'\n\ndefineOptions({\n name: 'VsPopconfirm',\n})\n\nconst props = defineProps(popconfirmProps)\nconst emit = defineEmits(popconfirmEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('popconfirm')\nconst tooltipRef = ref<PopperInstance>()\n\nconst hidePopper = () => {\n tooltipRef.value?.hide()\n}\n\nconst style = computed(() => {\n return {\n width: addUnit(props.width),\n }\n})\n\nconst confirm = (e: MouseEvent) => {\n emit('confirm', e)\n hidePopper()\n}\nconst cancel = (e: MouseEvent) => {\n emit('cancel', e)\n hidePopper()\n}\n\nconst finalConfirmButtonText = computed(\n () => props.confirmButtonText || t('vs.popconfirm.confirmButtonText')\n)\nconst finalCancelButtonText = computed(\n () => props.cancelButtonText || t('vs.popconfirm.cancelButtonText')\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;mCA8Dc,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKM,IAAA,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AAClB,IAAA,MAAA,EAAA,GAAK,aAAa,YAAY,CAAA,CAAA;AACpC,IAAA,MAAM,aAAa,GAAoB,EAAA,CAAA;AAEvC,IAAA,MAAM,aAAa,MAAM;;AACvB,MAAA,CAAA,EAAA,GAAA,UAAA,CAAW,UAAX,IAAkB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,EAAA,CAAA;AAAA,KACpB,CAAA;AAEM,IAAA,MAAA,KAAA,GAAQ,SAAS,MAAM;AACpB,MAAA,OAAA;AAAA,QACL,KAAA,EAAO,OAAQ,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,OAC5B,CAAA;AAAA,KACD,CAAA,CAAA;AAEK,IAAA,MAAA,OAAA,GAAU,CAAC,CAAkB,KAAA;AACjC,MAAA,IAAA,CAAK,WAAW,CAAC,CAAA,CAAA;AACN,MAAA,UAAA,EAAA,CAAA;AAAA,KACb,CAAA;AACM,IAAA,MAAA,MAAA,GAAS,CAAC,CAAkB,KAAA;AAChC,MAAA,IAAA,CAAK,UAAU,CAAC,CAAA,CAAA;AACL,MAAA,UAAA,EAAA,CAAA;AAAA,KACb,CAAA;AAEA,IAAA,MAAM,sBAAyB,GAAA,QAAA;AAAA,MAC7B,MAAM,KAAA,CAAM,iBAAqB,IAAA,CAAA,CAAE,iCAAiC,CAAA;AAAA,KACtE,CAAA;AACA,IAAA,MAAM,qBAAwB,GAAA,QAAA;AAAA,MAC5B,MAAM,KAAA,CAAM,gBAAoB,IAAA,CAAA,CAAE,gCAAgC,CAAA;AAAA,KACpE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}