|
1
|
+<template>
|
|
2
|
+ <div class="go-content-box">
|
|
3
|
+ <svg
|
|
4
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
5
|
+ xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
6
|
+ :width="w"
|
|
7
|
+ :height="h"
|
|
8
|
+ viewBox="0 0 224 376"
|
|
9
|
+ fill="none"
|
|
10
|
+ >
|
|
11
|
+ <g opacity="1" transform="translate(0 0.001220703125) rotate(0)">
|
|
12
|
+ <g opacity="1" transform="translate(0 0) rotate(0)">
|
|
13
|
+ <path
|
|
14
|
+ id="矩形"
|
|
15
|
+ fill-rule="evenodd"
|
|
16
|
+ fill="url(#decorates12_linear_0)"
|
|
17
|
+ opacity="0.46"
|
|
18
|
+ d="M46.9482 38.8088L46.9482 264.179L46.9482 264.179C88.0582 280.529 133.868 280.469 174.938 264.029L178.038 262.789L178.038 38.2088C178.038 17.1688 160.868 0.178779 139.828 0.408779L84.3382 1.00878C63.6182 1.22878 46.9482 18.0888 46.9482 38.8088Z"
|
|
19
|
+ />
|
|
20
|
+ <path
|
|
21
|
+ id="矩形"
|
|
22
|
+ fill-rule="evenodd"
|
|
23
|
+ fill="url(#decorates12_linear_1)"
|
|
24
|
+ opacity="0.46"
|
|
25
|
+ d="M5.23877 39.1888L5.23877 299.189L7.29877 300.619C71.6488 345.299 157.469 343.369 219.749 295.849L219.749 295.849L219.749 38.0988C219.749 17.1088 202.639 0.128779 181.649 0.298779L42.7388 1.38878C21.9788 1.54878 5.23877 18.4288 5.23877 39.1888Z"
|
|
26
|
+ />
|
|
27
|
+ <path
|
|
28
|
+ id="椭圆形"
|
|
29
|
+ style="fill: url(#linear_2); opacity: 100"
|
|
30
|
+ d="M176.132,255.616c0,-0.672 -0.19567,-1.38533 -0.587,-2.14c-0.53133,-1.026 -1.384,-2.08767 -2.558,-3.185c-1.36533,-1.276 -3.085,-2.52067 -5.159,-3.734c-2.202,-1.28867 -4.727,-2.49567 -7.575,-3.621c-2.936,-1.16133 -6.13933,-2.20533 -9.61,-3.132c-3.556,-0.95 -7.31467,-1.75633 -11.276,-2.419c-8.324,-1.39267 -17.059,-2.089 -26.205,-2.089c-9.1442,0 -17.87737,0.69633 -26.1995,2.089c-3.96093,0.66267 -7.7192,1.469 -11.2748,2.419c-3.47027,0.92667 -6.6732,1.97033 -9.6088,3.131c-2.84733,1.126 -5.37187,2.33333 -7.5736,3.622c-2.07413,1.21333 -3.79387,2.458 -5.1592,3.734c-1.174,1.09733 -2.02673,2.159 -2.5582,3.185c-0.39087,0.75467 -0.5863,1.468 -0.5863,2.14c0,0.674 0.1956,1.38867 0.5868,2.144c0.53153,1.02733 1.38423,2.08933 2.5581,3.186c1.36513,1.276 3.08467,2.52067 5.1586,3.734c2.20153,1.288 4.72593,2.495 7.5732,3.621c2.9354,1.16 6.1383,2.20333 9.6087,3.13c3.55547,0.95 7.31373,1.756 11.2748,2.418c8.3216,1.39133 17.055,2.087 26.2002,2.087c9.14733,0 17.88233,-0.69567 26.205,-2.087c3.962,-0.662 7.721,-1.468 11.277,-2.418c3.47067,-0.92667 6.674,-1.97 9.61,-3.13c2.84733,-1.126 5.372,-2.333 7.574,-3.621c2.074,-1.21333 3.79367,-2.458 5.159,-3.734c1.174,-1.09733 2.02667,-2.15933 2.558,-3.186c0.39133,-0.75533 0.587,-1.47 0.587,-2.144zM191.252,255.616c0,3.128 -0.76,6.15967 -2.28,9.095c-1.33067,2.57067 -3.21767,4.998 -5.661,7.282c-2.18733,2.04333 -4.80333,3.956 -7.848,5.738c-2.868,1.678 -6.085,3.22167 -9.651,4.631c-3.478,1.37467 -7.23367,2.60067 -11.267,3.678c-4.02067,1.07333 -8.24867,1.98067 -12.684,2.722c-9.14867,1.52933 -18.715,2.294 -28.699,2.294c-9.98207,0 -19.54663,-0.76467 -28.6937,-2.294c-4.4352,-0.74133 -8.66273,-1.649 -12.6826,-2.723c-4.03327,-1.07667 -7.78853,-2.30233 -11.2658,-3.677c-3.5656,-1.40933 -6.7825,-2.95333 -9.6507,-4.632c-3.04447,-1.78133 -5.66007,-3.69367 -7.8468,-5.737c-2.4438,-2.284 -4.331,-4.71133 -5.6616,-7.282c-1.51947,-2.93533 -2.2792,-5.967 -2.2792,-9.095c0,-3.12667 0.7599,-6.15767 2.2797,-9.093c1.3306,-2.56933 3.21777,-4.99567 5.6615,-7.279c2.1866,-2.04333 4.80203,-3.95567 7.8463,-5.737c2.86813,-1.67867 6.08487,-3.22267 9.6502,-4.632c3.47733,-1.37533 7.23257,-2.60167 11.2657,-3.679c4.02007,-1.074 8.2476,-1.982 12.6826,-2.724c9.14807,-1.53067 18.71287,-2.296 28.6944,-2.296c9.98333,0 19.54967,0.76533 28.699,2.296c4.436,0.742 8.66433,1.65 12.685,2.724c4.03333,1.07733 7.78867,2.30367 11.266,3.679c3.566,1.40933 6.783,2.95333 9.651,4.632c3.04467,1.78133 5.66033,3.69367 7.847,5.737c2.444,2.28333 4.33133,4.70967 5.662,7.279c1.52,2.93533 2.28,5.96633 2.28,9.093z"
|
|
31
|
+ />
|
|
32
|
+ <path
|
|
33
|
+ id="椭圆形"
|
|
34
|
+ style="fill: url(#linear_3); opacity: 100"
|
|
35
|
+ d="M215.49,294.977c0,-1.79467 -0.47533,-3.614 -1.426,-5.458c-1.07467,-2.08467 -2.72567,-4.17233 -4.953,-6.263c-2.398,-2.25067 -5.378,-4.42267 -8.94,-6.516c-3.67533,-2.15933 -7.86867,-4.17433 -12.58,-6.045c-4.79867,-1.90533 -10.02367,-3.616 -15.675,-5.132c-5.75733,-1.54467 -11.83667,-2.85467 -18.238,-3.93c-6.55067,-1.1 -13.31567,-1.93367 -20.295,-2.501c-7.178,-0.58333 -14.46567,-0.875 -21.863,-0.875c-7.396,0 -14.68253,0.29167 -21.8596,0.875c-6.9786,0.56733 -13.74263,1.401 -20.2921,2.501c-6.4008,1.07533 -12.47963,2.38533 -18.2365,3.93c-5.65067,1.516 -10.87547,3.22667 -15.6744,5.132c-4.71073,1.87067 -8.9035,3.88567 -12.5783,6.045c-3.56193,2.09333 -6.54197,4.26533 -8.9401,6.516c-2.22753,2.09067 -3.87861,4.17833 -4.95323,6.263c-0.95051,1.844 -1.42577,3.66333 -1.42577,5.458c0,1.79533 0.47526,3.615 1.42577,5.459c1.07462,2.084 2.7257,4.17133 4.95323,6.262c2.39813,2.25133 5.37817,4.42367 8.9401,6.517c3.6748,2.15933 7.86757,4.17433 12.5783,6.045c4.79893,1.90533 10.02373,3.616 15.6744,5.132c5.75687,1.544 11.8357,2.85367 18.2365,3.929c6.5494,1.1 13.31343,1.93367 20.2921,2.501c7.17707,0.58333 14.4636,0.875 21.8596,0.875c7.39733,0 14.685,-0.29167 21.863,-0.875c6.97933,-0.56733 13.74433,-1.401 20.295,-2.501c6.40133,-1.07533 12.48067,-2.385 18.238,-3.929c5.65133,-1.516 10.87633,-3.22667 15.675,-5.132c4.71133,-1.87067 8.90467,-3.886 12.58,-6.046c3.562,-2.09267 6.542,-4.26467 8.94,-6.516c2.22733,-2.09067 3.87833,-4.178 4.953,-6.262c0.95067,-1.844 1.426,-3.66367 1.426,-5.459zM230.61,294.977c0,4.24067 -1.03567,8.36967 -3.107,12.387c-1.87,3.62733 -4.55167,7.08033 -8.045,10.359c-3.21867,3.02133 -7.09433,5.86367 -11.627,8.527c-4.34267,2.552 -9.22933,4.906 -14.66,7.062c-5.34267,2.12133 -11.122,4.01567 -17.338,5.683c-6.22333,1.67 -12.77367,3.08233 -19.651,4.237c-6.97467,1.172 -14.166,2.059 -21.574,2.661c-7.586,0.616 -15.282,0.924 -23.088,0.924c-7.80507,0 -15.4999,-0.308 -23.0845,-0.924c-7.40747,-0.602 -14.5981,-1.489 -21.5719,-2.661c-6.8768,-1.15467 -13.4267,-2.567 -19.6497,-4.237c-6.21533,-1.66733 -11.9941,-3.56167 -17.3363,-5.683c-5.4304,-2.156 -10.3168,-4.51 -14.6592,-7.062c-4.53237,-2.66333 -8.40797,-5.50567 -11.62682,-8.527c-3.49333,-3.27867 -6.17502,-6.73167 -8.04508,-10.359c-2.071,-4.01733 -3.1065,-8.14633 -3.1065,-12.387c0,-4.24 1.0355,-8.36867 3.1065,-12.386c1.87006,-3.628 4.55175,-7.08133 8.04508,-10.36c3.21885,-3.02067 7.09446,-5.863 11.62682,-8.527c4.3424,-2.552 9.2288,-4.906 14.6592,-7.062c5.34227,-2.12133 11.12103,-4.01567 17.3363,-5.683c6.22307,-1.66933 12.77297,-3.08167 19.6497,-4.237c6.9738,-1.17133 14.16443,-2.058 21.5719,-2.66c7.5846,-0.61667 15.27943,-0.925 23.0845,-0.925c7.806,0 15.502,0.30833 23.088,0.925c7.408,0.602 14.59933,1.48867 21.574,2.66c6.87733,1.15533 13.42767,2.56767 19.651,4.237c6.216,1.66733 11.99533,3.56167 17.338,5.683c5.43067,2.156 10.31733,4.51 14.66,7.062c4.53267,2.664 8.40833,5.50633 11.627,8.527c3.49333,3.27867 6.175,6.732 8.045,10.36c2.07133,4.01733 3.107,8.146 3.107,12.386z"
|
|
36
|
+ />
|
|
37
|
+ </g>
|
|
38
|
+ </g>
|
|
39
|
+ <defs>
|
|
40
|
+ <linearGradient
|
|
41
|
+ id="decorates12_linear_0"
|
|
42
|
+ x1="50%"
|
|
43
|
+ y1="11.74083535829661%"
|
|
44
|
+ x2="51%"
|
|
45
|
+ y2="97.23011363636364%"
|
|
46
|
+ gradientUnits="objectBoundingBox"
|
|
47
|
+ >
|
|
48
|
+ <stop offset="0" :stop-color="attribute.bgColor1" stop-opacity="0" />
|
|
49
|
+ <stop offset="1" :stop-color="attribute.bgColor1" stop-opacity="1" />
|
|
50
|
+ </linearGradient>
|
|
51
|
+ <linearGradient
|
|
52
|
+ id="decorates12_linear_1"
|
|
53
|
+ x1="50%"
|
|
54
|
+ y1="10.347697845478384%"
|
|
55
|
+ x2="51%"
|
|
56
|
+ y2="97.23011363636364%"
|
|
57
|
+ gradientUnits="objectBoundingBox"
|
|
58
|
+ >
|
|
59
|
+ <stop offset="0" :stop-color="attribute.bgColor1" stop-opacity="0" />
|
|
60
|
+ <stop offset="0.5286331641542819" :stop-color="attribute.bgColor1" stop-opacity="0.53" />
|
|
61
|
+ <stop offset="1" :stop-color="attribute.bgColor1" stop-opacity="1" />
|
|
62
|
+ </linearGradient>
|
|
63
|
+ <linearGradient
|
|
64
|
+ id="linear_2"
|
|
65
|
+ x1="50%"
|
|
66
|
+ y1="11.147280092598066%"
|
|
67
|
+ x2="51%"
|
|
68
|
+ y2="39.858217592598066%"
|
|
69
|
+ gradientUnits="objectBoundingBox"
|
|
70
|
+ >
|
|
71
|
+ <stop offset="0" :stop-color="attribute.bgColor1" stop-opacity="1" />
|
|
72
|
+ <stop offset="1" :stop-color="attribute.bgColor1" stop-opacity="1" />
|
|
73
|
+ </linearGradient>
|
|
74
|
+ <linearGradient
|
|
75
|
+ id="linear_3"
|
|
76
|
+ x1="50%"
|
|
77
|
+ y1="12.028811281136091%"
|
|
78
|
+ x2="51%"
|
|
79
|
+ y2="39.57430808169881%"
|
|
80
|
+ gradientUnits="objectBoundingBox"
|
|
81
|
+ >
|
|
82
|
+ <stop offset="0" :stop-color="attribute.bgColor2" stop-opacity="0.15" />
|
|
83
|
+ <stop offset="1" :stop-color="attribute.bgColor1" stop-opacity="1" />
|
|
84
|
+ </linearGradient>
|
|
85
|
+ </defs>
|
|
86
|
+ </svg>
|
|
87
|
+ </div>
|
|
88
|
+</template>
|
|
89
|
+<script setup lang="ts">
|
|
90
|
+import { PropType, toRefs } from 'vue'
|
|
91
|
+import { CreateComponentType } from '@/packages/index.d'
|
|
92
|
+
|
|
93
|
+const props = defineProps({
|
|
94
|
+ chartConfig: {
|
|
95
|
+ type: Object as PropType<CreateComponentType>,
|
|
96
|
+ required: true
|
|
97
|
+ }
|
|
98
|
+})
|
|
99
|
+
|
|
100
|
+const { attribute } = toRefs(props.chartConfig.option)
|
|
101
|
+
|
|
102
|
+const { w, h } = toRefs(props.chartConfig.attr)
|
|
103
|
+</script>
|
|
104
|
+
|
|
105
|
+<style lang="scss" scoped>
|
|
106
|
+.go-content-box {
|
|
107
|
+ width: v-bind('w+"px"');
|
|
108
|
+ height: v-bind('h+"px"');
|
|
109
|
+ display: flex;
|
|
110
|
+ align-items: center;
|
|
111
|
+ justify-content: center;
|
|
112
|
+}
|
|
113
|
+</style> |
...
|
...
|
|