unika-components 1.0.38 → 1.0.39

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

@@ -15,31 +15,31 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    weddingDate: {
+    date: {
         type: StringConstructor;
         default: string;
     };
-    boxBackgroundColor: {
+    backgroundColor: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderColor: {
+    borderColor: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderRadius: {
+    borderRadius: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderStyle: {
+    borderStyle: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderWidth: {
+    borderWidth: {
         type: StringConstructor;
         default: string;
     };
-    frontColor: {
+    dateColor: {
         type: StringConstructor;
         default: string;
     };
@@ -82,31 +82,31 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    weddingDate: {
+    date: {
         type: StringConstructor;
         default: string;
     };
-    boxBackgroundColor: {
+    backgroundColor: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderColor: {
+    borderColor: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderRadius: {
+    borderRadius: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderStyle: {
+    borderStyle: {
         type: StringConstructor;
         default: string;
     };
-    boxBorderWidth: {
+    borderWidth: {
         type: StringConstructor;
         default: string;
     };
-    frontColor: {
+    dateColor: {
         type: StringConstructor;
         default: string;
     };
@@ -127,13 +127,13 @@ declare const _default: import("vue").DefineComponent<{
     top: string;
     transform: string;
     opacity: number;
-    weddingDate: string;
-    boxBackgroundColor: string;
-    boxBorderColor: string;
-    boxBorderRadius: string;
-    boxBorderStyle: string;
-    boxBorderWidth: string;
-    frontColor: string;
+    date: string;
+    backgroundColor: string;
+    borderColor: string;
+    borderRadius: string;
+    borderStyle: string;
+    borderWidth: string;
+    dateColor: string;
     heartColor: string;
     themeStyle: string;
     lannguage: string;

package/dist/src/defaultProps.d.ts

@@ -239,13 +239,13 @@ export declare const calendarDefaultProps: {
     top: string;
     transform: string;
     opacity: number;
-    weddingDate: string;
-    boxBackgroundColor: string;
-    boxBorderColor: string;
-    boxBorderRadius: string;
-    boxBorderStyle: string;
-    boxBorderWidth: string;
-    frontColor: string;
+    date: string;
+    backgroundColor: string;
+    borderColor: string;
+    borderRadius: string;
+    borderStyle: string;
+    borderWidth: string;
+    dateColor: string;
     heartColor: string;
     themeStyle: string;
     lannguage: string;
@@ -557,13 +557,13 @@ export declare const componentsDefaultProps: {
             top: string;
             transform: string;
             opacity: number;
-            weddingDate: string;
-            boxBackgroundColor: string;
-            boxBorderColor: string;
-            boxBorderRadius: string;
-            boxBorderStyle: string;
-            boxBorderWidth: string;
-            frontColor: string;
+            date: string;
+            backgroundColor: string;
+            borderColor: string;
+            borderRadius: string;
+            borderStyle: string;
+            borderWidth: string;
+            dateColor: string;
             heartColor: string;
             themeStyle: string;
             lannguage: string;

package/dist/unika-components.css

@@ -1,4 +1,56 @@
 
+.uni-image-component {
+  max-width: 100%;
+}
+
+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-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;
     bottom: 90px;
@@ -71,18 +123,35 @@ body, html {
         transform: translate3d(-50%, -50%, 0);
     }
 }
-
-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-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);
+  }
+
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
+}
 
 #audio {
   position: absolute;
@@ -178,38 +247,41 @@ button.uni-text-component {
     -webkit-transform: rotate(360deg);
   }
 }
-
-.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;
+#app1 {
+  position: relative;
+}
+.snowflake {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 10px;
+  height: 10px;
+  background: red;
+  border-radius: 50%;
+  animation: falling 10s linear infinite;
+}
+@keyframes falling {
+  from {
+    transform: translateY(0) rotate(0deg);
   }
-  .play-pause-button:hover {
-    background: rgba(0, 0, 0, 0.8);
+  to {
+    transform: translateY(100vh) rotate(360deg);
   }
+}
 
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
+.swiper-container {
+  width: 100%;
+  height: 300px;
+}
+
+.swiper-slide {
+  text-align: center;
+}
+
+.swiper-slide img {
+  max-width: 100%;
+  max-height: 100%;
 }
 
 .like-button {
@@ -234,56 +306,6 @@ button.uni-text-component {
   color: #333;
 }
 
-  .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;
-}
-
-.swiper-container {
-  width: 100%;
-  height: 300px;
-}
-
-.swiper-slide {
-  text-align: center;
-}
-
-.swiper-slide img {
-  max-width: 100%;
-  max-height: 100%;
-}
-
   .video-player {
     position: relative;
     text-align: center;
@@ -304,28 +326,6 @@ button.uni-text-component {
   .play-pause-button:hover {
     background: rgba(0, 0, 0, 0.8);
   }
-
-#app1 {
-  position: relative;
-}
-.snowflake {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 10px;
-  height: 10px;
-  background: red;
-  border-radius: 50%;
-  animation: falling 10s linear infinite;
-}
-@keyframes falling {
-  from {
-    transform: translateY(0) rotate(0deg);
-  }
-  to {
-    transform: translateY(100vh) rotate(360deg);
-  }
-}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions

package/dist/unika-components.esm.js

@@ -4175,13 +4175,13 @@ const calendarDefaultProps = {
     top: '204.5px',
     transform: 'scale(0.855)',
     opacity: 1,
-    weddingDate: '2024-05-21',
-    boxBackgroundColor: 'rgb(255, 255, 255)',
-    boxBorderColor: 'rgb(237, 85, 102)',
-    boxBorderRadius: '0px',
-    boxBorderStyle: 'solid',
-    boxBorderWidth: '2px',
-    frontColor: '#000000',
+    date: '2024-05-21',
+    backgroundColor: 'rgb(255, 255, 255)',
+    borderColor: 'rgb(237, 85, 102)',
+    borderRadius: '0px',
+    borderStyle: 'solid',
+    borderWidth: '2px',
+    dateColor: '#000000',
     heartColor: 'rgb(237, 85, 102)',
     themeStyle: '3',
     lannguage: 'en',
@@ -14901,31 +14901,31 @@ var script$9 = defineComponent({
             type: Number,
             default: 1
         },
-        weddingDate: {
+        date: {
             type: String,
             default: formattedDate$1
         },
-        boxBackgroundColor: {
+        backgroundColor: {
             type: String,
             default: 'rgb(255, 255, 255)'
         },
-        boxBorderColor: {
+        borderColor: {
             type: String,
             default: 'rgb(237, 85, 102)'
         },
-        boxBorderRadius: {
+        borderRadius: {
             type: String,
             default: '0px'
         },
-        boxBorderStyle: {
+        borderStyle: {
             type: String,
             default: 'solid'
         },
-        boxBorderWidth: {
+        borderWidth: {
             type: String,
             default: '2px'
         },
-        frontColor: {
+        dateColor: {
             type: String,
             default: '#000000'
         },
@@ -14989,13 +14989,13 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createVNode(_component_Calendar, {
       ref: "calendarRef",
-      weddingDate: _ctx.weddingDate,
-      boxBackgroundColor: _ctx.boxBackgroundColor,
-      boxBorderColor: _ctx.boxBorderColor,
-      boxBorderRadius: _ctx.boxBorderRadius,
-      boxBorderStyle: _ctx.boxBorderStyle,
-      boxBorderWidth: _ctx.boxBorderWidth,
-      frontColor: _ctx.frontColor,
+      weddingDate: _ctx.date,
+      boxBackgroundColor: _ctx.backgroundColor,
+      boxBorderColor: _ctx.borderColor,
+      boxBorderRadius: _ctx.borderRadius,
+      boxBorderStyle: _ctx.borderStyle,
+      boxBorderWidth: _ctx.borderWidth,
+      frontColor: _ctx.dateColor,
       heartColor: _ctx.heartColor,
       themeStyle: _ctx.themeStyle,
       lannguage: _ctx.lannguage

package/dist/unika-components.umd.js

@@ -4182,13 +4182,13 @@
       top: '204.5px',
       transform: 'scale(0.855)',
       opacity: 1,
-      weddingDate: '2024-05-21',
-      boxBackgroundColor: 'rgb(255, 255, 255)',
-      boxBorderColor: 'rgb(237, 85, 102)',
-      boxBorderRadius: '0px',
-      boxBorderStyle: 'solid',
-      boxBorderWidth: '2px',
-      frontColor: '#000000',
+      date: '2024-05-21',
+      backgroundColor: 'rgb(255, 255, 255)',
+      borderColor: 'rgb(237, 85, 102)',
+      borderRadius: '0px',
+      borderStyle: 'solid',
+      borderWidth: '2px',
+      dateColor: '#000000',
       heartColor: 'rgb(237, 85, 102)',
       themeStyle: '3',
       lannguage: 'en',
@@ -14908,31 +14908,31 @@
               type: Number,
               default: 1
           },
-          weddingDate: {
+          date: {
               type: String,
               default: formattedDate$1
           },
-          boxBackgroundColor: {
+          backgroundColor: {
               type: String,
               default: 'rgb(255, 255, 255)'
           },
-          boxBorderColor: {
+          borderColor: {
               type: String,
               default: 'rgb(237, 85, 102)'
           },
-          boxBorderRadius: {
+          borderRadius: {
               type: String,
               default: '0px'
           },
-          boxBorderStyle: {
+          borderStyle: {
               type: String,
               default: 'solid'
           },
-          boxBorderWidth: {
+          borderWidth: {
               type: String,
               default: '2px'
           },
-          frontColor: {
+          dateColor: {
               type: String,
               default: '#000000'
           },
@@ -14996,13 +14996,13 @@
     }, [
       vue.createVNode(_component_Calendar, {
         ref: "calendarRef",
-        weddingDate: _ctx.weddingDate,
-        boxBackgroundColor: _ctx.boxBackgroundColor,
-        boxBorderColor: _ctx.boxBorderColor,
-        boxBorderRadius: _ctx.boxBorderRadius,
-        boxBorderStyle: _ctx.boxBorderStyle,
-        boxBorderWidth: _ctx.boxBorderWidth,
-        frontColor: _ctx.frontColor,
+        weddingDate: _ctx.date,
+        boxBackgroundColor: _ctx.backgroundColor,
+        boxBorderColor: _ctx.borderColor,
+        boxBorderRadius: _ctx.borderRadius,
+        boxBorderStyle: _ctx.borderStyle,
+        boxBorderWidth: _ctx.borderWidth,
+        frontColor: _ctx.dateColor,
         heartColor: _ctx.heartColor,
         themeStyle: _ctx.themeStyle,
         lannguage: _ctx.lannguage

package/package.json

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