unika-components 1.0.78 → 1.0.80

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,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
7
7
  type: StringConstructor;
8
8
  default: string;
9
9
  };
10
+ isEditing: {
11
+ type: BooleanConstructor;
12
+ default: boolean;
13
+ };
10
14
  }, {
11
15
  styleProps: import("vue").ComputedRef<Pick<any, string>>;
12
16
  handleClick: () => void;
@@ -21,8 +25,13 @@ declare const _default: import("vue").DefineComponent<{
21
25
  type: StringConstructor;
22
26
  default: string;
23
27
  };
28
+ isEditing: {
29
+ type: BooleanConstructor;
30
+ default: boolean;
31
+ };
24
32
  }>>, {
25
33
  mapHtml: string;
26
34
  mapUrl: string;
35
+ isEditing: boolean;
27
36
  }, {}>;
28
37
  export default _default;
@@ -3,7 +3,7 @@ interface SelectOption {
3
3
  value: string;
4
4
  }
5
5
  declare const _default: import("vue").DefineComponent<{
6
- AttendanceTimeList: {
6
+ attendanceTimeList: {
7
7
  type: PropType<[] | SelectOption[]>;
8
8
  default: () => {
9
9
  value: string;
@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
33
33
  onSubmit: () => void;
34
34
  resetFields: (newValues?: import("ant-design-vue/es/form/useForm").Props | undefined) => void;
35
35
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
36
- AttendanceTimeList: {
36
+ attendanceTimeList: {
37
37
  type: PropType<[] | SelectOption[]>;
38
38
  default: () => {
39
39
  value: string;
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
44
44
  default: boolean;
45
45
  };
46
46
  }>>, {
47
- AttendanceTimeList: [] | SelectOption[];
47
+ attendanceTimeList: [] | SelectOption[];
48
48
  isPhoneNumber: boolean;
49
49
  }, {}>;
50
50
  export default _default;
@@ -105,6 +105,7 @@ export declare const commonDefaultProps: {
105
105
  left: string;
106
106
  top: string;
107
107
  right: string;
108
+ transform: string;
108
109
  };
109
110
  export declare const textDefaultProps: {
110
111
  actionType: string;
@@ -125,6 +126,7 @@ export declare const textDefaultProps: {
125
126
  left: string;
126
127
  top: string;
127
128
  right: string;
129
+ transform: string;
128
130
  text: string;
129
131
  fontSize: string;
130
132
  fontFamily: string;
@@ -155,6 +157,7 @@ export declare const imageDefaultProps: {
155
157
  left: string;
156
158
  top: string;
157
159
  right: string;
160
+ transform: string;
158
161
  imageSrc: string;
159
162
  };
160
163
  export declare const shapeDefaultProps: {
@@ -176,6 +179,7 @@ export declare const shapeDefaultProps: {
176
179
  left: string;
177
180
  top: string;
178
181
  right: string;
182
+ transform: string;
179
183
  backgroundColor: string;
180
184
  };
181
185
  export declare const backgroundDefaultProps: {
@@ -208,6 +212,7 @@ export declare const musicDefaultProps: {
208
212
  left: string;
209
213
  top: string;
210
214
  right: string;
215
+ transform: string;
211
216
  musicSrc: string;
212
217
  name: string;
213
218
  isPlaying: boolean;
@@ -311,6 +316,7 @@ export declare const likeDefaultProps: {
311
316
  left: string;
312
317
  top: string;
313
318
  right: string;
319
+ transform: string;
314
320
  };
315
321
  export declare const effectDefaultProps: {
316
322
  width: string;
@@ -322,6 +328,7 @@ export declare const effectDefaultProps: {
322
328
  shape: string[];
323
329
  number: number;
324
330
  spead: number;
331
+ transform: string;
325
332
  };
326
333
  export declare const registerFormDefaultProps: {
327
334
  left: string;
@@ -333,9 +340,10 @@ export declare const registerFormDefaultProps: {
333
340
  borderWidth: string;
334
341
  borderColor: string;
335
342
  backgroundColor: string;
336
- AttendanceTimeList: {
343
+ attendanceTimeList: {
337
344
  value: string;
338
345
  }[];
346
+ opacity: number;
339
347
  isPhoneNumber: boolean;
340
348
  };
341
349
  export declare const lottiesDefaultProps: {
@@ -381,6 +389,7 @@ export declare const componentsDefaultProps: {
381
389
  left: string;
382
390
  top: string;
383
391
  right: string;
392
+ transform: string;
384
393
  text: string;
385
394
  fontSize: string;
386
395
  fontFamily: string;
@@ -413,6 +422,7 @@ export declare const componentsDefaultProps: {
413
422
  left: string;
414
423
  top: string;
415
424
  right: string;
425
+ transform: string;
416
426
  imageSrc: string;
417
427
  };
418
428
  };
@@ -436,6 +446,7 @@ export declare const componentsDefaultProps: {
436
446
  left: string;
437
447
  top: string;
438
448
  right: string;
449
+ transform: string;
439
450
  backgroundColor: string;
440
451
  };
441
452
  };
@@ -472,6 +483,7 @@ export declare const componentsDefaultProps: {
472
483
  left: string;
473
484
  top: string;
474
485
  right: string;
486
+ transform: string;
475
487
  musicSrc: string;
476
488
  name: string;
477
489
  isPlaying: boolean;
@@ -572,6 +584,7 @@ export declare const componentsDefaultProps: {
572
584
  left: string;
573
585
  top: string;
574
586
  right: string;
587
+ transform: string;
575
588
  };
576
589
  };
577
590
  'uni-effect': {
@@ -585,6 +598,7 @@ export declare const componentsDefaultProps: {
585
598
  shape: string[];
586
599
  number: number;
587
600
  spead: number;
601
+ transform: string;
588
602
  };
589
603
  };
590
604
  'uni-register-form': {
@@ -598,9 +612,10 @@ export declare const componentsDefaultProps: {
598
612
  borderWidth: string;
599
613
  borderColor: string;
600
614
  backgroundColor: string;
601
- AttendanceTimeList: {
615
+ attendanceTimeList: {
602
616
  value: string;
603
617
  }[];
618
+ opacity: number;
604
619
  isPhoneNumber: boolean;
605
620
  };
606
621
  };
@@ -1,14 +1,6 @@
1
1
 
2
- h2.uni-text-component, p.uni-text-component {
3
- margin-bottom: 0;
4
- }
5
- button.uni-text-component {
6
- padding: 5px 10px;
7
- cursor: pointer;
8
- }
9
- .uni-text-component {
10
- box-sizing: border-box;
11
- white-space: pre-wrap;
2
+ .uni-image-component {
3
+ max-width: 100%;
12
4
  }
13
5
 
14
6
  .uni-background-component {
@@ -119,6 +111,48 @@ body, html {
119
111
  transform: translate3d(-50%, -50%, 0);
120
112
  }
121
113
  }
114
+
115
+ h2.uni-text-component, p.uni-text-component {
116
+ margin-bottom: 0;
117
+ }
118
+ button.uni-text-component {
119
+ padding: 5px 10px;
120
+ cursor: pointer;
121
+ }
122
+ .uni-text-component {
123
+ box-sizing: border-box;
124
+ white-space: pre-wrap;
125
+ }
126
+
127
+ .slot-number {
128
+ position: absolute;
129
+ bottom: 2px;
130
+ left: 7px;
131
+ font-size: 12px;
132
+ color: #666
133
+ }
134
+
135
+ .like-button {
136
+ display: flex;
137
+ flex-direction: column;
138
+ align-items: center;
139
+ cursor: pointer;
140
+ }
141
+
142
+ .icon-heart {
143
+ font-size: 24px;
144
+ color: #e74c3c;
145
+ }
146
+
147
+ .liked {
148
+ color: #f00; /* 更改颜色以示已赞 */
149
+ }
150
+
151
+ .like-count {
152
+ margin-top: 4px;
153
+ font-size: 16px;
154
+ color: #333;
155
+ }
122
156
 
123
157
  #audio {
124
158
  position: absolute;
@@ -214,10 +248,6 @@ body, html {
214
248
  -webkit-transform: rotate(360deg);
215
249
  }
216
250
  }
217
-
218
- .uni-image-component {
219
- max-width: 100%;
220
- }
221
251
 
222
252
  .uni-video-component {
223
253
  position: relative;
@@ -240,55 +270,11 @@ body, html {
240
270
  background: rgba(0, 0, 0, 0.8);
241
271
  }
242
272
 
243
- .slot-number {
244
- position: absolute;
245
- bottom: 2px;
246
- left: 7px;
247
- font-size: 12px;
248
- color: #666
249
- }
250
-
251
273
  .effect {
252
274
  width: 100%;
253
275
  height: 100%;
254
276
  }
255
277
 
256
- .swiper-warp {
257
- width: 100%;
258
- height: 100%;
259
- }
260
-
261
- .swiper-slide-component {
262
- text-align: center;
263
- }
264
-
265
- .swiper-slide img {
266
- max-width: 100%;
267
- max-height: 100%;
268
- }
269
-
270
- .like-button {
271
- display: flex;
272
- flex-direction: column;
273
- align-items: center;
274
- cursor: pointer;
275
- }
276
-
277
- .icon-heart {
278
- font-size: 24px;
279
- color: #e74c3c;
280
- }
281
-
282
- .liked {
283
- color: #f00; /* 更改颜色以示已赞 */
284
- }
285
-
286
- .like-count {
287
- margin-top: 4px;
288
- font-size: 16px;
289
- color: #333;
290
- }
291
-
292
278
  .ant-input-number {
293
279
  box-sizing: border-box;
294
280
  margin: 0;
@@ -323,6 +309,20 @@ body, html {
323
309
  margin-bottom: 0px;
324
310
  vertical-align: top;
325
311
  }
312
+
313
+ .swiper-warp {
314
+ width: 100%;
315
+ height: 100%;
316
+ }
317
+
318
+ .swiper-slide-component {
319
+ text-align: center;
320
+ }
321
+
322
+ .swiper-slide img {
323
+ max-width: 100%;
324
+ max-height: 100%;
325
+ }
326
326
  /**
327
327
  * Swiper 6.8.4
328
328
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -5003,7 +5003,8 @@ const commonDefaultProps = {
5003
5003
  position: 'absolute',
5004
5004
  left: '0',
5005
5005
  top: '0',
5006
- right: '0'
5006
+ right: '0',
5007
+ transform: 'rotate(0deg)'
5007
5008
  };
5008
5009
  const textDefaultProps = {
5009
5010
  // basic props - font styles
@@ -5122,7 +5123,7 @@ const buttonDefaultProps = {
5122
5123
  fontColor: '#fff',
5123
5124
  backgroundColor: 'rgb(33, 147, 255)',
5124
5125
  buttonUrl: 'https://unika.cc',
5125
- buttonText: 'Link'
5126
+ buttonText: 'Link',
5126
5127
  };
5127
5128
  const likeDefaultProps = {
5128
5129
  ...commonDefaultProps
@@ -5136,7 +5137,8 @@ const effectDefaultProps = {
5136
5137
  opacity: 1,
5137
5138
  shape: ['image'],
5138
5139
  number: 100,
5139
- spead: 5
5140
+ spead: 5,
5141
+ transform: 'rotate(0deg)'
5140
5142
  };
5141
5143
  const registerFormDefaultProps = {
5142
5144
  left: '57px',
@@ -5148,7 +5150,8 @@ const registerFormDefaultProps = {
5148
5150
  borderWidth: '2px',
5149
5151
  borderColor: 'blue',
5150
5152
  backgroundColor: 'rgb(33, 147, 255)',
5151
- AttendanceTimeList: [{ 'value': 'Evening' }],
5153
+ attendanceTimeList: [{ 'value': 'Evening' }],
5154
+ opacity: 1,
5152
5155
  isPhoneNumber: true
5153
5156
  };
5154
5157
  const lottiesDefaultProps = {
@@ -22532,6 +22535,10 @@ var script$7 = defineComponent({
22532
22535
  mapUrl: {
22533
22536
  type: String,
22534
22537
  default: 'https://maps.app.goo.gl/YZypYXfBVKvTXJ2R8'
22538
+ },
22539
+ isEditing: {
22540
+ type: Boolean,
22541
+ default: false
22535
22542
  }
22536
22543
  },
22537
22544
  components: {},
@@ -22543,7 +22550,9 @@ var script$7 = defineComponent({
22543
22550
  const openMap = () => {
22544
22551
  // 替换为要拨打的电话号码
22545
22552
  // 使用电话链接打电话
22546
- window.location.href = props.mapUrl;
22553
+ if (!props.isEditing) {
22554
+ window.location.href = props.mapUrl;
22555
+ }
22547
22556
  };
22548
22557
  const iframeHtml = computed(() => {
22549
22558
  return props.mapHtml.replace('width="600"', 'width="100%"').replace('height="450"', 'height="100%"');
@@ -22561,11 +22570,14 @@ const _hoisted_1$3 = ["innerHTML"];
22561
22570
 
22562
22571
  function render$8(_ctx, _cache, $props, $setup, $data, $options) {
22563
22572
  return (openBlock(), createElementBlock("div", {
22564
- style: normalizeStyle$1({ ..._ctx.styleProps, position: 'absolute'}),
22565
- innerHTML: _ctx.iframeHtml,
22566
- class: "uni-map-component",
22567
- onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openMap && _ctx.openMap(...args)))
22568
- }, null, 12 /* STYLE, PROPS */, _hoisted_1$3))
22573
+ style: normalizeStyle$1({ ..._ctx.styleProps, position: 'absolute'})
22574
+ }, [
22575
+ createElementVNode("div", {
22576
+ innerHTML: _ctx.iframeHtml,
22577
+ class: "uni-map-component",
22578
+ onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openMap && _ctx.openMap(...args)))
22579
+ }, null, 8 /* PROPS */, _hoisted_1$3)
22580
+ ], 4 /* STYLE */))
22569
22581
  }
22570
22582
 
22571
22583
  script$7.render = render$8;
@@ -53770,7 +53782,7 @@ var script$3 = defineComponent({
53770
53782
  name: 'uni-register-form',
53771
53783
  props: {
53772
53784
  ...defaultProps$2,
53773
- AttendanceTimeList: {
53785
+ attendanceTimeList: {
53774
53786
  type: Array,
53775
53787
  default: () => [{ value: 'Morning' }, { value: 'Noon' }, { value: 'Evening' }]
53776
53788
  },
@@ -53899,7 +53911,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
53899
53911
  ]),
53900
53912
  _: 1 /* STABLE */
53901
53913
  }, 16 /* FULL_PROPS */),
53902
- (_ctx.AttendanceTimeList.length>0)
53914
+ (_ctx.attendanceTimeList && _ctx.attendanceTimeList.length>0)
53903
53915
  ? (openBlock(), createBlock(_component_a_form_item, mergeProps({
53904
53916
  key: 0,
53905
53917
  label: "出席时间"
@@ -53908,7 +53920,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
53908
53920
  createVNode(_component_a_select, {
53909
53921
  value: _ctx.modelRef.attendanceTime,
53910
53922
  "onUpdate:value": _cache[3] || (_cache[3] = $event => ((_ctx.modelRef.attendanceTime) = $event)),
53911
- options: _ctx.AttendanceTimeList,
53923
+ options: _ctx.attendanceTimeList,
53912
53924
  mode: "tags",
53913
53925
  placeholder: "please select attendance time"
53914
53926
  }, null, 8 /* PROPS */, ["value", "options"])
@@ -5010,7 +5010,8 @@
5010
5010
  position: 'absolute',
5011
5011
  left: '0',
5012
5012
  top: '0',
5013
- right: '0'
5013
+ right: '0',
5014
+ transform: 'rotate(0deg)'
5014
5015
  };
5015
5016
  const textDefaultProps = {
5016
5017
  // basic props - font styles
@@ -5129,7 +5130,7 @@
5129
5130
  fontColor: '#fff',
5130
5131
  backgroundColor: 'rgb(33, 147, 255)',
5131
5132
  buttonUrl: 'https://unika.cc',
5132
- buttonText: 'Link'
5133
+ buttonText: 'Link',
5133
5134
  };
5134
5135
  const likeDefaultProps = {
5135
5136
  ...commonDefaultProps
@@ -5143,7 +5144,8 @@
5143
5144
  opacity: 1,
5144
5145
  shape: ['image'],
5145
5146
  number: 100,
5146
- spead: 5
5147
+ spead: 5,
5148
+ transform: 'rotate(0deg)'
5147
5149
  };
5148
5150
  const registerFormDefaultProps = {
5149
5151
  left: '57px',
@@ -5155,7 +5157,8 @@
5155
5157
  borderWidth: '2px',
5156
5158
  borderColor: 'blue',
5157
5159
  backgroundColor: 'rgb(33, 147, 255)',
5158
- AttendanceTimeList: [{ 'value': 'Evening' }],
5160
+ attendanceTimeList: [{ 'value': 'Evening' }],
5161
+ opacity: 1,
5159
5162
  isPhoneNumber: true
5160
5163
  };
5161
5164
  const lottiesDefaultProps = {
@@ -22539,6 +22542,10 @@
22539
22542
  mapUrl: {
22540
22543
  type: String,
22541
22544
  default: 'https://maps.app.goo.gl/YZypYXfBVKvTXJ2R8'
22545
+ },
22546
+ isEditing: {
22547
+ type: Boolean,
22548
+ default: false
22542
22549
  }
22543
22550
  },
22544
22551
  components: {},
@@ -22550,7 +22557,9 @@
22550
22557
  const openMap = () => {
22551
22558
  // 替换为要拨打的电话号码
22552
22559
  // 使用电话链接打电话
22553
- window.location.href = props.mapUrl;
22560
+ if (!props.isEditing) {
22561
+ window.location.href = props.mapUrl;
22562
+ }
22554
22563
  };
22555
22564
  const iframeHtml = vue.computed(() => {
22556
22565
  return props.mapHtml.replace('width="600"', 'width="100%"').replace('height="450"', 'height="100%"');
@@ -22568,11 +22577,14 @@
22568
22577
 
22569
22578
  function render$8(_ctx, _cache, $props, $setup, $data, $options) {
22570
22579
  return (vue.openBlock(), vue.createElementBlock("div", {
22571
- style: vue.normalizeStyle({ ..._ctx.styleProps, position: 'absolute'}),
22572
- innerHTML: _ctx.iframeHtml,
22573
- class: "uni-map-component",
22574
- onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openMap && _ctx.openMap(...args)))
22575
- }, null, 12 /* STYLE, PROPS */, _hoisted_1$3))
22580
+ style: vue.normalizeStyle({ ..._ctx.styleProps, position: 'absolute'})
22581
+ }, [
22582
+ vue.createElementVNode("div", {
22583
+ innerHTML: _ctx.iframeHtml,
22584
+ class: "uni-map-component",
22585
+ onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openMap && _ctx.openMap(...args)))
22586
+ }, null, 8 /* PROPS */, _hoisted_1$3)
22587
+ ], 4 /* STYLE */))
22576
22588
  }
22577
22589
 
22578
22590
  script$7.render = render$8;
@@ -53777,7 +53789,7 @@ summary tabindex target title type usemap value width wmode wrap`;
53777
53789
  name: 'uni-register-form',
53778
53790
  props: {
53779
53791
  ...defaultProps$2,
53780
- AttendanceTimeList: {
53792
+ attendanceTimeList: {
53781
53793
  type: Array,
53782
53794
  default: () => [{ value: 'Morning' }, { value: 'Noon' }, { value: 'Evening' }]
53783
53795
  },
@@ -53906,7 +53918,7 @@ summary tabindex target title type usemap value width wmode wrap`;
53906
53918
  ]),
53907
53919
  _: 1 /* STABLE */
53908
53920
  }, 16 /* FULL_PROPS */),
53909
- (_ctx.AttendanceTimeList.length>0)
53921
+ (_ctx.attendanceTimeList && _ctx.attendanceTimeList.length>0)
53910
53922
  ? (vue.openBlock(), vue.createBlock(_component_a_form_item, vue.mergeProps({
53911
53923
  key: 0,
53912
53924
  label: "出席时间"
@@ -53915,7 +53927,7 @@ summary tabindex target title type usemap value width wmode wrap`;
53915
53927
  vue.createVNode(_component_a_select, {
53916
53928
  value: _ctx.modelRef.attendanceTime,
53917
53929
  "onUpdate:value": _cache[3] || (_cache[3] = $event => ((_ctx.modelRef.attendanceTime) = $event)),
53918
- options: _ctx.AttendanceTimeList,
53930
+ options: _ctx.attendanceTimeList,
53919
53931
  mode: "tags",
53920
53932
  placeholder: "please select attendance time"
53921
53933
  }, null, 8 /* PROPS */, ["value", "options"])
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unika-components",
3
- "version": "1.0.78",
3
+ "version": "1.0.80",
4
4
  "private": false,
5
5
  "main": "dist/unika-components.umd.js",
6
6
  "module": "dist/unika-components.esm.js",