unika-components 1.0.276 → 1.0.278

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

@@ -11,8 +11,7 @@ declare const _default: import("vue").DefineComponent<{
     handleClick: () => void;
     getItemNumber: (date: string) => string | undefined;
     getMonthData: (date: any) => void;
-    size: import("vue").Ref<string>;
-    calendarKey: import("vue").Ref<number>;
+    size: import("vue").ComputedRef<"scale(0.855)" | "scale(1)" | "scale(0.75)">;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     [x: string]: any;
 }>>, {

package/dist/unika-components.css

@@ -1,17 +1,4 @@
 
-h2.uni-text-component, p.uni-text-component {
-  margin-top: 0;
-  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%;
 }
@@ -102,6 +89,19 @@ body, html {
 .edit-wrapper .uni-lotties-component, .edit-wrapper .uni-like-component, .edit-wrapper .uni-background-component, .edit-wrapper .uni-svg-component, .edit-wrapper .uni-register-form-component{
   position: static !important;
 }
+
+h2.uni-text-component, p.uni-text-component {
+  margin-top: 0;
+  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;
@@ -124,6 +124,16 @@ body, html {
     background: rgba(0, 0, 0, 0.8);
   }
 
+.effect {
+  width: 100%;
+  height: 100%;
+}
+
+.uni-lotties-component {
+  width: 100%;
+  height: 100%;
+}
+
 
 .uni-calendar-component {
 
@@ -136,6 +146,45 @@ body, html {
   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;
+}
+
+  .uni-build-up-component {
+  }
+
+.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;
@@ -170,55 +219,6 @@ body, html {
   margin-bottom: 0px;
   vertical-align: top;
 }
-
-.swiper-warp {
-  width: 100%;
-  height: 100%;
-}
-
-.swiper-slide-component {
-  text-align: center;
-}
-
-.swiper-slide img {
-  max-width: 100%;
-  max-height: 100%;
-}
-
-.effect {
-  width: 100%;
-  height: 100%;
-}
-
-.uni-lotties-component {
-  width: 100%;
-  height: 100%;
-}
-
-  .uni-build-up-component {
-  }
-
-.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;
-}
 
 .uni-svg-component {
   display: inline-block;

package/dist/unika-components.esm.js

@@ -16201,20 +16201,16 @@ var script$d = defineComponent({
             // todo axios for get data
             console.log(date);
         };
-        const calendarKey = ref(0);
-        const size = ref('scale(0.75)');
-        // 监听 props.language 的变化
-        watch(() => props.size, (newSize) => {
-            if (newSize == 'middle') {
-                size.value = "scale(0.855)";
+        const size = computed(() => {
+            if (props.size == 'middle') {
+                return "scale(0.855)";
             }
-            else if (newSize == 'large') {
-                size.value = "scale(1)";
+            else if (props.size == 'large') {
+                return "scale(1)";
             }
             else {
-                size.value = "scale(0.75)";
+                return "scale(0.75)";
             }
-            calendarKey.value = calendarKey.value + 1;
         });
         return {
             styleProps,
@@ -16223,8 +16219,7 @@ var script$d = defineComponent({
             handleClick,
             getItemNumber,
             getMonthData,
-            size,
-            calendarKey
+            size
         };
     }
 });
@@ -16242,7 +16237,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle$1({ ..._ctx.styleProps, transform: _ctx.size }),
     class: "uni-calendar-component inner-component"
   }, [
-    (openBlock(), createBlock(_component_Calendar, {
+    createVNode(_component_Calendar, {
       ref: "calendarRef",
       weddingDate: _ctx.date,
       backgroundColor: _ctx.backgroundColor,
@@ -16253,8 +16248,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
       dateColor: _ctx.dateColor,
       heartColor: _ctx.heartColor,
       themeStyle: _ctx.themeStyle,
-      language: _ctx.language,
-      key: _ctx.calendarKey
+      language: _ctx.language
     }, {
       default: withCtx((slotProps) => [
         (_ctx.checkItem(slotProps.item.date))
@@ -16262,7 +16256,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
           : createCommentVNode("v-if", true)
       ]),
       _: 1 /* STABLE */
-    }, 8 /* PROPS */, ["weddingDate", "backgroundColor", "themeColor", "borderRadius", "borderStyle", "borderWidth", "dateColor", "heartColor", "themeStyle", "language"]))
+    }, 8 /* PROPS */, ["weddingDate", "backgroundColor", "themeColor", "borderRadius", "borderStyle", "borderWidth", "dateColor", "heartColor", "themeStyle", "language"])
   ], 4 /* STYLE */))
 }
 

package/dist/unika-components.umd.js

@@ -16208,20 +16208,16 @@
               // todo axios for get data
               console.log(date);
           };
-          const calendarKey = vue.ref(0);
-          const size = vue.ref('scale(0.75)');
-          // 监听 props.language 的变化
-          vue.watch(() => props.size, (newSize) => {
-              if (newSize == 'middle') {
-                  size.value = "scale(0.855)";
+          const size = vue.computed(() => {
+              if (props.size == 'middle') {
+                  return "scale(0.855)";
               }
-              else if (newSize == 'large') {
-                  size.value = "scale(1)";
+              else if (props.size == 'large') {
+                  return "scale(1)";
               }
               else {
-                  size.value = "scale(0.75)";
+                  return "scale(0.75)";
               }
-              calendarKey.value = calendarKey.value + 1;
           });
           return {
               styleProps,
@@ -16230,8 +16226,7 @@
               handleClick,
               getItemNumber,
               getMonthData,
-              size,
-              calendarKey
+              size
           };
       }
   });
@@ -16249,7 +16244,7 @@
       style: vue.normalizeStyle({ ..._ctx.styleProps, transform: _ctx.size }),
       class: "uni-calendar-component inner-component"
     }, [
-      (vue.openBlock(), vue.createBlock(_component_Calendar, {
+      vue.createVNode(_component_Calendar, {
         ref: "calendarRef",
         weddingDate: _ctx.date,
         backgroundColor: _ctx.backgroundColor,
@@ -16260,8 +16255,7 @@
         dateColor: _ctx.dateColor,
         heartColor: _ctx.heartColor,
         themeStyle: _ctx.themeStyle,
-        language: _ctx.language,
-        key: _ctx.calendarKey
+        language: _ctx.language
       }, {
         default: vue.withCtx((slotProps) => [
           (_ctx.checkItem(slotProps.item.date))
@@ -16269,7 +16263,7 @@
             : vue.createCommentVNode("v-if", true)
         ]),
         _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["weddingDate", "backgroundColor", "themeColor", "borderRadius", "borderStyle", "borderWidth", "dateColor", "heartColor", "themeStyle", "language"]))
+      }, 8 /* PROPS */, ["weddingDate", "backgroundColor", "themeColor", "borderRadius", "borderStyle", "borderWidth", "dateColor", "heartColor", "themeStyle", "language"])
     ], 4 /* STYLE */))
   }
 

package/package.json

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