xdesign-vue-next
Version:
XDesign Component for vue-next
1 lines • 2.05 kB
Source Map (JSON)
{"version":3,"file":"gradient.mjs","sources":["../../../src/loading/icon/gradient.tsx"],"sourcesContent":["import { defineComponent, onMounted, getCurrentInstance, nextTick } from 'vue';\nimport circleAdapter from '../../_common/js/loading/circle-adapter';\nimport { usePrefixClass } from '../../hooks/useConfig';\n\nexport default defineComponent({\n name: 'XLoadingGradient',\n\n setup() {\n const classPrefix = usePrefixClass();\n onMounted(() => {\n const circleElem = getCurrentInstance().refs.circle as HTMLElement;\n nextTick(() => {\n circleAdapter(circleElem);\n });\n });\n return {\n classPrefix,\n };\n },\n render() {\n const { classPrefix } = this;\n const name = `${classPrefix}-loading__gradient`;\n\n const classes = [name, `${classPrefix}-icon-loading`];\n return (\n <svg\n class={classes}\n viewBox=\"0 0 12 12\"\n version=\"1.1\"\n width=\"1em\"\n height=\"1em\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <foreignObject x=\"0\" y=\"0\" width=\"12\" height=\"12\">\n <div class={`${name}-conic`} ref=\"circle\" />\n </foreignObject>\n </svg>\n );\n },\n});\n"],"names":["name","onMounted","nextTick","classPrefix","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAA,eAAA,CAAA;AACEA,EAAAA,IAAAA,EAAAA,kBAAAA;;AAGE,IAAA,IAAA,WAAA,GAAA,cAAA,EAAA,CAAA;AACAC,IAAAA,SAAAA,CAAAA,YAAAA;;AAEEC,MAAAA,QAAAA,CAAAA,YAAAA;;AAEA,OAAA,CAAA,CAAA;AACF,KAAA,CAAA,CAAA;;AAEEC,MAAAA,WAAAA,EAAAA,WAAAA;;;;AAII,IAAA,IAAA,WAAA,GAAA,IAAA,CAAA,WAAA,CAAA;AACN,IAAA,IAAA,IAAA,GAAA,EAAA,CAAA,MAAA,CAAA,WAAA,EAAA,oBAAA,CAAA,CAAA;;AAGA,IAAA,OAAAC,WAAA,CAAA,KAAA,EAAA;AAAA,MAAA,OAAA,EAAA,OAAA;AAEW,MAAA,SAAA,EAAA,WAAA;AAEP,MAAA,SAAA,EAAA,KAAA;AACA,MAAA,OAAA,EAAA,KAAA;;;AAEM,KAAA,EAAA,CAAAA,WAAA,CAAA,eAAA,EAAA;AAAA,MAAA,GAAA,EAAA,GAAA;AAEe,MAAA,GAAA,EAAA,GAAA;AAAM,MAAA,OAAA,EAAA,IAAA;;;;;AACQ,KAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAIzC,GAAA;AACF,CAAA,CAAA;;;;"}