unika-components 1.0.133 → 1.0.134

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

@@ -55,6 +55,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     cp: string;
     currentYearAndMonth: import("vue").ComputedRef<string>;
@@ -146,6 +150,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {}, {
     dayTextsEn: unknown[];
     dayTextsTh: unknown[];
@@ -161,5 +169,6 @@ declare const _default: import("vue").DefineComponent<{
     heartColor: string;
     themeStyle: string;
     language: string;
+    size: string;
 }, {}>;
 export default _default;

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

@@ -11,6 +11,7 @@ declare const _default: import("vue").DefineComponent<{
     handleClick: () => void;
     getItemNumber: (date: string) => string | undefined;
     getMonthData: (date: any) => void;
+    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/src/defaultProps.d.ts

@@ -237,7 +237,7 @@ export declare const videoDefaultProps: {
 export declare const calendarDefaultProps: {
     left: string;
     top: string;
-    transform: string;
+    size: string;
     opacity: number;
     position: string;
     backgroundColor: string;
@@ -547,7 +547,7 @@ export declare const componentsDefaultProps: {
         props: {
             left: string;
             top: string;
-            transform: string;
+            size: string;
             opacity: number;
             position: string;
             backgroundColor: string;

package/dist/unika-components.css

@@ -1,16 +1,4 @@
 
-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%;
 }
@@ -87,6 +75,18 @@ 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-calendar-component {
@@ -100,27 +100,6 @@ body, html {
   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);
-  }
-
 .like-button {
   display: flex;
   flex-direction: column;
@@ -143,6 +122,32 @@ body, html {
   color: #333;
 }
 
+.effect {
+  width: 100%;
+  height: 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);
+  }
+
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -191,11 +196,6 @@ body, html {
   max-width: 100%;
   max-height: 100%;
 }
-
-.effect {
-  width: 100%;
-  height: 100%;
-}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions

package/dist/unika-components.esm.js

@@ -5064,7 +5064,7 @@ const videoDefaultProps = {
 const calendarDefaultProps = {
     left: '25px',
     top: '204.5px',
-    transform: 'scale(0.855)',
+    size: 'middle',
     opacity: 1,
     position: 'absolute',
     backgroundColor: 'rgb(255, 255, 255)',
@@ -15779,6 +15779,10 @@ var script$c = defineComponent({
             type: String,
             default: 'en'
         },
+        size: {
+            type: String,
+            default: 'scale(0.855)'
+        },
     },
     components: {},
     emits: [],
@@ -15883,7 +15887,8 @@ const _hoisted_5$1 = {
 
 function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(`${_ctx.cp}-box`)
+    class: normalizeClass(`${_ctx.cp}-box`),
+    style: normalizeStyle$1({ transform: _ctx.size })
   }, [
     (_ctx.themeStyle == '1')
       ? (openBlock(), createElementBlock("div", {
@@ -16015,7 +16020,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128 /* KEYED_FRAGMENT */))
       ], 6 /* CLASS, STYLE */)
     ])
-  ], 2 /* CLASS */))
+  ], 6 /* CLASS, STYLE */))
 }
 
 script$c.render = render$d;
@@ -16060,13 +16065,25 @@ var script$b = defineComponent({
             // todo axios for get data
             console.log(date);
         };
+        const size = computed(() => {
+            if (props.size == 'middle') {
+                return "scale(0.855)";
+            }
+            else if (props.size == 'large') {
+                return "scale(1)";
+            }
+            else {
+                return "scale(0.75)";
+            }
+        });
         return {
             styleProps,
             dataList,
             checkItem,
             handleClick,
             getItemNumber,
-            getMonthData
+            getMonthData,
+            size
         };
     }
 });
@@ -16095,7 +16112,8 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
       dateColor: _ctx.dateColor,
       heartColor: _ctx.heartColor,
       themeStyle: _ctx.themeStyle,
-      language: _ctx.language
+      language: _ctx.language,
+      size: _ctx.size
     }, {
       default: withCtx((slotProps) => [
         (_ctx.checkItem(slotProps.item.date))
@@ -16103,7 +16121,7 @@ function render$c(_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", "size"])
   ], 4 /* STYLE */))
 }
 

package/dist/unika-components.umd.js

@@ -5071,7 +5071,7 @@
   const calendarDefaultProps = {
       left: '25px',
       top: '204.5px',
-      transform: 'scale(0.855)',
+      size: 'middle',
       opacity: 1,
       position: 'absolute',
       backgroundColor: 'rgb(255, 255, 255)',
@@ -15786,6 +15786,10 @@
               type: String,
               default: 'en'
           },
+          size: {
+              type: String,
+              default: 'scale(0.855)'
+          },
       },
       components: {},
       emits: [],
@@ -15890,7 +15894,8 @@
 
   function render$d(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", {
-      class: vue.normalizeClass(`${_ctx.cp}-box`)
+      class: vue.normalizeClass(`${_ctx.cp}-box`),
+      style: vue.normalizeStyle({ transform: _ctx.size })
     }, [
       (_ctx.themeStyle == '1')
         ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -16022,7 +16027,7 @@
           }), 128 /* KEYED_FRAGMENT */))
         ], 6 /* CLASS, STYLE */)
       ])
-    ], 2 /* CLASS */))
+    ], 6 /* CLASS, STYLE */))
   }
 
   script$c.render = render$d;
@@ -16067,13 +16072,25 @@
               // todo axios for get data
               console.log(date);
           };
+          const size = vue.computed(() => {
+              if (props.size == 'middle') {
+                  return "scale(0.855)";
+              }
+              else if (props.size == 'large') {
+                  return "scale(1)";
+              }
+              else {
+                  return "scale(0.75)";
+              }
+          });
           return {
               styleProps,
               dataList,
               checkItem,
               handleClick,
               getItemNumber,
-              getMonthData
+              getMonthData,
+              size
           };
       }
   });
@@ -16102,7 +16119,8 @@
         dateColor: _ctx.dateColor,
         heartColor: _ctx.heartColor,
         themeStyle: _ctx.themeStyle,
-        language: _ctx.language
+        language: _ctx.language,
+        size: _ctx.size
       }, {
         default: vue.withCtx((slotProps) => [
           (_ctx.checkItem(slotProps.item.date))
@@ -16110,7 +16128,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", "size"])
     ], 4 /* STYLE */))
   }
 

package/package.json

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