unika-components 1.0.74 → 1.0.75
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.
- package/dist/src/components/UniButton/UniButton.vue.d.ts +12 -3
- package/dist/src/components/UniCall/UniCall.vue.d.ts +9 -0
- package/dist/src/defaultProps.d.ts +2 -2
- package/dist/unika-components.css +100 -100
- package/dist/unika-components.esm.js +14 -6
- package/dist/unika-components.umd.js +14 -6
- package/package.json +1 -1
|
@@ -11,7 +11,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
11
11
|
type: StringConstructor;
|
|
12
12
|
default: string;
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
buttonText: {
|
|
15
|
+
type: StringConstructor;
|
|
16
|
+
default: string;
|
|
17
|
+
};
|
|
18
|
+
transform: {
|
|
15
19
|
type: StringConstructor;
|
|
16
20
|
default: string;
|
|
17
21
|
};
|
|
@@ -32,7 +36,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
32
36
|
type: StringConstructor;
|
|
33
37
|
default: string;
|
|
34
38
|
};
|
|
35
|
-
|
|
39
|
+
buttonText: {
|
|
40
|
+
type: StringConstructor;
|
|
41
|
+
default: string;
|
|
42
|
+
};
|
|
43
|
+
transform: {
|
|
36
44
|
type: StringConstructor;
|
|
37
45
|
default: string;
|
|
38
46
|
};
|
|
@@ -40,6 +48,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
40
48
|
buttonUrl: string;
|
|
41
49
|
fontColor: string;
|
|
42
50
|
backgroundColor: string;
|
|
43
|
-
|
|
51
|
+
buttonText: string;
|
|
52
|
+
transform: string;
|
|
44
53
|
}, {}>;
|
|
45
54
|
export default _default;
|
|
@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
15
15
|
type: StringConstructor;
|
|
16
16
|
default: string;
|
|
17
17
|
};
|
|
18
|
+
transform: {
|
|
19
|
+
type: StringConstructor;
|
|
20
|
+
default: string;
|
|
21
|
+
};
|
|
18
22
|
isEditing: {
|
|
19
23
|
type: BooleanConstructor;
|
|
20
24
|
default: boolean;
|
|
@@ -40,11 +44,16 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
40
44
|
type: StringConstructor;
|
|
41
45
|
default: string;
|
|
42
46
|
};
|
|
47
|
+
transform: {
|
|
48
|
+
type: StringConstructor;
|
|
49
|
+
default: string;
|
|
50
|
+
};
|
|
43
51
|
isEditing: {
|
|
44
52
|
type: BooleanConstructor;
|
|
45
53
|
default: boolean;
|
|
46
54
|
};
|
|
47
55
|
}>>, {
|
|
56
|
+
transform: string;
|
|
48
57
|
phoneNumber: string;
|
|
49
58
|
fontColor: string;
|
|
50
59
|
backgroundColor: string;
|
|
@@ -290,7 +290,7 @@ export declare const buttonDefaultProps: {
|
|
|
290
290
|
fontColor: string;
|
|
291
291
|
backgroundColor: string;
|
|
292
292
|
buttonUrl: string;
|
|
293
|
-
|
|
293
|
+
buttonText: string;
|
|
294
294
|
};
|
|
295
295
|
export declare const likeDefaultProps: {
|
|
296
296
|
actionType: string;
|
|
@@ -644,7 +644,7 @@ export declare const componentsDefaultProps: {
|
|
|
644
644
|
fontColor: string;
|
|
645
645
|
backgroundColor: string;
|
|
646
646
|
buttonUrl: string;
|
|
647
|
-
|
|
647
|
+
buttonText: string;
|
|
648
648
|
};
|
|
649
649
|
};
|
|
650
650
|
};
|
|
@@ -1,3 +1,19 @@
|
|
|
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
|
+
}
|
|
1
17
|
|
|
2
18
|
.uni-video-component {
|
|
3
19
|
position: relative;
|
|
@@ -19,6 +35,14 @@
|
|
|
19
35
|
.play-pause-button:hover {
|
|
20
36
|
background: rgba(0, 0, 0, 0.8);
|
|
21
37
|
}
|
|
38
|
+
|
|
39
|
+
.slot-number {
|
|
40
|
+
position: absolute;
|
|
41
|
+
bottom: 2px;
|
|
42
|
+
left: 7px;
|
|
43
|
+
font-size: 12px;
|
|
44
|
+
color: #666
|
|
45
|
+
}
|
|
22
46
|
|
|
23
47
|
.slide-guide {
|
|
24
48
|
position: absolute;
|
|
@@ -93,30 +117,6 @@ body, html {
|
|
|
93
117
|
}
|
|
94
118
|
}
|
|
95
119
|
|
|
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
120
|
.uni-background-component {
|
|
121
121
|
width: 100%;
|
|
122
122
|
}
|
|
@@ -153,82 +153,6 @@ button.uni-text-component {
|
|
|
153
153
|
opacity: 0.1;
|
|
154
154
|
}
|
|
155
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
|
-
|
|
232
156
|
#audio {
|
|
233
157
|
position: absolute;
|
|
234
158
|
right: 10px;
|
|
@@ -323,6 +247,82 @@ button.uni-text-component {
|
|
|
323
247
|
-webkit-transform: rotate(360deg);
|
|
324
248
|
}
|
|
325
249
|
}
|
|
250
|
+
|
|
251
|
+
.swiper-warp {
|
|
252
|
+
width: 100%;
|
|
253
|
+
height: 100%;
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
.swiper-slide-component {
|
|
257
|
+
text-align: center;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
.swiper-slide img {
|
|
261
|
+
max-width: 100%;
|
|
262
|
+
max-height: 100%;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
.ant-input-number {
|
|
266
|
+
box-sizing: border-box;
|
|
267
|
+
margin: 0;
|
|
268
|
+
padding: 0;
|
|
269
|
+
color: rgba(0, 0, 0, 0.88);
|
|
270
|
+
font-size: 14px;
|
|
271
|
+
line-height: 1.5714285714285714;
|
|
272
|
+
list-style: none;
|
|
273
|
+
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';
|
|
274
|
+
position: relative;
|
|
275
|
+
display: inline-block;
|
|
276
|
+
width: 100%;
|
|
277
|
+
min-width: 0;
|
|
278
|
+
background-color: #ffffff;
|
|
279
|
+
background-image: none;
|
|
280
|
+
border-width: 1px;
|
|
281
|
+
border-style: solid;
|
|
282
|
+
border-color: #d9d9d9;
|
|
283
|
+
border-radius: 6px;
|
|
284
|
+
transition: all 0.2s;
|
|
285
|
+
border: 1px solid #d9d9d9;
|
|
286
|
+
}
|
|
287
|
+
.ant-form-item {
|
|
288
|
+
box-sizing: border-box;
|
|
289
|
+
margin: 0;
|
|
290
|
+
padding: 0;
|
|
291
|
+
color: rgba(0, 0, 0, 0.88);
|
|
292
|
+
font-size: 14px;
|
|
293
|
+
line-height: 1.5714285714285714;
|
|
294
|
+
list-style: none;
|
|
295
|
+
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';
|
|
296
|
+
margin-bottom: 0px;
|
|
297
|
+
vertical-align: top;
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
.effect {
|
|
301
|
+
width: 100%;
|
|
302
|
+
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
|
|
@@ -5122,7 +5122,7 @@ const buttonDefaultProps = {
|
|
|
5122
5122
|
fontColor: '#fff',
|
|
5123
5123
|
backgroundColor: 'rgb(33, 147, 255)',
|
|
5124
5124
|
buttonUrl: 'https://unika.cc',
|
|
5125
|
-
|
|
5125
|
+
buttonText: 'Link'
|
|
5126
5126
|
};
|
|
5127
5127
|
const likeDefaultProps = {
|
|
5128
5128
|
...commonDefaultProps
|
|
@@ -26220,6 +26220,10 @@ var script$6 = defineComponent({
|
|
|
26220
26220
|
type: String,
|
|
26221
26221
|
default: '一键拨号'
|
|
26222
26222
|
},
|
|
26223
|
+
transform: {
|
|
26224
|
+
type: String,
|
|
26225
|
+
default: 'rotate(0deg)'
|
|
26226
|
+
},
|
|
26223
26227
|
isEditing: {
|
|
26224
26228
|
type: Boolean,
|
|
26225
26229
|
default: false
|
|
@@ -26253,7 +26257,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
26253
26257
|
|
|
26254
26258
|
return (openBlock(), createElementBlock("button", {
|
|
26255
26259
|
style: normalizeStyle$1({..._ctx.styleProps, color: _ctx.fontColor,
|
|
26256
|
-
position: 'absolute', background: _ctx.backgroundColor}),
|
|
26260
|
+
position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform }),
|
|
26257
26261
|
onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args))),
|
|
26258
26262
|
class: "call-button"
|
|
26259
26263
|
}, [
|
|
@@ -75639,10 +75643,14 @@ var script = defineComponent({
|
|
|
75639
75643
|
type: String,
|
|
75640
75644
|
default: 'blue'
|
|
75641
75645
|
},
|
|
75642
|
-
|
|
75646
|
+
buttonText: {
|
|
75643
75647
|
type: String,
|
|
75644
75648
|
default: 'Link'
|
|
75645
|
-
}
|
|
75649
|
+
},
|
|
75650
|
+
transform: {
|
|
75651
|
+
type: String,
|
|
75652
|
+
default: 'rotate(0deg)'
|
|
75653
|
+
},
|
|
75646
75654
|
},
|
|
75647
75655
|
components: {},
|
|
75648
75656
|
setup(props) {
|
|
@@ -75664,12 +75672,12 @@ var script = defineComponent({
|
|
|
75664
75672
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
75665
75673
|
return (openBlock(), createElementBlock("button", {
|
|
75666
75674
|
style: normalizeStyle$1({..._ctx.styleProps, color: _ctx.fontColor,
|
|
75667
|
-
position: 'absolute', background: _ctx.backgroundColor}),
|
|
75675
|
+
position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform}),
|
|
75668
75676
|
onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openUrl && _ctx.openUrl(...args))),
|
|
75669
75677
|
class: "call-button"
|
|
75670
75678
|
}, [
|
|
75671
75679
|
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
75672
|
-
createTextVNode(toDisplayString(_ctx.
|
|
75680
|
+
createTextVNode(toDisplayString(_ctx.buttonText), 1 /* TEXT */)
|
|
75673
75681
|
])
|
|
75674
75682
|
], 4 /* STYLE */))
|
|
75675
75683
|
}
|
|
@@ -5129,7 +5129,7 @@
|
|
|
5129
5129
|
fontColor: '#fff',
|
|
5130
5130
|
backgroundColor: 'rgb(33, 147, 255)',
|
|
5131
5131
|
buttonUrl: 'https://unika.cc',
|
|
5132
|
-
|
|
5132
|
+
buttonText: 'Link'
|
|
5133
5133
|
};
|
|
5134
5134
|
const likeDefaultProps = {
|
|
5135
5135
|
...commonDefaultProps
|
|
@@ -26227,6 +26227,10 @@
|
|
|
26227
26227
|
type: String,
|
|
26228
26228
|
default: '一键拨号'
|
|
26229
26229
|
},
|
|
26230
|
+
transform: {
|
|
26231
|
+
type: String,
|
|
26232
|
+
default: 'rotate(0deg)'
|
|
26233
|
+
},
|
|
26230
26234
|
isEditing: {
|
|
26231
26235
|
type: Boolean,
|
|
26232
26236
|
default: false
|
|
@@ -26260,7 +26264,7 @@
|
|
|
26260
26264
|
|
|
26261
26265
|
return (vue.openBlock(), vue.createElementBlock("button", {
|
|
26262
26266
|
style: vue.normalizeStyle({..._ctx.styleProps, color: _ctx.fontColor,
|
|
26263
|
-
position: 'absolute', background: _ctx.backgroundColor}),
|
|
26267
|
+
position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform }),
|
|
26264
26268
|
onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args))),
|
|
26265
26269
|
class: "call-button"
|
|
26266
26270
|
}, [
|
|
@@ -75646,10 +75650,14 @@ summary tabindex target title type usemap value width wmode wrap`;
|
|
|
75646
75650
|
type: String,
|
|
75647
75651
|
default: 'blue'
|
|
75648
75652
|
},
|
|
75649
|
-
|
|
75653
|
+
buttonText: {
|
|
75650
75654
|
type: String,
|
|
75651
75655
|
default: 'Link'
|
|
75652
|
-
}
|
|
75656
|
+
},
|
|
75657
|
+
transform: {
|
|
75658
|
+
type: String,
|
|
75659
|
+
default: 'rotate(0deg)'
|
|
75660
|
+
},
|
|
75653
75661
|
},
|
|
75654
75662
|
components: {},
|
|
75655
75663
|
setup(props) {
|
|
@@ -75671,12 +75679,12 @@ summary tabindex target title type usemap value width wmode wrap`;
|
|
|
75671
75679
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
75672
75680
|
return (vue.openBlock(), vue.createElementBlock("button", {
|
|
75673
75681
|
style: vue.normalizeStyle({..._ctx.styleProps, color: _ctx.fontColor,
|
|
75674
|
-
position: 'absolute', background: _ctx.backgroundColor}),
|
|
75682
|
+
position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform}),
|
|
75675
75683
|
onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openUrl && _ctx.openUrl(...args))),
|
|
75676
75684
|
class: "call-button"
|
|
75677
75685
|
}, [
|
|
75678
75686
|
vue.renderSlot(_ctx.$slots, "default", {}, () => [
|
|
75679
|
-
vue.createTextVNode(vue.toDisplayString(_ctx.
|
|
75687
|
+
vue.createTextVNode(vue.toDisplayString(_ctx.buttonText), 1 /* TEXT */)
|
|
75680
75688
|
])
|
|
75681
75689
|
], 4 /* STYLE */))
|
|
75682
75690
|
}
|