bi-element-ui 1.5.2 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/lib/bi-element-ui.common.js +151039 -144848
  2. package/lib/bi-element-ui.css +2 -2
  3. package/lib/bi-element-ui.umd.js +151039 -144848
  4. package/lib/bi-element-ui.umd.min.js +80 -80
  5. package/lib/img/birthday-cake.198adecd.svg +180 -0
  6. package/package.json +3 -3
  7. package/pnpm-lock.yaml +120 -146
  8. package/src/App.vue +4 -0
  9. package/src/router/index.js +5 -0
  10. package/src/utils/request.js +1 -0
  11. package/src/views/Fireworks.vue +253 -0
  12. package/src/views/Layout.vue +3 -1
  13. package/src/views/img/hb.png +0 -0
  14. package/src/views/img/mini-cake.svg +40 -0
  15. package/src/views/img/sd.png +0 -0
  16. package/src/views/img/xc.png +0 -0
  17. package/src/views/img/yd.png +0 -0
package/lib/img/birthday-cake.198adecd.svg ADDED
@@ -0,0 +1,180 @@
1
+ <svg width="200" height="240" xmlns="http://www.w3.org/2000/svg">
2
+ <defs>
3
+ <!-- 渐变定义 -->
4
+ <linearGradient id="cakeGradient" x1="0%" y1="0%" x2="0%" y2="100%">
5
+ <stop offset="0%" style="stop-color:#FFB6C1;stop-opacity:1" />
6
+ <stop offset="100%" style="stop-color:#FF69B4;stop-opacity:1" />
7
+ </linearGradient>
8
+
9
+ <linearGradient id="cakeGradient2" x1="0%" y1="0%" x2="0%" y2="100%">
10
+ <stop offset="0%" style="stop-color:#F0E68C;stop-opacity:1" />
11
+ <stop offset="100%" style="stop-color:#DAA520;stop-opacity:1" />
12
+ </linearGradient>
13
+
14
+ <linearGradient id="cakeGradient3" x1="0%" y1="0%" x2="0%" y2="100%">
15
+ <stop offset="0%" style="stop-color:#98FB98;stop-opacity:1" />
16
+ <stop offset="100%" style="stop-color:#32CD32;stop-opacity:1" />
17
+ </linearGradient>
18
+
19
+ <radialGradient id="flameGradient" cx="50%" cy="80%" r="60%">
20
+ <stop offset="0%" style="stop-color:#FFF8DC;stop-opacity:1" />
21
+ <stop offset="30%" style="stop-color:#FFD700;stop-opacity:1" />
22
+ <stop offset="60%" style="stop-color:#FF8C00;stop-opacity:1" />
23
+ <stop offset="100%" style="stop-color:#FF4500;stop-opacity:0.9" />
24
+ </radialGradient>
25
+
26
+ <radialGradient id="plateGradient" cx="50%" cy="30%" r="70%">
27
+ <stop offset="0%" style="stop-color:#F5F5F5;stop-opacity:1" />
28
+ <stop offset="100%" style="stop-color:#DCDCDC;stop-opacity:1" />
29
+ </radialGradient>
30
+ </defs>
31
+
32
+ <!-- 盘子 -->
33
+ <ellipse cx="100" cy="220" rx="90" ry="15" fill="url(#plateGradient)" stroke="#C0C0C0" stroke-width="2"/>
34
+
35
+ <!-- 蛋糕底层 -->
36
+ <ellipse cx="100" cy="190" rx="75" ry="12" fill="url(#cakeGradient3)"/>
37
+ <rect x="25" y="178" width="150" height="25" fill="url(#cakeGradient3)"/>
38
+ <ellipse cx="100" cy="178" rx="75" ry="12" fill="#90EE90"/>
39
+
40
+ <!-- 蛋糕中层 -->
41
+ <ellipse cx="100" cy="160" rx="60" ry="10" fill="url(#cakeGradient2)"/>
42
+ <rect x="40" y="150" width="120" height="20" fill="url(#cakeGradient2)"/>
43
+ <ellipse cx="100" cy="150" rx="60" ry="10" fill="#F5DEB3"/>
44
+
45
+ <!-- 蛋糕顶层 -->
46
+ <ellipse cx="100" cy="135" rx="45" ry="8" fill="url(#cakeGradient)"/>
47
+ <rect x="55" y="127" width="90" height="16" fill="url(#cakeGradient)"/>
48
+ <ellipse cx="100" cy="127" rx="45" ry="8" fill="#FFB6C1"/>
49
+
50
+ <!-- 装饰樱桃 -->
51
+ <circle cx="80" cy="127" r="3" fill="#DC143C">
52
+ <animate attributeName="r" values="3;4;3" dur="2s" repeatCount="indefinite"/>
53
+ </circle>
54
+ <circle cx="120" cy="127" r="3" fill="#DC143C">
55
+ <animate attributeName="r" values="3;4;3" dur="2s" begin="0.5s" repeatCount="indefinite"/>
56
+ </circle>
57
+ <circle cx="100" cy="132" r="3" fill="#DC143C">
58
+ <animate attributeName="r" values="3;4;3" dur="2s" begin="1s" repeatCount="indefinite"/>
59
+ </circle>
60
+
61
+ <!-- 蛋糕装饰波浪线 -->
62
+ <path d="M 60 130 Q 70 128 80 130 Q 90 132 100 130 Q 110 128 120 130 Q 130 132 140 130"
63
+ stroke="#FF69B4" stroke-width="1.5" fill="none" opacity="0.6"/>
64
+ <path d="M 45 155 Q 60 153 75 155 Q 90 157 105 155 Q 120 153 135 155 Q 150 157 155 155"
65
+ stroke="#DAA520" stroke-width="1.5" fill="none" opacity="0.6"/>
66
+ <path d="M 30 183 Q 50 181 70 183 Q 90 185 110 183 Q 130 181 150 183 Q 170 185 175 183"
67
+ stroke="#32CD32" stroke-width="1.5" fill="none" opacity="0.6"/>
68
+
69
+ <!-- 蜡烛 -->
70
+ <!-- 蜡烛1 -->
71
+ <rect x="88" y="110" width="4" height="18" fill="#FFE4B5" stroke="#D2691E" stroke-width="0.5"/>
72
+ <!-- 蜡烛2 -->
73
+ <rect x="98" y="108" width="4" height="20" fill="#F0E68C" stroke="#DAA520" stroke-width="0.5"/>
74
+ <!-- 蜡烛3 -->
75
+ <rect x="108" y="110" width="4" height="18" fill="#FFB6C1" stroke="#FF69B4" stroke-width="0.5"/>
76
+
77
+ <!-- 火焰动画 -->
78
+ <!-- 火焰1 - 左边蜡烛 (蜡烛中心x=90, 顶部y=110) -->
79
+ <ellipse cx="90" cy="107" rx="2.5" ry="4" fill="url(#flameGradient)">
80
+ <animate attributeName="opacity" values="0.95;1;0.95" dur="1.5s" repeatCount="indefinite"/>
81
+ </ellipse>
82
+
83
+ <!-- 火焰2 - 中间蜡烛（最高，蜡烛中心x=100, 顶部y=108） -->
84
+ <ellipse cx="100" cy="105" rx="2.5" ry="4" fill="url(#flameGradient)">
85
+ <animate attributeName="opacity" values="0.9;1;0.9" dur="1.8s" repeatCount="indefinite"/>
86
+ </ellipse>
87
+
88
+ <!-- 火焰3 - 右边蜡烛 (蜡烛中心x=110, 顶部y=110) -->
89
+ <ellipse cx="110" cy="107" rx="2.5" ry="4" fill="url(#flameGradient)">
90
+ <animate attributeName="opacity" values="1;0.95;1" dur="1.2s" repeatCount="indefinite"/>
91
+ </ellipse>
92
+
93
+ <!-- 火焰内核 - 增加层次感 -->
94
+ <ellipse cx="90" cy="108" rx="1" ry="2" fill="#FFD700" opacity="0.7">
95
+ <animate attributeName="opacity" values="0.7;0.8;0.7" dur="1.5s" repeatCount="indefinite"/>
96
+ </ellipse>
97
+ <ellipse cx="100" cy="106" rx="1" ry="2" fill="#FFD700" opacity="0.7">
98
+ <animate attributeName="opacity" values="0.6;0.8;0.6" dur="1.8s" repeatCount="indefinite"/>
99
+ </ellipse>
100
+ <ellipse cx="110" cy="108" rx="1" ry="2" fill="#FFD700" opacity="0.7">
101
+ <animate attributeName="opacity" values="0.8;0.7;0.8" dur="1.2s" repeatCount="indefinite"/>
102
+ </ellipse>
103
+
104
+ <!-- 漂浮的生日祝福文字 -->
105
+ <text x="100" y="50" text-anchor="middle" font-family="Arial, sans-serif"
106
+ font-size="16" font-weight="bold" fill="#FF1493">
107
+ Happy Birthday!
108
+ <animate attributeName="y" values="50;45;50" dur="3s" repeatCount="indefinite"/>
109
+ <animate attributeName="fill" values="#FF1493;#FFD700;#FF69B4;#FF1493" dur="4s" repeatCount="indefinite"/>
110
+ </text>
111
+
112
+ <!-- 漂浮的小星星 -->
113
+ <g>
114
+ <polygon points="30,70 32,76 38,76 33,80 35,86 30,82 25,86 27,80 22,76 28,76" fill="#FFD700" opacity="0.8">
115
+ <animateTransform attributeName="transform" type="rotate"
116
+ values="0 30 78;360 30 78" dur="4s" repeatCount="indefinite"/>
117
+ <animate attributeName="opacity" values="0.8;0.3;0.8" dur="2s" repeatCount="indefinite"/>
118
+ </polygon>
119
+
120
+ <polygon points="170,85 172,91 178,91 173,95 175,101 170,97 165,101 167,95 162,91 168,91" fill="#FFD700" opacity="0.8">
121
+ <animateTransform attributeName="transform" type="rotate"
122
+ values="360 170 93;0 170 93" dur="3s" repeatCount="indefinite"/>
123
+ <animate attributeName="opacity" values="0.8;0.3;0.8" dur="2.5s" repeatCount="indefinite"/>
124
+ </polygon>
125
+
126
+ <polygon points="180,60 182,66 188,66 183,70 185,76 180,72 175,76 177,70 172,66 178,66" fill="#FFD700" opacity="0.8">
127
+ <animateTransform attributeName="transform" type="rotate"
128
+ values="0 180 68;360 180 68" dur="5s" repeatCount="indefinite"/>
129
+ <animate attributeName="opacity" values="0.8;0.3;0.8" dur="1.8s" repeatCount="indefinite"/>
130
+ </polygon>
131
+
132
+ <polygon points="25,95 27,101 33,101 28,105 30,111 25,107 20,111 22,105 17,101 23,101" fill="#FFD700" opacity="0.8">
133
+ <animateTransform attributeName="transform" type="rotate"
134
+ values="360 25 103;0 25 103" dur="3.5s" repeatCount="indefinite"/>
135
+ <animate attributeName="opacity" values="0.8;0.3;0.8" dur="2.2s" repeatCount="indefinite"/>
136
+ </polygon>
137
+ </g>
138
+
139
+ <!-- 漂浮的心形 -->
140
+ <g opacity="0.7">
141
+ <path d="M15,115 C15,110 20,105 25,105 C30,105 35,110 35,115 C35,125 25,135 25,135 C25,135 15,125 15,115 Z" fill="#FF69B4">
142
+ <animate attributeName="d"
143
+ values="M15,115 C15,110 20,105 25,105 C30,105 35,110 35,115 C35,125 25,135 25,135 C25,135 15,125 15,115 Z;
144
+ M15,112 C15,107 20,102 25,102 C30,102 35,107 35,112 C35,122 25,132 25,132 C25,132 15,122 15,112 Z;
145
+ M15,115 C15,110 20,105 25,105 C30,105 35,110 35,115 C35,125 25,135 25,135 C25,135 15,125 15,115 Z"
146
+ dur="2s" repeatCount="indefinite"/>
147
+ <animateTransform attributeName="transform" type="translate"
148
+ values="0,0;-2,-3;0,0" dur="2s" repeatCount="indefinite"/>
149
+ </path>
150
+
151
+ <path d="M165,140 C165,135 170,130 175,130 C180,130 185,135 185,140 C185,150 175,160 175,160 C175,160 165,150 165,140 Z" fill="#FF1493">
152
+ <animate attributeName="d"
153
+ values="M165,140 C165,135 170,130 175,130 C180,130 185,135 185,140 C185,150 175,160 175,160 C175,160 165,150 165,140 Z;
154
+ M165,137 C165,132 170,127 175,127 C180,127 185,132 185,137 C185,147 175,157 175,157 C175,157 165,147 165,137 Z;
155
+ M165,140 C165,135 170,130 175,130 C180,130 185,135 185,140 C185,150 175,160 175,160 C175,160 165,150 165,140 Z"
156
+ dur="2.5s" repeatCount="indefinite"/>
157
+ <animateTransform attributeName="transform" type="translate"
158
+ values="0,0;2,-2;0,0" dur="2.5s" repeatCount="indefinite"/>
159
+ </path>
160
+ </g>
161
+
162
+ <!-- 漂浮的气泡 -->
163
+ <circle cx="50" cy="160" r="3" fill="#87CEEB" opacity="0.6">
164
+ <animate attributeName="cy" values="160;120;160" dur="4s" repeatCount="indefinite"/>
165
+ <animate attributeName="opacity" values="0.6;0.1;0.6" dur="4s" repeatCount="indefinite"/>
166
+ <animate attributeName="r" values="3;1;3" dur="4s" repeatCount="indefinite"/>
167
+ </circle>
168
+
169
+ <circle cx="150" cy="170" r="2" fill="#87CEEB" opacity="0.6">
170
+ <animate attributeName="cy" values="170;130;170" dur="3s" repeatCount="indefinite"/>
171
+ <animate attributeName="opacity" values="0.6;0.1;0.6" dur="3s" repeatCount="indefinite"/>
172
+ <animate attributeName="r" values="2;0.5;2" dur="3s" repeatCount="indefinite"/>
173
+ </circle>
174
+
175
+ <circle cx="60" cy="180" r="4" fill="#87CEEB" opacity="0.5">
176
+ <animate attributeName="cy" values="180;140;180" dur="5s" repeatCount="indefinite"/>
177
+ <animate attributeName="opacity" values="0.5;0.1;0.5" dur="5s" repeatCount="indefinite"/>
178
+ <animate attributeName="r" values="4;1;4" dur="5s" repeatCount="indefinite"/>
179
+ </circle>
180
+ </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bi-element-ui",
3
- "version": "1.5.02",
3
+ "version": "1.6.0",
4
4
  "private": false,
5
5
  "description": "基于element-ui编写的ui组件库",
6
6
  "main": "lib/bi-element-ui.common.js",
@@ -18,7 +18,7 @@
18
18
  "@cell-x/el-table-sticky": "^1.0.2",
19
19
  "ali-oss": "^6.21.0",
20
20
  "axios": "^0.19.2",
21
- "bi-eleme": "^2.1.1",
21
+ "bi-eleme": "^2.4.5",
22
22
  "caniuse-lite": "^1.0.30001478",
23
23
  "crypto-js": "^4.2.0",
24
24
  "dompurify": "^3.2.4",
@@ -63,7 +63,7 @@
63
63
  "file-loader": "^6.2.0",
64
64
  "node-gyp": "^6.1.0",
65
65
  "prettier": "^1.19.1",
66
- "sass": "^1.62.0",
66
+ "sass": "^1.32.0",
67
67
  "sass-loader": "^8.0.2",
68
68
  "url-loader": "^4.1.1",
69
69
  "vue-template-compiler": "^2.7.14"