xdesign-vue-next
Version:
XDesign Component for vue-next
1 lines • 2.29 kB
Source Map (JSON)
{"version":3,"file":"fake-arrow.mjs","sources":["../../src/common-components/fake-arrow.tsx"],"sourcesContent":["import { defineComponent, PropType, computed, CSSProperties } from 'vue';\nimport { usePrefixClass } from '../hooks/useConfig';\n\n// 统一使用的翻转箭头组件\nexport default defineComponent({\n name: 'XFakeArrow',\n props: {\n // 是否active状态 active状态下箭头向上翻转\n isActive: {\n type: Boolean as PropType<boolean>,\n },\n overlayClassName: {\n type: [String, Object, Array],\n },\n overlayStyle: {\n type: Object || (String as PropType<string | CSSProperties>),\n },\n },\n\n setup(props) {\n const COMPONENT_NAME = usePrefixClass('fake-arrow');\n const classes = computed(() => [\n COMPONENT_NAME.value,\n {\n [`${COMPONENT_NAME.value}--active`]: props.isActive,\n },\n props.overlayClassName,\n ]);\n return {\n classes,\n };\n },\n\n render() {\n return (\n <svg\n class={this.classes}\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n style={this.overlayStyle}\n >\n <path d=\"M3.75 5.7998L7.99274 10.0425L12.2361 5.79921\" stroke=\"black\" stroke-opacity=\"0.9\" stroke-width=\"1.3\" />\n </svg>\n );\n },\n});\n"],"names":["name","props","isActive","type","overlayClassName","overlayStyle","classes","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,gBAAA,eAAA,CAAA;AACEA,EAAAA,IAAAA,EAAAA,YAAAA;AACAC,EAAAA,KAAAA,EAAAA;AAEEC,IAAAA,QAAAA,EAAAA;AACEC,MAAAA,IAAAA,EAAAA,OAAAA;;AAEFC,IAAAA,gBAAAA,EAAAA;AACED,MAAAA,IAAAA,EAAAA,CAAAA,MAAAA,EAAAA,MAAAA,EAAAA,KAAAA,CAAAA;;AAEFE,IAAAA,YAAAA,EAAAA;;AAEA,KAAA;;;AAIM,IAAA,IAAA,cAAA,GAAA,cAAA,CAAA,YAAA,CAAA,CAAA;;;;;AASJC,MAAAA,OAAAA,EAAAA,OAAAA;;;;AAKF,IAAA,OAAAC,WAAA,CAAA,KAAA,EAAA;;AAGI,MAAA,OAAA,EAAA,IAAA;AACA,MAAA,QAAA,EAAA,IAAA;AACA,MAAA,SAAA,EAAA,WAAA;AACA,MAAA,MAAA,EAAA,MAAA;AACA,MAAA,OAAA,EAAA,4BAAA;AACA,MAAA,OAAA,EAAA,IAAA,CAAA,YAAA;AAAY,KAAA,EAAA,CAAAA,WAAA,CAAA,MAAA,EAAA;AAAA,MAAA,GAAA,EAAA,8CAAA;AAEJ,MAAA,QAAA,EAAA,OAAA;AAAsD,MAAA,gBAAA,EAAA,KAAA;;AAA0C,KAAA,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAG9G,GAAA;AACF,CAAA,CAAA;;;;"}