unika-components 1.0.23 → 1.0.25

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

@@ -0,0 +1,45 @@
+declare const _default: import("vue").DefineComponent<{
+    phoneNumber: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    styleProps: import("vue").ComputedRef<Pick<any, string>>;
+    handleClick: () => void;
+    callNumber: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    phoneNumber: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    phoneNumber: string;
+    fontColor: string;
+    backgroundColor: string;
+    text: string;
+}, {}>;
+export default _default;

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

@@ -0,0 +1,2 @@
+import UniCall from './UniCall.vue';
+export default UniCall;

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

@@ -0,0 +1,14 @@
+declare const _default: import("vue").DefineComponent<{
+    [x: string]: any;
+}, {
+    styleProps: import("vue").ComputedRef<Pick<any, string>>;
+    handleClick: () => void;
+    toggleLike: () => void;
+    liked: import("vue").Ref<boolean>;
+    likeCount: import("vue").Ref<number>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    [x: string]: any;
+}>>, {
+    [x: string]: any;
+}, {}>;
+export default _default;

package/dist/src/components/UniLike/index.d.ts

@@ -0,0 +1,2 @@
+import UniLike from './UniLike.vue';
+export default UniLike;

package/dist/src/defaultProps.d.ts

@@ -294,6 +294,46 @@ export declare const mapDefaultProps: {
     top: string;
     right: string;
 };
