unika-components 1.0.145 → 1.0.146

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

@@ -1,63 +1,13 @@
+export declare const defaultStyles: string[];
 declare const _default: import("vue").DefineComponent<{
-    phoneNumber: {
-        type: StringConstructor;
-        default: string;
-    };
-    fontColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    backgroundColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    callText: {
-        type: StringConstructor;
-        default: string;
-    };
-    transform: {
-        type: StringConstructor;
-        default: string;
-    };
-    isEditing: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    [x: string]: any;
 }, {
     styleProps: import("vue").ComputedRef<Pick<any, string>>;
     handleClick: () => void;
     callNumber: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    phoneNumber: {
-        type: StringConstructor;
-        default: string;
-    };
-    fontColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    backgroundColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    callText: {
-        type: StringConstructor;
-        default: string;
-    };
-    transform: {
-        type: StringConstructor;
-        default: string;
-    };
-    isEditing: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    [x: string]: any;
 }>>, {
-    transform: string;
-    phoneNumber: string;
-    fontColor: string;
-    backgroundColor: string;
-    callText: string;
-    isEditing: boolean;
+    [x: string]: any;
 }, {}>;
 export default _default;

package/dist/src/defaultProps.d.ts

@@ -288,18 +288,20 @@ export declare const callDefaultProps: {
     top: string;
     width: string;
     height: string;
+    position: string;
     size: string;
+    boxShadow: string;
     borderRadius: string;
     borderStyle: string;
     borderWidth: string;
     borderColor: string;
     fontColor: string;
     backgroundColor: string;
+    color: string;
     phoneNumber: string;
     callText: string;
     fontSize: string;
     opacity: number;
-    isEditing: boolean;
 };
 export declare const buttonDefaultProps: {
     position: string;
@@ -605,18 +607,20 @@ export declare const componentsDefaultProps: {
             top: string;
             width: string;
             height: string;
+            position: string;
             size: string;
+            boxShadow: string;
             borderRadius: string;
             borderStyle: string;
             borderWidth: string;
             borderColor: string;
             fontColor: string;
             backgroundColor: string;
+            color: string;
             phoneNumber: string;
             callText: string;
             fontSize: string;
             opacity: number;
-            isEditing: boolean;
         };
     };
     'uni-like': {

package/dist/unika-components.css

@@ -36,6 +36,11 @@ button.uni-text-component {
   white-space: pre-wrap;
 }
 
+.effect {
+  width: 100%;
+  height: 100%;
+}
+
 .like-button {
   display: flex;
   flex-direction: column;
@@ -58,11 +63,20 @@ button.uni-text-component {
   color: #333;
 }
 
-.effect {
+.swiper-warp {
   width: 100%;
   height: 100%;
 }
 
+.swiper-slide-component {
+  text-align: center;
+}
+
+.swiper-slide img {
+  max-width: 100%;
+  max-height: 100%;
+}
+
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -97,6 +111,18 @@ button.uni-text-component {
   margin-bottom: 0px;
   vertical-align: top;
 }
+
+
+.uni-calendar-component {
+
+}
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
+}
 
  .slide-guide {
     position: absolute;
@@ -170,32 +196,6 @@ body, html {
         transform: translate3d(-50%, -50%, 0);
     }
 }
-
-
-.uni-calendar-component {
-
-}
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
-}
-
-.swiper-warp {
-  width: 100%;
-  height: 100%;
-}
-
-.swiper-slide-component {
-  text-align: center;
-}
-
-.swiper-slide img {
-  max-width: 100%;
-  max-height: 100%;
-}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -744,193 +744,6 @@ 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);
-}
-
-.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;
-  }
-}
-
 .unika-calendar-box {
   position: relative;
   width: 325px !important;
@@ -1188,3 +1001,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

@@ -5115,18 +5115,20 @@ const callDefaultProps = {
     top: '347px',
     width: '120px',
     height: '40px',
+    position: 'absolute',
     size: 'rotate(0deg)',
+    boxShadow: 'rgb(153, 153, 153) 0px 0px 0px',
     borderRadius: '10px',
     borderStyle: 'solid',
-    borderWidth: '2px',
+    borderWidth: '0px',
     borderColor: 'blue',
     fontColor: '#fff',
     backgroundColor: 'rgb(33, 147, 255)',
+    color: '#fff',
     phoneNumber: '01234567890',
     callText: '一键拨号',
     fontSize: '16px',
-    opacity: 1,
-    isEditing: false
+    opacity: 1
 };
 const buttonDefaultProps = {
     position: 'absolute',
@@ -5296,9 +5298,9 @@ const transformToComponentProps = (props, extraProps) => {
     }
 };
 
-const defaultStyles$6 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
+const defaultStyles$7 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
-const useStylePick = (props, pickStyles = defaultStyles$6) => {
+const useStylePick = (props, pickStyles = defaultStyles$7) => {
     return computed(() => pick$1(props, pickStyles));
 };
 
@@ -13140,7 +13142,7 @@ script$f.install = (app) => {
 };
 
 const defaultProps$b = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
-const defaultStyles$5 = Object.keys(backgroundDefaultProps);
+const defaultStyles$6 = Object.keys(backgroundDefaultProps);
 // array that contains style props
 var script$e = defineComponent({
     name: 'uni-background',
@@ -13148,7 +13150,7 @@ var script$e = defineComponent({
         ...defaultProps$b
     },
     setup(props) {
-        const styleProps = useStylePick(props, defaultStyles$5);
+        const styleProps = useStylePick(props, defaultStyles$6);
         const handleClick = useComponentClick(props);
         return {
             styleProps,
@@ -16027,7 +16029,7 @@ script$c.__scopeId = "data-v-ef842ea2";
 script$c.__file = "src/components/UniCalendar/Calendar.vue";
 
 const defaultProps$9 = transformToComponentProps(componentsDefaultProps['uni-calendar'].props, isEditingProp);
-const defaultStyles$4 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'date', 'dateColor', 'themeColor', 'heartColor', 'themeStyle', 'language', 'size');
+const defaultStyles$5 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'date', 'dateColor', 'themeColor', 'heartColor', 'themeStyle', 'language', 'size');
 // 获取当前日期和时间
 const now$2 = new Date();
 // 添加一天
@@ -16048,7 +16050,7 @@ var script$b = defineComponent({
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props, defaultStyles$4);
+        const styleProps = useStylePick(props, defaultStyles$5);
         const handleClick = useComponentClick(props);
         const dataList = ref([
             { date: '2028-01-31', value: '' }
@@ -22238,7 +22240,7 @@ script$a.__scopeId = "data-v-47d33153";
 script$a.__file = "src/components/UniCountdown/Countdown.vue";
 
 const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
-const defaultStyles$3 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
+const defaultStyles$4 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
 // 获取当前日期和时间
 const now = new Date();
 // 添加一天
@@ -22262,7 +22264,7 @@ var script$9 = defineComponent({
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props, defaultStyles$3);
+        const styleProps = useStylePick(props, defaultStyles$4);
         const handleClick = useComponentClick(props);
         const labelSize = computed(() => {
             if (props.size == 'middle') {
@@ -26035,45 +26037,44 @@ var faSquarePhone = {
 
 library$1.add(faSquarePhone);
 const defaultProps$6 = transformToComponentProps(componentsDefaultProps['uni-call'].props, isEditingProp);
+const defaultStyles$3 = without$1(Object.keys(callDefaultProps), 'actionType', 'url', 'phoneNumber', 'callText');
 var script$7 = defineComponent({
     name: 'uni-call',
     props: {
         ...defaultProps$6,
-        phoneNumber: {
-            type: String,
-            default: '1234567890'
-        },
-        fontColor: {
-            type: String,
-            default: 'white'
-        },
-        backgroundColor: {
-            type: String,
-            default: 'blue'
-        },
-        callText: {
-            type: String,
-            default: '一键拨号'
-        },
-        transform: {
-            type: String,
-            default: 'rotate(0deg)'
-        },
-        isEditing: {
-            type: Boolean,
-            default: false
-        }
+        // phoneNumber: {
+        //   type: String,
+        //   default: '1234567890'
+        // },
+        // fontColor: {
+        //   type: String,
+        //   default: 'white'
+        // },
+        // backgroundColor: {
+        //   type: String,
+        //   default: 'blue'
+        // },
+        // callText: {
+        //   type: String,
+        //   default: '一键拨号'
+        // },
+        // transform: {
+        //   type: String,
+        //   default: 'rotate(0deg)'
+        // },
+        // isEditing: {
+        //   type: Boolean,
+        //   default: false
+        // }
     },
     components: {
         FontAwesomeIcon
     },
     setup(props) {
-        const styleProps = useStylePick(props);
+        const styleProps = useStylePick(props, defaultStyles$3);
         const handleClick = useComponentClick(props);
         const callNumber = () => {
-            if (!props.isEditing) {
-                window.location.href = `tel:${props.phoneNumber}`;
-            }
+            window.location.href = `tel:${props.phoneNumber}`;
         };
         return {
             styleProps,
@@ -26087,9 +26088,12 @@ function render$7(_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, position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform }),
-    onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args))),
-    class: "call-button uni-call-component"
+    onClick: [
+      _cache[0] || (_cache[0] = withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
+      _cache[1] || (_cache[1] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args)))
+    ],
+    style: normalizeStyle$1(_ctx.styleProps),
+    class: "uni-call-component"
   }, [
     createVNode(_component_font_awesome_icon, { icon: ['fas', 'square-phone'] }),
     createTextVNode("   "),

package/dist/unika-components.umd.js

@@ -5122,18 +5122,20 @@
       top: '347px',
       width: '120px',
       height: '40px',
+      position: 'absolute',
       size: 'rotate(0deg)',
+      boxShadow: 'rgb(153, 153, 153) 0px 0px 0px',
       borderRadius: '10px',
       borderStyle: 'solid',
-      borderWidth: '2px',
+      borderWidth: '0px',
       borderColor: 'blue',
       fontColor: '#fff',
       backgroundColor: 'rgb(33, 147, 255)',
+      color: '#fff',
       phoneNumber: '01234567890',
       callText: '一键拨号',
       fontSize: '16px',
-      opacity: 1,
-      isEditing: false
+      opacity: 1
   };
   const buttonDefaultProps = {
       position: 'absolute',
@@ -5303,9 +5305,9 @@
       }
   };
 
-  const defaultStyles$6 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
+  const defaultStyles$7 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
-  const useStylePick = (props, pickStyles = defaultStyles$6) => {
+  const useStylePick = (props, pickStyles = defaultStyles$7) => {
       return vue.computed(() => pick$1(props, pickStyles));
   };
 
@@ -13147,7 +13149,7 @@
   };
 
   const defaultProps$b = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
-  const defaultStyles$5 = Object.keys(backgroundDefaultProps);
+  const defaultStyles$6 = Object.keys(backgroundDefaultProps);
   // array that contains style props
   var script$e = vue.defineComponent({
       name: 'uni-background',
@@ -13155,7 +13157,7 @@
           ...defaultProps$b
       },
       setup(props) {
-          const styleProps = useStylePick(props, defaultStyles$5);
+          const styleProps = useStylePick(props, defaultStyles$6);
           const handleClick = useComponentClick(props);
           return {
               styleProps,
@@ -16034,7 +16036,7 @@
   script$c.__file = "src/components/UniCalendar/Calendar.vue";
 
   const defaultProps$9 = transformToComponentProps(componentsDefaultProps['uni-calendar'].props, isEditingProp);
-  const defaultStyles$4 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'date', 'dateColor', 'themeColor', 'heartColor', 'themeStyle', 'language', 'size');
+  const defaultStyles$5 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'date', 'dateColor', 'themeColor', 'heartColor', 'themeStyle', 'language', 'size');
   // 获取当前日期和时间
   const now$2 = new Date();
   // 添加一天
@@ -16055,7 +16057,7 @@
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props, defaultStyles$4);
+          const styleProps = useStylePick(props, defaultStyles$5);
           const handleClick = useComponentClick(props);
           const dataList = vue.ref([
               { date: '2028-01-31', value: '' }
@@ -22245,7 +22247,7 @@
   script$a.__file = "src/components/UniCountdown/Countdown.vue";
 
   const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
-  const defaultStyles$3 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
+  const defaultStyles$4 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
   // 获取当前日期和时间
   const now = new Date();
   // 添加一天
@@ -22269,7 +22271,7 @@
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props, defaultStyles$3);
+          const styleProps = useStylePick(props, defaultStyles$4);
           const handleClick = useComponentClick(props);
           const labelSize = vue.computed(() => {
               if (props.size == 'middle') {
@@ -26042,45 +26044,44 @@
 
   library$1.add(faSquarePhone);
   const defaultProps$6 = transformToComponentProps(componentsDefaultProps['uni-call'].props, isEditingProp);
+  const defaultStyles$3 = without$1(Object.keys(callDefaultProps), 'actionType', 'url', 'phoneNumber', 'callText');
   var script$7 = vue.defineComponent({
       name: 'uni-call',
       props: {
           ...defaultProps$6,
-          phoneNumber: {
-              type: String,
-              default: '1234567890'
-          },
-          fontColor: {
-              type: String,
-              default: 'white'
-          },
-          backgroundColor: {
-              type: String,
-              default: 'blue'
-          },
-          callText: {
-              type: String,
-              default: '一键拨号'
-          },
-          transform: {
-              type: String,
-              default: 'rotate(0deg)'
-          },
-          isEditing: {
-              type: Boolean,
-              default: false
-          }
+          // phoneNumber: {
+          //   type: String,
+          //   default: '1234567890'
+          // },
+          // fontColor: {
+          //   type: String,
+          //   default: 'white'
+          // },
+          // backgroundColor: {
+          //   type: String,
+          //   default: 'blue'
+          // },
+          // callText: {
+          //   type: String,
+          //   default: '一键拨号'
+          // },
+          // transform: {
+          //   type: String,
+          //   default: 'rotate(0deg)'
+          // },
+          // isEditing: {
+          //   type: Boolean,
+          //   default: false
+          // }
       },
       components: {
           FontAwesomeIcon
       },
       setup(props) {
-          const styleProps = useStylePick(props);
+          const styleProps = useStylePick(props, defaultStyles$3);
           const handleClick = useComponentClick(props);
           const callNumber = () => {
-              if (!props.isEditing) {
-                  window.location.href = `tel:${props.phoneNumber}`;
-              }
+              window.location.href = `tel:${props.phoneNumber}`;
           };
           return {
               styleProps,
@@ -26094,9 +26095,12 @@
     const _component_font_awesome_icon = vue.resolveComponent("font-awesome-icon");
 
     return (vue.openBlock(), vue.createElementBlock("button", {
-      style: vue.normalizeStyle({..._ctx.styleProps, color: _ctx.fontColor, position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform }),
-      onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args))),
-      class: "call-button uni-call-component"
+      onClick: [
+        _cache[0] || (_cache[0] = vue.withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
+        _cache[1] || (_cache[1] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args)))
+      ],
+      style: vue.normalizeStyle(_ctx.styleProps),
+      class: "uni-call-component"
     }, [
       vue.createVNode(_component_font_awesome_icon, { icon: ['fas', 'square-phone'] }),
       vue.createTextVNode("   "),

package/package.json

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