unika-components 1.0.71 → 1.0.73

package/dist/src/components/UniCalendar/UniCalendar.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    transform: {
+    calTransform: {
         type: StringConstructor;
         default: string;
     };
@@ -74,7 +74,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    transform: {
+    calTransform: {
         type: StringConstructor;
         default: string;
     };
@@ -125,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     left: string;
     top: string;
-    transform: string;
+    calTransform: string;
     opacity: number;
     date: string;
     backgroundColor: string;

package/dist/src/components/UniCall/UniCall.vue.d.ts

@@ -11,10 +11,22 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    text: {
+    callText: {
         type: StringConstructor;
         default: string;
     };
+    opacity: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    isEditing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     styleProps: import("vue").ComputedRef<Pick<any, string>>;
     handleClick: () => void;
@@ -32,14 +44,29 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    text: {
+    callText: {
         type: StringConstructor;
         default: string;
     };
+    opacity: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    isEditing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     phoneNumber: string;
     fontColor: string;
     backgroundColor: string;
-    text: string;
+    callText: string;
+    opacity: number;
+    fontSize: string;
+    isEditing: boolean;
 }, {}>;
 export default _default;

package/dist/src/components/UniLotties/UniLotties.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    lottiesTransform: {
+    transform: {
         type: StringConstructor;
         default: string;
     };
@@ -378,7 +378,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    lottiesTransform: {
+    transform: {
         type: StringConstructor;
         default: string;
     };
@@ -402,6 +402,6 @@ declare const _default: import("vue").DefineComponent<{
     height: string;
     delay: number;
     top: string;
-    lottiesTransform: string;
+    transform: string;
 }, {}>;
 export default _default;

package/dist/src/defaultProps.d.ts

@@ -264,7 +264,7 @@ export declare const callDefaultProps: {
     top: string;
     width: string;
     height: string;
-    transform: string;
+    calTransform: string;
     borderRadius: string;
     borderStyle: string;
     borderWidth: string;
@@ -272,7 +272,10 @@ export declare const callDefaultProps: {
     fontColor: string;
     backgroundColor: string;
     phoneNumber: string;
-    text: string;
+    callText: string;
+    fontSize: string;
+    opacity: number;
+    isEditing: boolean;
 };
 export declare const buttonDefaultProps: {
     left: string;
@@ -341,7 +344,7 @@ export declare const lottiesDefaultProps: {
     top: string;
     width: string;
     height: string;
-    lottiesTransform: string;
+    transform: string;
     loop: boolean;
     delay: number;
     pauseAnimation: boolean;
@@ -535,7 +538,7 @@ export declare const componentsDefaultProps: {
             top: string;
             width: string;
             height: string;
-            transform: string;
+            calTransform: string;
             borderRadius: string;
             borderStyle: string;
             borderWidth: string;
@@ -543,7 +546,10 @@ export declare const componentsDefaultProps: {
             fontColor: string;
             backgroundColor: string;
             phoneNumber: string;
-            text: string;
+            callText: string;
+            fontSize: string;
+            opacity: number;
+            isEditing: boolean;
         };
     };
     'uni-like': {
@@ -605,7 +611,7 @@ export declare const componentsDefaultProps: {
             top: string;
             width: string;
             height: string;
-            lottiesTransform: string;
+            transform: string;
             loop: boolean;
             delay: number;
             pauseAnimation: boolean;

package/dist/unika-components.css

@@ -1,7 +1,39 @@
-
-.uni-image-component {
-  max-width: 100%;
-}
+
+  .uni-background-component {
+    width: 100%;
+  }
+  .bg-img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    z-index:1;
+  }
+  .watermark {
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+  .watermark-div {
+    height: 100%;
+    width:100%;
+    position:absolute;
+    z-index:99999999;
+  }
+  body:before{
+  content: '';
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: -1;
+  /* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
+  background-position: center;  
+  opacity: 0.1;
+}
 
  .slide-guide {
     position: absolute;
@@ -75,84 +107,11 @@ body, html {
         transform: translate3d(-50%, -50%, 0);
     }
 }
-
-  .uni-background-component {
-    width: 100%;
-  }
-  .bg-img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    z-index:1;
-  }
-  .watermark {
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-  }
-  .watermark-div {
-    height: 100%;
-    width:100%;
-    position:absolute;
-    z-index:99999999;
-  }
-  body:before{
-  content: '';
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: -1;
-  /* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
-  background-position: center;  
-  opacity: 0.1;
-}
-
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
-}
 
-h2.uni-text-component, p.uni-text-component {
-  margin-bottom: 0;
-}
-button.uni-text-component {
-  padding: 5px 10px;
-  cursor: pointer;
-}
-.uni-text-component {
-  box-sizing: border-box;
-  white-space: pre-wrap;
+.uni-image-component {
+  max-width: 100%;
 }
 
-  .uni-video-component {
-    position: relative;
-    text-align: center;
-  }
-  .play-pause-button {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    cursor: pointer;
-    font-size: 2rem;
-    color: #fff;
-    background: rgba(0, 0, 0, 0.6);
-    border-radius: 50%;
-    padding: 10px;
-    transition: background 0.3s;
-  }
-  .play-pause-button:hover {
-    background: rgba(0, 0, 0, 0.8);
-  }
-
 #audio {
   position: absolute;
   right: 10px;
@@ -248,6 +207,47 @@ button.uni-text-component {
   }
 }
 
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
+}
+
+  .uni-video-component {
+    position: relative;
+    text-align: center;
+  }
+  .play-pause-button {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    cursor: pointer;
+    font-size: 2rem;
+    color: #fff;
+    background: rgba(0, 0, 0, 0.6);
+    border-radius: 50%;
+    padding: 10px;
+    transition: background 0.3s;
+  }
+  .play-pause-button:hover {
+    background: rgba(0, 0, 0, 0.8);
+  }
+
+h2.uni-text-component, p.uni-text-component {
+  margin-bottom: 0;
+}
+button.uni-text-component {
+  padding: 5px 10px;
+  cursor: pointer;
+}
+.uni-text-component {
+  box-sizing: border-box;
+  white-space: pre-wrap;
+}
+
 .like-button {
   display: flex;
   flex-direction: column;
@@ -270,11 +270,6 @@ button.uni-text-component {
   color: #333;
 }
 
-.effect {
-  width: 100%;
-  height: 100%;
-}
-
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -310,6 +305,11 @@ button.uni-text-component {
   vertical-align: top;
 }
 
+.effect {
+  width: 100%;
+  height: 100%;
+}
+
 .swiper-warp {
   width: 100%;
   height: 100%;
@@ -871,249 +871,62 @@ button.swiper-pagination-bullet {
           backface-visibility: hidden;
 }
 
-
-.no-animation__card {
-  font-weight: 500;
-  font-size: var(--countdown-size, 2rem);
-  line-height: 1.5;
-  display: block;
-  color: var(--main-color, #EC685C);
+.unika-calendar-title {
+  font-size: 25px;
+  padding-bottom: 4px;
 }
-
-.flip-clock {
-  text-align: center;
-  perspective: 600px;
-  margin: 0 auto;
+.unika-calendar-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  -webkit-box-align: end;
+  -ms-flex-align: end;
+  align-items: flex-end;
+  line-height: 1;
+  padding: 0 47px 20px;
 }
-
-.flip-clock *,
-.flip-clock *:before,
-.flip-clock *:after {
-  box-sizing: border-box;
+.unika-calendar-header .disabled {
+  pointer-events: none;
+  color: #f0f0f0;
 }
-
-.flip-clock__piece {
-  display: inline-block;
-  margin: 0 0.2vw;
+.unika-calendar-th {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
+  height: 25px;
+  line-height: 25px;
+  padding: 0 10px;
+  border-radius: 13px
 }
-
-@media (min-width: 1000px) {
-  .flip-clock__piece {
-    margin: 0 5px;
-  }
+.unika-calendar-th > * {
+  width: 14.2%;
+  text-align: center;
+  color: #fff;
+  font-size: 15px;
 }
-
-.flip-clock__slot {
-  font-size: var(--label-size, 1rem);
-  line-height: 1.5;
-  display: block;
-  color: var(--label-color, #222222);
+.unika-calendar-th > *:not(:first-child) {
+  margin-left: 10px;
 }
-
-.flip-card {
-  display: block;
+.unika-calendar-body {
+  padding: 0;
+  margin: 0;
+  font-size: 0;
+  padding: 5px 10px 0;
+  text-align: left;
+}
+.unika-calendar-editor {
+  font-size: 25px;
+}
+.unika-calendar-editor span {
   position: relative;
-  padding-bottom: 0.72em; /* halfHeight */
-  font-size: var(--countdown-size, 2.25rem);
-  line-height: 0.95;
-}
-
-@media (min-width: 1000px) {
-  .flip-clock__slot {
-    font-size: 1.2rem;
-  }
-  
-  .flip-card {
-    font-size: 3rem;
-  }
-}
-
-.flip-card__top,
-.flip-card__bottom,
-.flip-card__back-bottom,
-.flip-card__back::before,
-.flip-card__back::after{
-  display: block;
-  height: 0.72em; /* halfHeight */
-  color: var(--main-color, #EC685C);
-  background: var(--main-flip-background-color, #222222);
-  padding: 0.23em 0.15em 0.4em;
-  border-radius: 0.15em 0.15em 0 0; /* borderRadius */
-  backface-visibility: hidden;
-  -webkit-backface-visibility: hidden;
-  transform-style: preserve-3d;
-  width: 2.1em;
-}
-
-.flip-card__top-4digits,
-.flip-card__bottom-4digits,
-.flip-card__back-bottom-4digits,
-.flip-card__back-4digits::before,
-.flip-card__back-4digits::after {
-  display: block;
-  height: 0.72em; /* halfHeight */
-  color: var(--main-color, #EC685C);
-  background: var(--main-flip-background-color, #222222);
-  padding: 0.23em 0.15em 0.4em;
-  border-radius: 0.15em 0.15em 0 0; /* borderRadius */
-  backface-visibility: hidden;
-  -webkit-backface-visibility: hidden;
-  transform-style: preserve-3d;
-  width: 2.65em;
-}
-
-.flip-card__bottom,
-.flip-card__back-bottom,
-.flip-card__bottom-4digits,
-.flip-card__back-bottom-4digits {
-  color: var(--second-flip-color, #EC685C);
-  position: absolute;
-  top: 50%;
-  left: 0;
-  border-top: solid 1px var(--second-flip-background-color, #000);
-  background: var(--second-flip-background-color, #393939);
-  border-radius: 0 0 0.15em 0.15em; /* borderRadius */
-  pointer-events: none;
-  overflow: hidden;
-  z-index: 2;
-}
-
-.flip-card__back-bottom,
-.flip-card__back-bottom-4digits {
-  z-index: 1;
-}
-
-.flip-card__bottom::after,
-.flip-card__back-bottom::after,
-.flip-card__bottom-4digits::after,
-.flip-card__back-bottom-4digits::after {
-  display: block;
-  margin-top: -0.72em; /* Negative halfHeight */
-}
-.flip-card__back::before,
-.flip-card__bottom::after,
-.flip-card__back-bottom::after,
-.flip-card__back-4digits::before,
-.flip-card__bottom-4digits::after,
-.flip-card__back-bottom-4digits::after {
-    content: attr(data-value);
-}
-
-.flip-card__back,
-.flip-card__back-4digits {
-    position: absolute;
-    top: 0;
-    height: 100%;
-    left: 0%;
-    pointer-events: none;
-}
-.flip-card__back::before,
-.flip-card__back-4digits::before {
-  position: relative;
-  overflow: hidden;
-  z-index: -1;
-}
-
-.flip .flip-card__back::before,
-.flip .flip-card__back-4digits::before {
-  z-index: 1;
-  animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
-  animation-fill-mode: both;
-  transform-origin: center bottom;
-}
-
-.flip .flip-card__bottom,
-.flip .flip-card__bottom-4digits {
-  transform-origin: center top;
-  animation-fill-mode: both;
-  animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
-}
-@keyframes flipTop {
-  0% {
-    transform: rotateX(0deg);
-    z-index: 2;
-  }
-  0%, 99% {
-    opacity: 1;
-  }
-  100% {
-    transform: rotateX(-90deg);
-    opacity: 0;
-  }
-}
-
-@keyframes flipBottom {
-  0%, 50% {
-    z-index: -1;
-    transform: rotateX(90deg);
-    opacity: 0;
-  }
-  51% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 1;
-    transform: rotateX(0deg);
-    z-index: 5;
-  }
-}
-
-.unika-calendar-title {
-  font-size: 25px;
-  padding-bottom: 4px;
-}
-.unika-calendar-header {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-box-align: end;
-  -ms-flex-align: end;
-  align-items: flex-end;
-  line-height: 1;
-  padding: 0 47px 20px;
-}
-.unika-calendar-header .disabled {
-  pointer-events: none;
-  color: #f0f0f0;
-}
-.unika-calendar-th {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  justify-content: flex-start;
-  height: 25px;
-  line-height: 25px;
-  padding: 0 10px;
-  border-radius: 13px
-}
-.unika-calendar-th > * {
-  width: 14.2%;
-  text-align: center;
-  color: #fff;
-  font-size: 15px;
-}
-.unika-calendar-th > *:not(:first-child) {
-  margin-left: 10px;
-}
-.unika-calendar-body {
-  padding: 0;
-  margin: 0;
-  font-size: 0;
-  padding: 5px 10px 0;
-  text-align: left;
-}
-.unika-calendar-editor {
-  font-size: 25px;
-}
-.unika-calendar-editor span {
-  position: relative;
-  top: 2px;
-  font-size: 57px;
+  top: 2px;
+  font-size: 57px;
 }
 .unika-calendar-day {
   display: inline-block;
@@ -1309,3 +1122,190 @@ button.swiper-pagination-bullet {
   padding: 0 0px;
   border-bottom: 1px solid
 }
+
+
+.no-animation__card {
+  font-weight: 500;
+  font-size: var(--countdown-size, 2rem);
+  line-height: 1.5;
+  display: block;
+  color: var(--main-color, #EC685C);
+}
+
+.flip-clock {
+  text-align: center;
+  perspective: 600px;
+  margin: 0 auto;
+}
+
+.flip-clock *,
+.flip-clock *:before,
+.flip-clock *:after {
+  box-sizing: border-box;
+}
+
+.flip-clock__piece {
+  display: inline-block;
+  margin: 0 0.2vw;
+}
+
+@media (min-width: 1000px) {
+  .flip-clock__piece {
+    margin: 0 5px;
+  }
+}
+
+.flip-clock__slot {
+  font-size: var(--label-size, 1rem);
+  line-height: 1.5;
+  display: block;
+  color: var(--label-color, #222222);
+}
+
+.flip-card {
+  display: block;
+  position: relative;
+  padding-bottom: 0.72em; /* halfHeight */
+  font-size: var(--countdown-size, 2.25rem);
+  line-height: 0.95;
+}
+
+@media (min-width: 1000px) {
+  .flip-clock__slot {
+    font-size: 1.2rem;
+  }
+  
+  .flip-card {
+    font-size: 3rem;
+  }
+}
+
+.flip-card__top,
+.flip-card__bottom,
+.flip-card__back-bottom,
+.flip-card__back::before,
+.flip-card__back::after{
+  display: block;
+  height: 0.72em; /* halfHeight */
+  color: var(--main-color, #EC685C);
+  background: var(--main-flip-background-color, #222222);
+  padding: 0.23em 0.15em 0.4em;
+  border-radius: 0.15em 0.15em 0 0; /* borderRadius */
+  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+  transform-style: preserve-3d;
+  width: 2.1em;
+}
+
+.flip-card__top-4digits,
+.flip-card__bottom-4digits,
+.flip-card__back-bottom-4digits,
+.flip-card__back-4digits::before,
+.flip-card__back-4digits::after {
+  display: block;
+  height: 0.72em; /* halfHeight */
+  color: var(--main-color, #EC685C);
+  background: var(--main-flip-background-color, #222222);
+  padding: 0.23em 0.15em 0.4em;
+  border-radius: 0.15em 0.15em 0 0; /* borderRadius */
+  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+  transform-style: preserve-3d;
+  width: 2.65em;
+}
+
+.flip-card__bottom,
+.flip-card__back-bottom,
+.flip-card__bottom-4digits,
+.flip-card__back-bottom-4digits {
+  color: var(--second-flip-color, #EC685C);
+  position: absolute;
+  top: 50%;
+  left: 0;
+  border-top: solid 1px var(--second-flip-background-color, #000);
+  background: var(--second-flip-background-color, #393939);
+  border-radius: 0 0 0.15em 0.15em; /* borderRadius */
+  pointer-events: none;
+  overflow: hidden;
+  z-index: 2;
+}
+
+.flip-card__back-bottom,
+.flip-card__back-bottom-4digits {
+  z-index: 1;
+}
+
+.flip-card__bottom::after,
+.flip-card__back-bottom::after,
+.flip-card__bottom-4digits::after,
+.flip-card__back-bottom-4digits::after {
+  display: block;
+  margin-top: -0.72em; /* Negative halfHeight */
+}
+.flip-card__back::before,
+.flip-card__bottom::after,
+.flip-card__back-bottom::after,
+.flip-card__back-4digits::before,
+.flip-card__bottom-4digits::after,
+.flip-card__back-bottom-4digits::after {
+    content: attr(data-value);
+}
+
+.flip-card__back,
+.flip-card__back-4digits {
+    position: absolute;
+    top: 0;
+    height: 100%;
+    left: 0%;
+    pointer-events: none;
+}
+.flip-card__back::before,
+.flip-card__back-4digits::before {
+  position: relative;
+  overflow: hidden;
+  z-index: -1;
+}
+
+.flip .flip-card__back::before,
+.flip .flip-card__back-4digits::before {
+  z-index: 1;
+  animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
+  animation-fill-mode: both;
+  transform-origin: center bottom;
+}
+
+.flip .flip-card__bottom,
+.flip .flip-card__bottom-4digits {
+  transform-origin: center top;
+  animation-fill-mode: both;
+  animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
+}
+@keyframes flipTop {
+  0% {
+    transform: rotateX(0deg);
+    z-index: 2;
+  }
+  0%, 99% {
+    opacity: 1;
+  }
+  100% {
+    transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes flipBottom {
+  0%, 50% {
+    z-index: -1;
+    transform: rotateX(90deg);
+    opacity: 0;
+  }
+  51% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 1;
+    transform: rotateX(0deg);
+    z-index: 5;
+  }
+}

package/dist/unika-components.esm.js

@@ -5096,7 +5096,7 @@ const callDefaultProps = {
     top: '347px',
     width: '120px',
     height: '40px',
-    transform: 'rotate(0deg)',
+    calTransform: 'rotate(0deg)',
     borderRadius: '10px',
     borderStyle: 'solid',
     borderWidth: '2px',
@@ -5104,7 +5104,10 @@ const callDefaultProps = {
     fontColor: '#fff',
     backgroundColor: 'rgb(33, 147, 255)',
     phoneNumber: '01234567890',
-    text: '一键拨号'
+    callText: '一键拨号',
+    fontSize: '16px',
+    opacity: 1,
+    isEditing: false
 };
 const buttonDefaultProps = {
     left: '127px',
@@ -5154,7 +5157,7 @@ const lottiesDefaultProps = {
     top: '7px',
     width: '360px',
     height: '360px',
-    lottiesTransform: 'rotate(23deg)',
+    transform: 'rotate(23deg)',
     loop: true,
     delay: 0,
     pauseAnimation: false
@@ -16129,7 +16132,7 @@ var script$a = defineComponent({
             type: String,
             default: '204.5px'
         },
-        transform: {
+        calTransform: {
             type: String,
             default: 'scale(0.855)'
         },
@@ -16221,7 +16224,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (openBlock(), createElementBlock("div", {
     class: "uni-calendar-component",
-    style: normalizeStyle$1({left: _ctx.left,top: _ctx.top,width: '325px',height: '325px',transform: _ctx.transform, opacity: _ctx.opacity,position: 'absolute'})
+    style: normalizeStyle$1({left: _ctx.left,top: _ctx.top,width: '325px',height: '325px',transform: _ctx.calTransform, opacity: _ctx.opacity,position: 'absolute'})
   }, [
     createVNode(_component_Calendar, {
       ref: "calendarRef",
@@ -26213,9 +26216,21 @@ var script$6 = defineComponent({
             type: String,
             default: 'blue'
         },
-        text: {
+        callText: {
             type: String,
             default: '一键拨号'
+        },
+        opacity: {
+            type: Number,
+            default: 1
+        },
+        fontSize: {
+            type: String,
+            default: '16px'
+        },
+        isEditing: {
+            type: Boolean,
+            default: false
         }
     },
     components: {
@@ -26229,7 +26244,9 @@ var script$6 = defineComponent({
         const callNumber = () => {
             // 替换为要拨打的电话号码
             // 使用电话链接打电话
-            window.location.href = `tel:${props.phoneNumber}`;
+            if (!props.isEditing) {
+                window.location.href = `tel:${props.phoneNumber}`;
+            }
         };
         return {
             styleProps,
@@ -26243,7 +26260,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
 
   return (openBlock(), createElementBlock("button", {
-    style: normalizeStyle$1({..._ctx.styleProps, color: _ctx.fontColor, 
+    style: normalizeStyle$1({..._ctx.styleProps, color: _ctx.fontColor, opacity: _ctx.opacity,
     position: 'absolute', background: _ctx.backgroundColor}),
     onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args))),
     class: "call-button"
@@ -26251,7 +26268,9 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_font_awesome_icon, { icon: ['fas', 'square-phone'] }),
     createTextVNode("   "),
     renderSlot(_ctx.$slots, "default", {}, () => [
-      createTextVNode(toDisplayString(_ctx.text), 1 /* TEXT */)
+      createElementVNode("p", {
+        style: normalizeStyle$1({'font-size': _ctx.fontSize})
+      }, toDisplayString(_ctx.callText), 5 /* TEXT, STYLE */)
     ])
   ], 4 /* STYLE */))
 }
@@ -75436,7 +75455,7 @@ var script$2 = defineComponent({
             type: String,
             default: '360px'
         },
-        lottiesTransform: {
+        transform: {
             type: String,
             default: 'rotate(0deg)'
         },
@@ -75515,7 +75534,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     'width': _ctx.width,
     'height': _ctx.height,
     'position': 'absolute',
-    'transform': _ctx.lottiesTransform
+    'transform': _ctx.transform
   }),
     animationLink: _ctx.animationLinkC,
     loop: _ctx.loopC,

package/dist/unika-components.umd.js

@@ -5103,7 +5103,7 @@
       top: '347px',
       width: '120px',
       height: '40px',
-      transform: 'rotate(0deg)',
+      calTransform: 'rotate(0deg)',
       borderRadius: '10px',
       borderStyle: 'solid',
       borderWidth: '2px',
@@ -5111,7 +5111,10 @@
       fontColor: '#fff',
       backgroundColor: 'rgb(33, 147, 255)',
       phoneNumber: '01234567890',
-      text: '一键拨号'
+      callText: '一键拨号',
+      fontSize: '16px',
+      opacity: 1,
+      isEditing: false
   };
   const buttonDefaultProps = {
       left: '127px',
@@ -5161,7 +5164,7 @@
       top: '7px',
       width: '360px',
       height: '360px',
-      lottiesTransform: 'rotate(23deg)',
+      transform: 'rotate(23deg)',
       loop: true,
       delay: 0,
       pauseAnimation: false
@@ -16136,7 +16139,7 @@
               type: String,
               default: '204.5px'
           },
-          transform: {
+          calTransform: {
               type: String,
               default: 'scale(0.855)'
           },
@@ -16228,7 +16231,7 @@
 
     return (vue.openBlock(), vue.createElementBlock("div", {
       class: "uni-calendar-component",
-      style: vue.normalizeStyle({left: _ctx.left,top: _ctx.top,width: '325px',height: '325px',transform: _ctx.transform, opacity: _ctx.opacity,position: 'absolute'})
+      style: vue.normalizeStyle({left: _ctx.left,top: _ctx.top,width: '325px',height: '325px',transform: _ctx.calTransform, opacity: _ctx.opacity,position: 'absolute'})
     }, [
       vue.createVNode(_component_Calendar, {
         ref: "calendarRef",
@@ -26220,9 +26223,21 @@
               type: String,
               default: 'blue'
           },
-          text: {
+          callText: {
               type: String,
               default: '一键拨号'
+          },
+          opacity: {
+              type: Number,
+              default: 1
+          },
+          fontSize: {
+              type: String,
+              default: '16px'
+          },
+          isEditing: {
+              type: Boolean,
+              default: false
           }
       },
       components: {
@@ -26236,7 +26251,9 @@
           const callNumber = () => {
               // 替换为要拨打的电话号码
               // 使用电话链接打电话
-              window.location.href = `tel:${props.phoneNumber}`;
+              if (!props.isEditing) {
+                  window.location.href = `tel:${props.phoneNumber}`;
+              }
           };
           return {
               styleProps,
@@ -26250,7 +26267,7 @@
     const _component_font_awesome_icon = vue.resolveComponent("font-awesome-icon");
 
     return (vue.openBlock(), vue.createElementBlock("button", {
-      style: vue.normalizeStyle({..._ctx.styleProps, color: _ctx.fontColor, 
+      style: vue.normalizeStyle({..._ctx.styleProps, color: _ctx.fontColor, opacity: _ctx.opacity,
       position: 'absolute', background: _ctx.backgroundColor}),
       onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args))),
       class: "call-button"
@@ -26258,7 +26275,9 @@
       vue.createVNode(_component_font_awesome_icon, { icon: ['fas', 'square-phone'] }),
       vue.createTextVNode("   "),
       vue.renderSlot(_ctx.$slots, "default", {}, () => [
-        vue.createTextVNode(vue.toDisplayString(_ctx.text), 1 /* TEXT */)
+        vue.createElementVNode("p", {
+          style: vue.normalizeStyle({'font-size': _ctx.fontSize})
+        }, vue.toDisplayString(_ctx.callText), 5 /* TEXT, STYLE */)
       ])
     ], 4 /* STYLE */))
   }
@@ -75443,7 +75462,7 @@ summary tabindex target title type usemap value width wmode wrap`;
               type: String,
               default: '360px'
           },
-          lottiesTransform: {
+          transform: {
               type: String,
               default: 'rotate(0deg)'
           },
@@ -75522,7 +75541,7 @@ summary tabindex target title type usemap value width wmode wrap`;
       'width': _ctx.width,
       'height': _ctx.height,
       'position': 'absolute',
-      'transform': _ctx.lottiesTransform
+      'transform': _ctx.transform
     }),
       animationLink: _ctx.animationLinkC,
       loop: _ctx.loopC,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unika-components",
-  "version": "1.0.71",
+  "version": "1.0.73",
   "private": false,
   "main": "dist/unika-components.umd.js",
   "module": "dist/unika-components.esm.js",