unika-components 1.0.72 → 1.0.74

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.
@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
7
7
  type: StringConstructor;
8
8
  default: string;
9
9
  };
10
- transform: {
10
+ calTransform: {
11
11
  type: StringConstructor;
12
12
  default: string;
13
13
  };
@@ -74,7 +74,7 @@ declare const _default: import("vue").DefineComponent<{
74
74
  type: StringConstructor;
75
75
  default: string;
76
76
  };
77
- transform: {
77
+ calTransform: {
78
78
  type: StringConstructor;
79
79
  default: string;
80
80
  };
@@ -125,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{
125
125
  }>>, {
126
126
  left: string;
127
127
  top: string;
128
- transform: string;
128
+ calTransform: string;
129
129
  opacity: number;
130
130
  date: string;
131
131
  backgroundColor: string;
@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
11
11
  type: StringConstructor;
12
12
  default: string;
13
13
  };
14
- text: {
14
+ callText: {
15
15
  type: StringConstructor;
16
16
  default: string;
17
17
  };
@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{
36
36
  type: StringConstructor;
37
37
  default: string;
38
38
  };
39
- text: {
39
+ callText: {
40
40
  type: StringConstructor;
41
41
  default: string;
42
42
  };
@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
48
48
  phoneNumber: string;
49
49
  fontColor: string;
50
50
  backgroundColor: string;
51
- text: string;
51
+ callText: string;
52
52
  isEditing: boolean;
53
53
  }, {}>;
54
54
  export default _default;
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
15
15
  type: StringConstructor;
16
16
  default: string;
17
17
  };
18
- lottiesTransform: {
18
+ transform: {
19
19
  type: StringConstructor;
20
20
  default: string;
21
21
  };
@@ -378,7 +378,7 @@ declare const _default: import("vue").DefineComponent<{
378
378
  type: StringConstructor;
379
379
  default: string;
380
380
  };
381
- lottiesTransform: {
381
+ transform: {
382
382
  type: StringConstructor;
383
383
  default: string;
384
384
  };
@@ -402,6 +402,6 @@ declare const _default: import("vue").DefineComponent<{
402
402
  height: string;
403
403
  delay: number;
404
404
  top: string;
405
- lottiesTransform: string;
405
+ transform: string;
406
406
  }, {}>;
407
407
  export default _default;
@@ -264,7 +264,7 @@ export declare const callDefaultProps: {
264
264
  top: string;
265
265
  width: string;
266
266
  height: string;
267
- transform: string;
267
+ calTransform: string;
268
268
  borderRadius: string;
269
269
  borderStyle: string;
270
270
  borderWidth: string;
@@ -272,7 +272,9 @@ export declare const callDefaultProps: {
272
272
  fontColor: string;
273
273
  backgroundColor: string;
274
274
  phoneNumber: string;
275
- text: string;
275
+ callText: string;
276
+ fontSize: string;
277
+ opacity: number;
276
278
  isEditing: boolean;
277
279
  };
278
280
  export declare const buttonDefaultProps: {
@@ -342,7 +344,7 @@ export declare const lottiesDefaultProps: {
342
344
  top: string;
343
345
  width: string;
344
346
  height: string;
345
- lottiesTransform: string;
347
+ transform: string;
346
348
  loop: boolean;
347
349
  delay: number;
348
350
  pauseAnimation: boolean;
@@ -536,7 +538,7 @@ export declare const componentsDefaultProps: {
536
538
  top: string;
537
539
  width: string;
538
540
  height: string;
539
- transform: string;
541
+ calTransform: string;
540
542
  borderRadius: string;
541
543
  borderStyle: string;
542
544
  borderWidth: string;
@@ -544,7 +546,9 @@ export declare const componentsDefaultProps: {
544
546
  fontColor: string;
545
547
  backgroundColor: string;
546
548
  phoneNumber: string;
547
- text: string;
549
+ callText: string;
550
+ fontSize: string;
551
+ opacity: number;
548
552
  isEditing: boolean;
549
553
  };
550
554
  };
@@ -607,7 +611,7 @@ export declare const componentsDefaultProps: {
607
611
  top: string;
608
612
  width: string;
609
613
  height: string;
610
- lottiesTransform: string;
614
+ transform: string;
611
615
  loop: boolean;
612
616
  delay: number;
613
617
  pauseAnimation: boolean;
@@ -1,63 +1,24 @@
1
-
2
- .uni-image-component {
3
- max-width: 100%;
4
- }
5
-
6
- h2.uni-text-component, p.uni-text-component {
7
- margin-bottom: 0;
8
- }
9
- button.uni-text-component {
10
- padding: 5px 10px;
11
- cursor: pointer;
12
- }
13
- .uni-text-component {
14
- box-sizing: border-box;
15
- white-space: pre-wrap;
16
- }
17
1
 
18
- .uni-background-component {
19
- width: 100%;
20
- }
21
- .bg-img {
22
- width: 100%;
23
- height: 100%;
24
- object-fit: cover;
25
- z-index:1;
2
+ .uni-video-component {
3
+ position: relative;
4
+ text-align: center;
26
5
  }
27
- .watermark {
28
- height: 100%;
6
+ .play-pause-button {
29
7
  position: absolute;
30
- top: 0;
31
- left: 0;
32
- right: 0;
33
- bottom: 0;
8
+ top: 50%;
9
+ left: 50%;
10
+ transform: translate(-50%, -50%);
11
+ cursor: pointer;
12
+ font-size: 2rem;
13
+ color: #fff;
14
+ background: rgba(0, 0, 0, 0.6);
15
+ border-radius: 50%;
16
+ padding: 10px;
17
+ transition: background 0.3s;
34
18
  }
35
- .watermark-div {
36
- height: 100%;
37
- width:100%;
38
- position:absolute;
39
- z-index:99999999;
19
+ .play-pause-button:hover {
20
+ background: rgba(0, 0, 0, 0.8);
40
21
  }
41
- body:before{
42
- content: '';
43
- position: fixed;
44
- top: 0;
45
- bottom: 0;
46
- left: 0;
47
- right: 0;
48
- z-index: -1;
49
- /* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
50
- background-position: center;
51
- opacity: 0.1;
52
- }
53
-
54
- .slot-number {
55
- position: absolute;
56
- bottom: 2px;
57
- left: 7px;
58
- font-size: 12px;
59
- color: #666
60
- }
61
22
 
62
23
  .slide-guide {
63
24
  position: absolute;
@@ -132,6 +93,142 @@ body, html {
132
93
  }
133
94
  }
134
95
 
96
+ .slot-number {
97
+ position: absolute;
98
+ bottom: 2px;
99
+ left: 7px;
100
+ font-size: 12px;
101
+ color: #666
102
+ }
103
+
104
+ .uni-image-component {
105
+ max-width: 100%;
106
+ }
107
+
108
+ h2.uni-text-component, p.uni-text-component {
109
+ margin-bottom: 0;
110
+ }
111
+ button.uni-text-component {
112
+ padding: 5px 10px;
113
+ cursor: pointer;
114
+ }
115
+ .uni-text-component {
116
+ box-sizing: border-box;
117
+ white-space: pre-wrap;
118
+ }
119
+
120
+ .uni-background-component {
121
+ width: 100%;
122
+ }
123
+ .bg-img {
124
+ width: 100%;
125
+ height: 100%;
126
+ object-fit: cover;
127
+ z-index:1;
128
+ }
129
+ .watermark {
130
+ height: 100%;
131
+ position: absolute;
132
+ top: 0;
133
+ left: 0;
134
+ right: 0;
135
+ bottom: 0;
136
+ }
137
+ .watermark-div {
138
+ height: 100%;
139
+ width:100%;
140
+ position:absolute;
141
+ z-index:99999999;
142
+ }
143
+ body:before{
144
+ content: '';
145
+ position: fixed;
146
+ top: 0;
147
+ bottom: 0;
148
+ left: 0;
149
+ right: 0;
150
+ z-index: -1;
151
+ /* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
152
+ background-position: center;
153
+ opacity: 0.1;
154
+ }
155
+
156
+ .effect {
157
+ width: 100%;
158
+ height: 100%;
159
+ }
160
+
161
+ .swiper-warp {
162
+ width: 100%;
163
+ height: 100%;
164
+ }
165
+
166
+ .swiper-slide-component {
167
+ text-align: center;
168
+ }
169
+
170
+ .swiper-slide img {
171
+ max-width: 100%;
172
+ max-height: 100%;
173
+ }
174
+
175
+ .like-button {
176
+ display: flex;
177
+ flex-direction: column;
178
+ align-items: center;
179
+ cursor: pointer;
180
+ }
181
+
182
+ .icon-heart {
183
+ font-size: 24px;
184
+ color: #e74c3c;
185
+ }
186
+
187
+ .liked {
188
+ color: #f00; /* 更改颜色以示已赞 */
189
+ }
190
+
191
+ .like-count {
192
+ margin-top: 4px;
193
+ font-size: 16px;
194
+ color: #333;
195
+ }
196
+
197
+ .ant-input-number {
198
+ box-sizing: border-box;
199
+ margin: 0;
200
+ padding: 0;
201
+ color: rgba(0, 0, 0, 0.88);
202
+ font-size: 14px;
203
+ line-height: 1.5714285714285714;
204
+ list-style: none;
205
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
206
+ position: relative;
207
+ display: inline-block;
208
+ width: 100%;
209
+ min-width: 0;
210
+ background-color: #ffffff;
211
+ background-image: none;
212
+ border-width: 1px;
213
+ border-style: solid;
214
+ border-color: #d9d9d9;
215
+ border-radius: 6px;
216
+ transition: all 0.2s;
217
+ border: 1px solid #d9d9d9;
218
+ }
219
+ .ant-form-item {
220
+ box-sizing: border-box;
221
+ margin: 0;
222
+ padding: 0;
223
+ color: rgba(0, 0, 0, 0.88);
224
+ font-size: 14px;
225
+ line-height: 1.5714285714285714;
226
+ list-style: none;
227
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
228
+ margin-bottom: 0px;
229
+ vertical-align: top;
230
+ }
231
+
135
232
  #audio {
136
233
  position: absolute;
137
234
  right: 10px;
@@ -226,103 +323,6 @@ body, html {
226
323
  -webkit-transform: rotate(360deg);
227
324
  }
228
325
  }
229
-
230
- .uni-video-component {
231
- position: relative;
232
- text-align: center;
233
- }
234
- .play-pause-button {
235
- position: absolute;
236
- top: 50%;
237
- left: 50%;
238
- transform: translate(-50%, -50%);
239
- cursor: pointer;
240
- font-size: 2rem;
241
- color: #fff;
242
- background: rgba(0, 0, 0, 0.6);
243
- border-radius: 50%;
244
- padding: 10px;
245
- transition: background 0.3s;
246
- }
247
- .play-pause-button:hover {
248
- background: rgba(0, 0, 0, 0.8);
249
- }
250
-
251
- .effect {
252
- width: 100%;
253
- height: 100%;
254
- }
255
-
256
- .ant-input-number {
257
- box-sizing: border-box;
258
- margin: 0;
259
- padding: 0;
260
- color: rgba(0, 0, 0, 0.88);
261
- font-size: 14px;
262
- line-height: 1.5714285714285714;
263
- list-style: none;
264
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
265
- position: relative;
266
- display: inline-block;
267
- width: 100%;
268
- min-width: 0;
269
- background-color: #ffffff;
270
- background-image: none;
271
- border-width: 1px;
272
- border-style: solid;
273
- border-color: #d9d9d9;
274
- border-radius: 6px;
275
- transition: all 0.2s;
276
- border: 1px solid #d9d9d9;
277
- }
278
- .ant-form-item {
279
- box-sizing: border-box;
280
- margin: 0;
281
- padding: 0;
282
- color: rgba(0, 0, 0, 0.88);
283
- font-size: 14px;
284
- line-height: 1.5714285714285714;
285
- list-style: none;
286
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
287
- margin-bottom: 0px;
288
- vertical-align: top;
289
- }
290
-
291
- .swiper-warp {
292
- width: 100%;
293
- height: 100%;
294
- }
295
-
296
- .swiper-slide-component {
297
- text-align: center;
298
- }
299
-
300
- .swiper-slide img {
301
- max-width: 100%;
302
- max-height: 100%;
303
- }
304
-
305
- .like-button {
306
- display: flex;
307
- flex-direction: column;
308
- align-items: center;
309
- cursor: pointer;
310
- }
311
-
312
- .icon-heart {
313
- font-size: 24px;
314
- color: #e74c3c;
315
- }
316
-
317
- .liked {
318
- color: #f00; /* 更改颜色以示已赞 */
319
- }
320
-
321
- .like-count {
322
- margin-top: 4px;
323
- font-size: 16px;
324
- color: #333;
325
- }
326
326
  /**
327
327
  * Swiper 6.8.4
328
328
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -5096,7 +5096,7 @@ const callDefaultProps = {
5096
5096
  top: '347px',
5097
5097
  width: '120px',
5098
5098
  height: '40px',
5099
- transform: 'rotate(0deg)',
5099
+ calTransform: 'rotate(0deg)',
5100
5100
  borderRadius: '10px',
5101
5101
  borderStyle: 'solid',
5102
5102
  borderWidth: '2px',
@@ -5104,7 +5104,9 @@ const callDefaultProps = {
5104
5104
  fontColor: '#fff',
5105
5105
  backgroundColor: 'rgb(33, 147, 255)',
5106
5106
  phoneNumber: '01234567890',
5107
- text: '一键拨号',
5107
+ callText: '一键拨号',
5108
+ fontSize: '16px',
5109
+ opacity: 1,
5108
5110
  isEditing: false
5109
5111
  };
5110
5112
  const buttonDefaultProps = {
@@ -5155,7 +5157,7 @@ const lottiesDefaultProps = {
5155
5157
  top: '7px',
5156
5158
  width: '360px',
5157
5159
  height: '360px',
5158
- lottiesTransform: 'rotate(23deg)',
5160
+ transform: 'rotate(23deg)',
5159
5161
  loop: true,
5160
5162
  delay: 0,
5161
5163
  pauseAnimation: false
@@ -16130,7 +16132,7 @@ var script$a = defineComponent({
16130
16132
  type: String,
16131
16133
  default: '204.5px'
16132
16134
  },
16133
- transform: {
16135
+ calTransform: {
16134
16136
  type: String,
16135
16137
  default: 'scale(0.855)'
16136
16138
  },
@@ -16222,7 +16224,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
16222
16224
 
16223
16225
  return (openBlock(), createElementBlock("div", {
16224
16226
  class: "uni-calendar-component",
16225
- style: normalizeStyle$1({left: _ctx.left,top: _ctx.top,width: '325px',height: '325px',transform: _ctx.transform, opacity: _ctx.opacity,position: 'absolute'})
16227
+ style: normalizeStyle$1({left: _ctx.left,top: _ctx.top,width: '325px',height: '325px',transform: _ctx.calTransform, opacity: _ctx.opacity,position: 'absolute'})
16226
16228
  }, [
16227
16229
  createVNode(_component_Calendar, {
16228
16230
  ref: "calendarRef",
@@ -26214,7 +26216,7 @@ var script$6 = defineComponent({
26214
26216
  type: String,
26215
26217
  default: 'blue'
26216
26218
  },
26217
- text: {
26219
+ callText: {
26218
26220
  type: String,
26219
26221
  default: '一键拨号'
26220
26222
  },
@@ -26250,7 +26252,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
26250
26252
  const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
26251
26253
 
26252
26254
  return (openBlock(), createElementBlock("button", {
26253
- style: normalizeStyle$1({..._ctx.styleProps, color: _ctx.fontColor,
26255
+ style: normalizeStyle$1({..._ctx.styleProps, color: _ctx.fontColor,
26254
26256
  position: 'absolute', background: _ctx.backgroundColor}),
26255
26257
  onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args))),
26256
26258
  class: "call-button"
@@ -26258,7 +26260,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
26258
26260
  createVNode(_component_font_awesome_icon, { icon: ['fas', 'square-phone'] }),
26259
26261
  createTextVNode("   "),
26260
26262
  renderSlot(_ctx.$slots, "default", {}, () => [
26261
- createTextVNode(toDisplayString(_ctx.text), 1 /* TEXT */)
26263
+ createTextVNode(toDisplayString(_ctx.callText), 1 /* TEXT */)
26262
26264
  ])
26263
26265
  ], 4 /* STYLE */))
26264
26266
  }
@@ -75443,7 +75445,7 @@ var script$2 = defineComponent({
75443
75445
  type: String,
75444
75446
  default: '360px'
75445
75447
  },
75446
- lottiesTransform: {
75448
+ transform: {
75447
75449
  type: String,
75448
75450
  default: 'rotate(0deg)'
75449
75451
  },
@@ -75522,7 +75524,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
75522
75524
  'width': _ctx.width,
75523
75525
  'height': _ctx.height,
75524
75526
  'position': 'absolute',
75525
- 'transform': _ctx.lottiesTransform
75527
+ 'transform': _ctx.transform
75526
75528
  }),
75527
75529
  animationLink: _ctx.animationLinkC,
75528
75530
  loop: _ctx.loopC,
@@ -5103,7 +5103,7 @@
5103
5103
  top: '347px',
5104
5104
  width: '120px',
5105
5105
  height: '40px',
5106
- transform: 'rotate(0deg)',
5106
+ calTransform: 'rotate(0deg)',
5107
5107
  borderRadius: '10px',
5108
5108
  borderStyle: 'solid',
5109
5109
  borderWidth: '2px',
@@ -5111,7 +5111,9 @@
5111
5111
  fontColor: '#fff',
5112
5112
  backgroundColor: 'rgb(33, 147, 255)',
5113
5113
  phoneNumber: '01234567890',
5114
- text: '一键拨号',
5114
+ callText: '一键拨号',
5115
+ fontSize: '16px',
5116
+ opacity: 1,
5115
5117
  isEditing: false
5116
5118
  };
5117
5119
  const buttonDefaultProps = {
@@ -5162,7 +5164,7 @@
5162
5164
  top: '7px',
5163
5165
  width: '360px',
5164
5166
  height: '360px',
5165
- lottiesTransform: 'rotate(23deg)',
5167
+ transform: 'rotate(23deg)',
5166
5168
  loop: true,
5167
5169
  delay: 0,
5168
5170
  pauseAnimation: false
@@ -16137,7 +16139,7 @@
16137
16139
  type: String,
16138
16140
  default: '204.5px'
16139
16141
  },
16140
- transform: {
16142
+ calTransform: {
16141
16143
  type: String,
16142
16144
  default: 'scale(0.855)'
16143
16145
  },
@@ -16229,7 +16231,7 @@
16229
16231
 
16230
16232
  return (vue.openBlock(), vue.createElementBlock("div", {
16231
16233
  class: "uni-calendar-component",
16232
- style: vue.normalizeStyle({left: _ctx.left,top: _ctx.top,width: '325px',height: '325px',transform: _ctx.transform, opacity: _ctx.opacity,position: 'absolute'})
16234
+ style: vue.normalizeStyle({left: _ctx.left,top: _ctx.top,width: '325px',height: '325px',transform: _ctx.calTransform, opacity: _ctx.opacity,position: 'absolute'})
16233
16235
  }, [
16234
16236
  vue.createVNode(_component_Calendar, {
16235
16237
  ref: "calendarRef",
@@ -26221,7 +26223,7 @@
26221
26223
  type: String,
26222
26224
  default: 'blue'
26223
26225
  },
26224
- text: {
26226
+ callText: {
26225
26227
  type: String,
26226
26228
  default: '一键拨号'
26227
26229
  },
@@ -26257,7 +26259,7 @@
26257
26259
  const _component_font_awesome_icon = vue.resolveComponent("font-awesome-icon");
26258
26260
 
26259
26261
  return (vue.openBlock(), vue.createElementBlock("button", {
26260
- style: vue.normalizeStyle({..._ctx.styleProps, color: _ctx.fontColor,
26262
+ style: vue.normalizeStyle({..._ctx.styleProps, color: _ctx.fontColor,
26261
26263
  position: 'absolute', background: _ctx.backgroundColor}),
26262
26264
  onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args))),
26263
26265
  class: "call-button"
@@ -26265,7 +26267,7 @@
26265
26267
  vue.createVNode(_component_font_awesome_icon, { icon: ['fas', 'square-phone'] }),
26266
26268
  vue.createTextVNode("   "),
26267
26269
  vue.renderSlot(_ctx.$slots, "default", {}, () => [
26268
- vue.createTextVNode(vue.toDisplayString(_ctx.text), 1 /* TEXT */)
26270
+ vue.createTextVNode(vue.toDisplayString(_ctx.callText), 1 /* TEXT */)
26269
26271
  ])
26270
26272
  ], 4 /* STYLE */))
26271
26273
  }
@@ -75450,7 +75452,7 @@ summary tabindex target title type usemap value width wmode wrap`;
75450
75452
  type: String,
75451
75453
  default: '360px'
75452
75454
  },
75453
- lottiesTransform: {
75455
+ transform: {
75454
75456
  type: String,
75455
75457
  default: 'rotate(0deg)'
75456
75458
  },
@@ -75529,7 +75531,7 @@ summary tabindex target title type usemap value width wmode wrap`;
75529
75531
  'width': _ctx.width,
75530
75532
  'height': _ctx.height,
75531
75533
  'position': 'absolute',
75532
- 'transform': _ctx.lottiesTransform
75534
+ 'transform': _ctx.transform
75533
75535
  }),
75534
75536
  animationLink: _ctx.animationLinkC,
75535
75537
  loop: _ctx.loopC,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unika-components",
3
- "version": "1.0.72",
3
+ "version": "1.0.74",
4
4
  "private": false,
5
5
  "main": "dist/unika-components.umd.js",
6
6
  "module": "dist/unika-components.esm.js",