unika-components 1.0.244 → 1.0.246

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.
@@ -160,6 +160,7 @@ export declare const imageDefaultProps: {
160
160
  right: string;
161
161
  transform: string;
162
162
  imageSrc: string;
163
+ maskImage: string;
163
164
  };
164
165
  export declare const shapeDefaultProps: {
165
166
  actionType: string;
@@ -486,6 +487,7 @@ export declare const componentsDefaultProps: {
486
487
  right: string;
487
488
  transform: string;
488
489
  imageSrc: string;
490
+ maskImage: string;
489
491
  };
490
492
  };
491
493
  'uni-shape': {
@@ -1,6 +1,5 @@
1
1
  import { App } from 'vue';
2
2
  import UniText from './components/UniText';
3
- import UniImage from './components/UniImage';
4
3
  import UniShape from './components/UniShape';
5
4
  import LongPage from './components/LongPage';
6
5
  import SwiperPage from './components/SwiperPage';
@@ -20,7 +19,7 @@ import UniBulidUp from './components/UniBulidUp';
20
19
  import UniTest from './components/UniTest';
21
20
  import UniSvg from './components/UniSvg';
22
21
  declare const install: (app: App) => void;
23
- export { UniText, UniImage, UniShape, LongPage, SwiperPage, UniBackground, UniVideo, UniCalendar, UniCountdown, UniMap, UniCall, UniLike, UniEffect, UniRegisterForm, UniLotties, UniSwiper, UniButton, UniBulidUp, UniSvg, UniTest, install };
22
+ export { UniText, UniShape, LongPage, SwiperPage, UniBackground, UniVideo, UniCalendar, UniCountdown, UniMap, UniCall, UniLike, UniEffect, UniRegisterForm, UniLotties, UniSwiper, UniButton, UniBulidUp, UniSvg, UniTest, install };
24
23
  declare const _default: {
25
24
  install: (app: App<any>) => void;
26
25
  };
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -10,6 +10,61 @@ button.uni-text-component {
10
10
  box-sizing: border-box;
11
11
  white-space: pre-wrap;
12
12
  }
13
+
14
+
15
+ .uni-calendar-component {
16
+
17
+ }
18
+ .slot-number {
19
+ position: absolute;
20
+ bottom: 2px;
21
+ left: 7px;
22
+ font-size: 12px;
23
+ color: #666
24
+ }
25
+
26
+ .uni-video-component {
27
+ position: relative;
28
+ text-align: center;
29
+ }
30
+ .play-pause-button {
31
+ position: absolute;
32
+ top: 50%;
33
+ left: 50%;
34
+ transform: translate(-50%, -50%);
35
+ cursor: pointer;
36
+ font-size: 2rem;
37
+ color: #fff;
38
+ background: rgba(0, 0, 0, 0.6);
39
+ border-radius: 50%;
40
+ padding: 10px;
41
+ transition: background 0.3s;
42
+ }
43
+ .play-pause-button:hover {
44
+ background: rgba(0, 0, 0, 0.8);
45
+ }
46
+
47
+ .like-button {
48
+ display: flex;
49
+ flex-direction: column;
50
+ align-items: center;
51
+ cursor: pointer;
52
+ }
53
+
54
+ .icon-heart {
55
+ font-size: 24px;
56
+ color: #e74c3c;
57
+ }
58
+
59
+ .liked {
60
+ color: #f00; /* 更改颜色以示已赞 */
61
+ }
62
+
63
+ .like-count {
64
+ margin-top: 4px;
65
+ font-size: 16px;
66
+ color: #333;
67
+ }
13
68
 
14
69
  .slide-guide {
15
70
  position: absolute;
@@ -84,43 +139,31 @@ body, html {
84
139
  }
85
140
  }
86
141
 
87
-
88
- .uni-calendar-component {
89
-
90
- }
91
- .slot-number {
92
- position: absolute;
93
- bottom: 2px;
94
- left: 7px;
95
- font-size: 12px;
96
- color: #666
142
+ .swiper-warp {
143
+ width: 100%;
144
+ height: 100%;
97
145
  }
98
-
99
- .uni-image-component {
100
- max-width: 100%;
101
- }
102
146
 
103
- .like-button {
104
- display: flex;
105
- flex-direction: column;
106
- align-items: center;
107
- cursor: pointer;
147
+ .swiper-slide-component {
148
+ text-align: center;
108
149
  }
109
150
 
110
- .icon-heart {
111
- font-size: 24px;
112
- color: #e74c3c;
151
+ .swiper-slide img {
152
+ max-width: 100%;
153
+ max-height: 100%;
113
154
  }
155
+
156
+ .uni-svg-component {
157
+ display: inline-block;
158
+ }
114
159
 
115
- .liked {
116
- color: #f00; /* 更改颜色以示已赞 */
160
+ .effect {
161
+ width: 100%;
162
+ height: 100%;
117
163
  }
118
164
 
119
- .like-count {
120
- margin-top: 4px;
121
- font-size: 16px;
122
- color: #333;
123
- }
165
+ .uni-build-up-component {
166
+ }
124
167
 
125
168
  .ant-input-number {
126
169
  box-sizing: border-box;
@@ -156,53 +199,6 @@ body, html {
156
199
  margin-bottom: 0px;
157
200
  vertical-align: top;
158
201
  }
159
-
160
- .uni-video-component {
161
- position: relative;
162
- text-align: center;
163
- }
164
- .play-pause-button {
165
- position: absolute;
166
- top: 50%;
167
- left: 50%;
168
- transform: translate(-50%, -50%);
169
- cursor: pointer;
170
- font-size: 2rem;
171
- color: #fff;
172
- background: rgba(0, 0, 0, 0.6);
173
- border-radius: 50%;
174
- padding: 10px;
175
- transition: background 0.3s;
176
- }
177
- .play-pause-button:hover {
178
- background: rgba(0, 0, 0, 0.8);
179
- }
180
-
181
- .uni-build-up-component {
182
- }
183
-
184
- .effect {
185
- width: 100%;
186
- height: 100%;
187
- }
188
-
189
- .uni-svg-component {
190
- display: inline-block;
191
- }
192
-
193
- .swiper-warp {
194
- width: 100%;
195
- height: 100%;
196
- }
197
-
198
- .swiper-slide-component {
199
- text-align: center;
200
- }
201
-
202
- .swiper-slide img {
203
- max-width: 100%;
204
- max-height: 100%;
205
- }
206
202
  /**
207
203
  * Swiper 6.8.4
208
204
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -1,4 +1,4 @@
1
- import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, withModifiers, normalizeStyle as normalizeStyle$1, withCtx, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, normalizeProps, guardReactiveProps, h as h$2, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createVNode, normalizeClass, createElementVNode, mergeProps, createCommentVNode, renderSlot, pushScopeId, popScopeId, toRefs, onBeforeMount, onUnmounted, withDirectives, vShow, isVNode, Comment, Text, reactive, getCurrentInstance, inject, provide, unref, shallowRef, watchEffect, triggerRef, Transition, resolveDirective, cloneVNode, toRef, Teleport, isRef, toRaw, render as render$n, TransitionGroup } from 'vue';
1
+ import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, withModifiers, normalizeStyle as normalizeStyle$1, withCtx, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, normalizeProps, guardReactiveProps, h as h$2, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createVNode, normalizeClass, createElementVNode, mergeProps, createCommentVNode, renderSlot, pushScopeId, popScopeId, toRefs, onBeforeMount, onUnmounted, withDirectives, vShow, isVNode, Comment, Text, reactive, getCurrentInstance, inject, provide, unref, shallowRef, watchEffect, triggerRef, Transition, resolveDirective, cloneVNode, toRef, Teleport, isRef, toRaw, render as render$m, TransitionGroup } from 'vue';
2
2
  import crypto from 'crypto';
3
3
 
4
4
  /** Detect free variable `global` from Node.js. */
@@ -5022,6 +5022,7 @@ const textDefaultProps = {
5022
5022
  };
5023
5023
  const imageDefaultProps = {
5024
5024
  imageSrc: '',
5025
+ maskImage: '',
5025
5026
  ...commonDefaultProps
5026
5027
  };
5027
5028
  const shapeDefaultProps = {
@@ -5374,7 +5375,7 @@ const extraProps$1 = {
5374
5375
  };
5375
5376
  const defaultProps$f = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
5376
5377
  // array that contains style props
5377
- var script$l = defineComponent({
5378
+ var script$k = defineComponent({
5378
5379
  name: 'uni-text',
5379
5380
  props: {
5380
5381
  ...defaultProps$f
@@ -5389,7 +5390,7 @@ var script$l = defineComponent({
5389
5390
  }
5390
5391
  });
5391
5392
 
5392
- function render$m(_ctx, _cache, $props, $setup, $data, $options) {
5393
+ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
5393
5394
  return (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
5394
5395
  onClick: withModifiers(_ctx.handleClick, ["prevent"]),
5395
5396
  style: normalizeStyle$1(_ctx.styleProps),
@@ -5402,43 +5403,9 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
5402
5403
  }, 8 /* PROPS */, ["onClick", "style"]))
5403
5404
  }
5404
5405
 
5405
- script$l.render = render$m;
5406
- script$l.__scopeId = "data-v-55ed80cb";
5407
- script$l.__file = "src/components/UniText/UniText.vue";
5408
-
5409
- script$l.install = (app) => {
5410
- app.component(script$l.name, script$l);
5411
- };
5412
-
5413
- // array that contains style props
5414
- var script$k = defineComponent({
5415
- name: 'uni-image',
5416
- props: transformToComponentProps(componentsDefaultProps['uni-image'].props, isEditingProp),
5417
- setup(props) {
5418
- const styleProps = useStylePick(props);
5419
- const handleClick = useComponentClick(props);
5420
- return {
5421
- styleProps,
5422
- handleClick
5423
- };
5424
- }
5425
- });
5426
-
5427
- const _hoisted_1$b = ["src"];
5428
-
5429
- function render$l(_ctx, _cache, $props, $setup, $data, $options) {
5430
- return (openBlock(), createElementBlock("img", {
5431
- src: _ctx.imageSrc,
5432
- style: normalizeStyle$1(_ctx.styleProps),
5433
- onClick: _cache[0] || (_cache[0] = withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
5434
- class: "uni-image-component inner-component",
5435
- draggable: false
5436
- }, null, 12 /* STYLE, PROPS */, _hoisted_1$b))
5437
- }
5438
-
5439
5406
  script$k.render = render$l;
5440
- script$k.__scopeId = "data-v-03caca2f";
5441
- script$k.__file = "src/components/UniImage/UniImage.vue";
5407
+ script$k.__scopeId = "data-v-55ed80cb";
5408
+ script$k.__file = "src/components/UniText/UniText.vue";
5442
5409
 
5443
5410
  script$k.install = (app) => {
5444
5411
  app.component(script$k.name, script$k);
@@ -44797,7 +44764,7 @@ const WaveEffect = defineComponent({
44797
44764
  var _a;
44798
44765
  const holder = (_a = divRef.value) === null || _a === void 0 ? void 0 : _a.parentElement;
44799
44766
  if (holder) {
44800
- render$n(null, holder);
44767
+ render$m(null, holder);
44801
44768
  if (holder.parentElement) {
44802
44769
  holder.parentElement.removeChild(holder);
44803
44770
  }
@@ -44870,7 +44837,7 @@ function showWaveEffect(node, className) {
44870
44837
  holder.style.left = `0px`;
44871
44838
  holder.style.top = `0px`;
44872
44839
  node === null || node === void 0 ? void 0 : node.insertBefore(holder, node === null || node === void 0 ? void 0 : node.firstChild);
44873
- render$n(createVNode(WaveEffect, {
44840
+ render$m(createVNode(WaveEffect, {
44874
44841
  "target": node,
44875
44842
  "className": className
44876
44843
  }, null), holder);
@@ -75969,8 +75936,8 @@ script.install = (app) => {
75969
75936
 
75970
75937
  // export { textDefaultProps , textStylePropNames, TextComponentProps,
75971
75938
  const components = [
75972
- script$l,
75973
75939
  script$k,
75940
+ // UniImage,
75974
75941
  script$j,
75975
75942
  script$i,
75976
75943
  script$h,
@@ -76002,4 +75969,4 @@ var index = {
76002
75969
  install
76003
75970
  };
76004
75971
 
76005
- export { script$i as LongPage, script$h as SwiperPage, script$g as UniBackground, script$2 as UniBulidUp, script$3 as UniButton, script$d as UniCalendar, script$9 as UniCall, script$b as UniCountdown, script$7 as UniEffect, script$k as UniImage, script$8 as UniLike, script$5 as UniLotties, script$a as UniMap, script$6 as UniRegisterForm, script$j as UniShape, script as UniSvg, script$4 as UniSwiper, script$1 as UniTest, script$l as UniText, script$f as UniVideo, index as default, install };
75972
+ export { script$i as LongPage, script$h as SwiperPage, script$g as UniBackground, script$2 as UniBulidUp, script$3 as UniButton, script$d as UniCalendar, script$9 as UniCall, script$b as UniCountdown, script$7 as UniEffect, script$8 as UniLike, script$5 as UniLotties, script$a as UniMap, script$6 as UniRegisterForm, script$j as UniShape, script as UniSvg, script$4 as UniSwiper, script$1 as UniTest, script$k as UniText, script$f as UniVideo, index as default, install };
@@ -5029,6 +5029,7 @@
5029
5029
  };
5030
5030
  const imageDefaultProps = {
5031
5031
  imageSrc: '',
5032
+ maskImage: '',
5032
5033
  ...commonDefaultProps
5033
5034
  };
5034
5035
  const shapeDefaultProps = {
@@ -5381,7 +5382,7 @@
5381
5382
  };
5382
5383
  const defaultProps$f = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
5383
5384
  // array that contains style props
5384
- var script$l = vue.defineComponent({
5385
+ var script$k = vue.defineComponent({
5385
5386
  name: 'uni-text',
5386
5387
  props: {
5387
5388
  ...defaultProps$f
@@ -5396,7 +5397,7 @@
5396
5397
  }
5397
5398
  });
5398
5399
 
5399
- function render$m(_ctx, _cache, $props, $setup, $data, $options) {
5400
+ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
5400
5401
  return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
5401
5402
  onClick: vue.withModifiers(_ctx.handleClick, ["prevent"]),
5402
5403
  style: vue.normalizeStyle(_ctx.styleProps),
@@ -5409,43 +5410,9 @@
5409
5410
  }, 8 /* PROPS */, ["onClick", "style"]))
5410
5411
  }
5411
5412
 
5412
- script$l.render = render$m;
5413
- script$l.__scopeId = "data-v-55ed80cb";
5414
- script$l.__file = "src/components/UniText/UniText.vue";
5415
-
5416
- script$l.install = (app) => {
5417
- app.component(script$l.name, script$l);
5418
- };
5419
-
5420
- // array that contains style props
5421
- var script$k = vue.defineComponent({
5422
- name: 'uni-image',
5423
- props: transformToComponentProps(componentsDefaultProps['uni-image'].props, isEditingProp),
5424
- setup(props) {
5425
- const styleProps = useStylePick(props);
5426
- const handleClick = useComponentClick(props);
5427
- return {
5428
- styleProps,
5429
- handleClick
5430
- };
5431
- }
5432
- });
5433
-
5434
- const _hoisted_1$b = ["src"];
5435
-
5436
- function render$l(_ctx, _cache, $props, $setup, $data, $options) {
5437
- return (vue.openBlock(), vue.createElementBlock("img", {
5438
- src: _ctx.imageSrc,
5439
- style: vue.normalizeStyle(_ctx.styleProps),
5440
- onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
5441
- class: "uni-image-component inner-component",
5442
- draggable: false
5443
- }, null, 12 /* STYLE, PROPS */, _hoisted_1$b))
5444
- }
5445
-
5446
5413
  script$k.render = render$l;
5447
- script$k.__scopeId = "data-v-03caca2f";
5448
- script$k.__file = "src/components/UniImage/UniImage.vue";
5414
+ script$k.__scopeId = "data-v-55ed80cb";
5415
+ script$k.__file = "src/components/UniText/UniText.vue";
5449
5416
 
5450
5417
  script$k.install = (app) => {
5451
5418
  app.component(script$k.name, script$k);
@@ -75976,8 +75943,8 @@ summary tabindex target title type usemap value width wmode wrap`;
75976
75943
 
75977
75944
  // export { textDefaultProps , textStylePropNames, TextComponentProps,
75978
75945
  const components = [
75979
- script$l,
75980
75946
  script$k,
75947
+ // UniImage,
75981
75948
  script$j,
75982
75949
  script$i,
75983
75950
  script$h,
@@ -76018,7 +75985,6 @@ summary tabindex target title type usemap value width wmode wrap`;
76018
75985
  exports.UniCall = script$9;
76019
75986
  exports.UniCountdown = script$b;
76020
75987
  exports.UniEffect = script$7;
76021
- exports.UniImage = script$k;
76022
75988
  exports.UniLike = script$8;
76023
75989
  exports.UniLotties = script$5;
76024
75990
  exports.UniMap = script$a;
@@ -76027,7 +75993,7 @@ summary tabindex target title type usemap value width wmode wrap`;
76027
75993
  exports.UniSvg = script;
76028
75994
  exports.UniSwiper = script$4;
76029
75995
  exports.UniTest = script$1;
76030
- exports.UniText = script$l;
75996
+ exports.UniText = script$k;
76031
75997
  exports.UniVideo = script$f;
76032
75998
  exports["default"] = index;
76033
75999
  exports.install = install;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unika-components",
3
- "version": "1.0.244",
3
+ "version": "1.0.246",
4
4
  "private": false,
5
5
  "main": "dist/unika-components.umd.js",
6
6
  "module": "dist/unika-components.esm.js",
@@ -24,7 +24,7 @@
24
24
  "build:umd": "rollup --config build/rollup.umd.config.js",
25
25
  "test": "vue-cli-service test:unit",
26
26
  "test:watch": "vue-cli-service test:unit --watch",
27
- "prepublishOnly": "npm run test && npm run build"
27
+ "prepublishOnly": "npm run build"
28
28
  },
29
29
  "husky": {
30
30
  "hooks": {