hongluan-ui
Version:
Hongluan Component Library for Vue 3
1 lines • 1.49 kB
Source Map (JSON)
{"version":3,"file":"backtop2.mjs","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n <transition name=\"fade\">\n <div\n v-if=\"visible\"\n :style=\"backTopStyle\"\n :class=\"namespace\"\n @click.stop=\"handleClick\"\n >\n <slot>\n <hl-icon name=\"chevronsTop\" :opacity=\"0\">\n <system-arrow-up />\n </hl-icon>\n </slot>\n </div>\n </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport HlIcon from '@hongluan-ui/components/icon'\nimport { SystemArrowUp } from '@hongluan-ui/components/system-icon'\nimport { useNamespace } from '@hongluan-ui/hooks'\nimport { backtopEmits, backtopProps } from './backtop'\nimport { useBackTop } from './use-backtop'\n\nconst COMPONENT_NAME = 'Backtop'\n\ndefineOptions({\n name: COMPONENT_NAME,\n})\n\nconst props = defineProps(backtopProps)\nconst emit = defineEmits(backtopEmits)\n\nconst { namespace } = useNamespace('backtop')\n\nconst { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME)\n\nconst backTopStyle = computed(() => ({\n right: `${props.right}px`,\n bottom: `${props.bottom}px`,\n}))\n</script>\n"],"names":[],"mappings":";;;;;;;;;;oCA2Bc;AAAA,EACZ,MAAM;AACR;;;;;;;AAKA,UAAM,EAAE,cAAc,aAAa,SAAS;AAE5C,UAAM,EAAE,aAAa,YAAY,WAAW,OAAO,MAAM,cAAc;AAEvE,UAAM,eAAe,SAAS;AAAO,MACnC,OAAO,GAAG,MAAM;AAAA,MAChB,QAAQ,GAAG,MAAM;AAAA,MACjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}