+export declare const callDefaultProps: {
+    actionType: string;
+    url: string;
+    height: string;
+    width: string;
+    paddingLeft: string;
+    paddingRight: string;
+    paddingTop: string;
+    paddingBottom: string;
+    borderStyle: string;
+    borderColor: string;
+    borderWidth: string;
+    borderRadius: string;
+    boxShadow: string;
+    opacity: number;
+    position: string;
+    left: string;
+    top: string;
+    right: string;
+};
+export declare const likeDefaultProps: {
+    actionType: string;
+    url: string;
+    height: string;
+    width: string;
+    paddingLeft: string;
+    paddingRight: string;
+    paddingTop: string;
+    paddingBottom: string;
+    borderStyle: string;
+    borderColor: string;
+    borderWidth: string;
+    borderRadius: string;
+    boxShadow: string;
+    opacity: number;
+    position: string;
+    left: string;
+    top: string;
+    right: string;
+};
 export declare const componentsDefaultProps: {
     'uni-text': {
         props: {
@@ -501,6 +541,50 @@ export declare const componentsDefaultProps: {
             right: string;
         };
     };
+    'uni-call': {
+        props: {
+            actionType: string;
+            url: string;
+            height: string;
+            width: string;
+            paddingLeft: string;
+            paddingRight: string;
+            paddingTop: string;
+            paddingBottom: string;
+            borderStyle: string;
+            borderColor: string;
+            borderWidth: string;
+            borderRadius: string;
+            boxShadow: string;
+            opacity: number;
+            position: string;
+            left: string;
+            top: string;
+            right: string;
+        };
+    };
+    'uni-like': {
+        props: {
+            actionType: string;
+            url: string;
+            height: string;
+            width: string;
+            paddingLeft: string;
+            paddingRight: string;
+            paddingTop: string;
+            paddingBottom: string;
+            borderStyle: string;
+            borderColor: string;
+            borderWidth: string;
+            borderRadius: string;
+            boxShadow: string;
+            opacity: number;
+            position: string;
+            left: string;
+            top: string;
+            right: string;
+        };
+    };
 };
 export declare const isEditingProp: {
     isEditing: {

package/dist/src/index.d.ts

@@ -10,8 +10,10 @@ import UniVideo from './components/UniVideo';
 import UniCalendar from './components/UniCalendar';
 import UniCountdown from './components/UniCountdown';
 import UniMap from './components/UniMap';
+import UniCall from './components/UniCall';
+import UniLike from './components/UniLike';
 declare const install: (app: App) => void;
-export { UniText, UniImage, UniShape, LongPage, SwiperPage, UniBackground, UniMusic, UniVideo, UniCalendar, UniCountdown, UniMap, install };
+export { UniText, UniImage, UniShape, LongPage, SwiperPage, UniBackground, UniMusic, UniVideo, UniCalendar, UniCountdown, UniMap, UniCall, UniLike, install };
 declare const _default: {
     install: (app: App<any>) => void;
 };

package/dist/unika-components.css

@@ -14,6 +14,79 @@ button.uni-text-component {
 .uni-image-component {
   max-width: 100%;
 }
+
+ .slide-guide {
+    position: absolute;
+    bottom: 90px;
+    left: 50%;
+    transform: translateX(-50%);
+}
+.slide-guide img {
+    animation: flowing 2s ease-in-out infinite;
+    width: 33px;
+    vertical-align: middle;
+    border-style: none;
+}
+body, html {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+}
+.swiper-container {
+    width: 100%;
+    height: 100%;
+}
+.swiper-slide {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.up-arrow {
+    width: 2rem;
+    height: 2rem;
+    position: fixed;
+    bottom: 2rem;
+    left: 50%;
+    transform: translate3d(-50%, 0, 0);
+    z-index: 999;
+    background: none;
+    border: none;
+    padding: 0;
+    animation: upArrowAni 2s infinite linear;
+}
+.up-arrow img {
+  width: 2rem;
+  height: 2rem;
+  text-align: center;
+  line-height: 2rem;
+  color: #fff;
+  font-size: 1.5rem;
+}
+@keyframes upArrowAni {
+    0% {
+        opacity: 0;
+        transform: translate3d(-50%, 30%, 0);
+    }
+
+    30% {
+        opacity: 1;
+        transform: translate3d(-50%, -20%, 0);
+    }
+
+    60% {
+        opacity: 0;
+        transform: translate3d(-50%, -35%, 0);
+    }
+
+    100% {
+        opacity: 0;
+        transform: translate3d(-50%, -50%, 0);
+    }
+}
 
   .uni-background-component {
     width: 100%;
@@ -166,79 +239,6 @@ button.uni-text-component {
     -webkit-transform: rotate(360deg);
   }
 }
-
- .slide-guide {
-    position: absolute;
-    bottom: 90px;
-    left: 50%;
-    transform: translateX(-50%);
-}
-.slide-guide img {
-    animation: flowing 2s ease-in-out infinite;
-    width: 33px;
-    vertical-align: middle;
-    border-style: none;
-}
-body, html {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    margin: 0px;
-}
-.swiper-container {
-    width: 100%;
-    height: 100%;
-}
-.swiper-slide {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-}
-.up-arrow {
-    width: 2rem;
-    height: 2rem;
-    position: fixed;
-    bottom: 2rem;
-    left: 50%;
-    transform: translate3d(-50%, 0, 0);
-    z-index: 999;
-    background: none;
-    border: none;
-    padding: 0;
-    animation: upArrowAni 2s infinite linear;
-}
-.up-arrow img {
-  width: 2rem;
-  height: 2rem;
-  text-align: center;
-  line-height: 2rem;
-  color: #fff;
-  font-size: 1.5rem;
-}
-@keyframes upArrowAni {
-    0% {
-        opacity: 0;
-        transform: translate3d(-50%, 30%, 0);
-    }
-
-    30% {
-        opacity: 1;
-        transform: translate3d(-50%, -20%, 0);
-    }
-
-    60% {
-        opacity: 0;
-        transform: translate3d(-50%, -35%, 0);
-    }
-
-    100% {
-        opacity: 0;
-        transform: translate3d(-50%, -50%, 0);
-    }
-}
 
 .slot-number {
   position: absolute;
@@ -247,6 +247,28 @@ body, html {
   font-size: 12px;
   color: #666
 }
+
+.like-button {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  cursor: pointer;
+}
+
+.icon-heart {
+  font-size: 24px;
+  color: #e74c3c;
+}
+
+.liked {
+  color: #f00; /* 更改颜色以示已赞 */
+}
+
+.like-count {
+  margin-top: 4px;
+  font-size: 16px;
+  color: #333;
+}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -795,95 +817,6 @@ button.swiper-pagination-bullet {
           backface-visibility: hidden;
 }
 
-.unika-calendar-title {
-  flex: 1;
-  margin-right: 50px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-size: 16px;
-  font-weight: bold;
-  color: #333;
-}
-.unika-calendar-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 12px 0;
-  border-bottom: 1px solid #F3F3F3;
-  user-select: none;
-}
-.unika-calendar-header .disabled {
-  pointer-events: none;
-  color: #f0f0f0;
-}
-.unika-calendar-th {
-  display: flex;
-  padding: 16px 10px;
-}
-.unika-calendar-th > * {
-  flex: 1;
-  padding: 0 7px;
-  font-size: 12px;
-  text-align: center;
-  color: #666;
-}
-.unika-calendar-th > *:not(:first-child) {
-  margin-left: 10px;
-}
-.unika-calendar-body {
-  background-color: #F6FAFF;
-  padding: 10px;
-}
-.unika-calendar-editor {
-  font-size: 14px;
-  font-weight: bold;
-  display: flex;
-}
-.unika-calendar-editor span {
-  display: inline-block;
-  min-width: 80px;
-  text-align: center;
-}
-.unika-calendar-day {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  line-height: 24px;
-  text-align: center;
-  font-size: 14px;
-  border-radius: 50%;
-}
-.unika-calendar-row {
-  display: flex;
-}
-.unika-calendar-row:not(:last-child) {
-  margin-bottom: 10px;
-}
-.unika-calendar-row > * {
-  flex: 1;
-  padding: 2px;
-  height: 28px;
-  box-sizing: border-box;
-  position: relative;
-}
-.unika-calendar-row > *.color-grey {
-  background-color: #EBF1F9;
-}
-.unika-calendar-row > *.color-purple {
-  background-color: #D5C3FF;
-}
-.unika-calendar-row > *.color-green {
-  background-color: #AFF0C8;
-}
-.unika-calendar-row > *.color-today .unika-calendar-day {
-  background-color: #fff;
-  font-weight: bold;
-}
-.unika-calendar-row > *:not(:first-child) {
-  margin-left: 10px;
-}
-
 .no-animation__card {
   font-weight: 500;
   font-size: 2rem;
@@ -1018,3 +951,92 @@ button.swiper-pagination-bullet {
         z-index: 5;
     }
 }
+
+.unika-calendar-title {
+  flex: 1;
+  margin-right: 50px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+}
+.unika-calendar-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 0;
+  border-bottom: 1px solid #F3F3F3;
+  user-select: none;
+}
+.unika-calendar-header .disabled {
+  pointer-events: none;
+  color: #f0f0f0;
+}
+.unika-calendar-th {
+  display: flex;
+  padding: 16px 10px;
+}
+.unika-calendar-th > * {
+  flex: 1;
+  padding: 0 7px;
+  font-size: 12px;
+  text-align: center;
+  color: #666;
+}
+.unika-calendar-th > *:not(:first-child) {
+  margin-left: 10px;
+}
+.unika-calendar-body {
+  background-color: #F6FAFF;
+  padding: 10px;
+}
+.unika-calendar-editor {
+  font-size: 14px;
+  font-weight: bold;
+  display: flex;
+}
+.unika-calendar-editor span {
+  display: inline-block;
+  min-width: 80px;
+  text-align: center;
+}
+.unika-calendar-day {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+  text-align: center;
+  font-size: 14px;
+  border-radius: 50%;
+}
+.unika-calendar-row {
+  display: flex;
+}
+.unika-calendar-row:not(:last-child) {
+  margin-bottom: 10px;
+}
+.unika-calendar-row > * {
+  flex: 1;
+  padding: 2px;
+  height: 28px;
+  box-sizing: border-box;
+  position: relative;
+}
+.unika-calendar-row > *.color-grey {
+  background-color: #EBF1F9;
+}
+.unika-calendar-row > *.color-purple {
+  background-color: #D5C3FF;
+}
+.unika-calendar-row > *.color-green {
+  background-color: #AFF0C8;
+}
+.unika-calendar-row > *.color-today .unika-calendar-day {
+  background-color: #fff;
+  font-weight: bold;
+}
+.unika-calendar-row > *:not(:first-child) {
+  margin-left: 10px;
+}