unika-components 1.0.47 → 1.0.48

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

@@ -47,20 +47,6 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-    countdownSize: {
-        type: StringConstructor;
-        required: false;
-        default: (props: {
-            size: string;
-        }) => "2.25rem" | "2.75rem" | "1.5rem";
-    };
-    labelSize: {
-        type: StringConstructor;
-        required: false;
-        default: (props: {
-            size: string;
-        }) => "1" | "1.25rem" | ".8rem";
-    };
     labels: {
         type: ObjectConstructor;
         required: false;
@@ -76,6 +62,8 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     styleProps: import("vue").ComputedRef<Pick<any, string>>;
     handleClick: () => void;
+    labelSize: import("vue").ComputedRef<"1" | "1.25rem" | ".8rem">;
+    countdownSize: import("vue").ComputedRef<"2.25rem" | "2.75rem" | "1.5rem">;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     left: {
         type: StringConstructor;
@@ -125,20 +113,6 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
         default: string;
     };
-    countdownSize: {
-        type: StringConstructor;
-        required: false;
-        default: (props: {
-            size: string;
-        }) => "2.25rem" | "2.75rem" | "1.5rem";
-    };
-    labelSize: {
-        type: StringConstructor;
-        required: false;
-        default: (props: {
-            size: string;
-        }) => "1" | "1.25rem" | ".8rem";
-    };
     labels: {
         type: ObjectConstructor;
         required: false;
@@ -163,8 +137,6 @@ declare const _default: import("vue").DefineComponent<{
     showLabels: boolean;
     flipAnimation: boolean;
     language: string;
-    countdownSize: string;
-    labelSize: string;
     labels: Record<string, any>;
 }, {}>;
 export default _default;

package/dist/unika-components.css

@@ -1,113 +1,3 @@
-
-.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);
-    }
-}
-
-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);
-  }
 
 #audio {
   position: absolute;
@@ -204,6 +94,43 @@ button.uni-text-component {
   }
 }
 
+  .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);
+  }
+
+.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%;
   }
@@ -270,27 +197,6 @@ button.uni-text-component {
   color: #333;
 }
 
-  .video-player {
-    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);
-  }
-
 #app1 {
   position: relative;
 }
@@ -312,6 +218,100 @@ button.uni-text-component {
     transform: translateY(100vh) 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);
+    }
+}
+
+  .video-player {
+    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);
+  }
 
 /*.swiper-container {
   width: 100%;

package/dist/unika-components.esm.js

@@ -21175,36 +21175,6 @@ var script$7 = defineComponent({
             required: false,
             default: "middle"
         },
-        countdownSize: {
-            type: String,
-            required: false,
-            default: function (props) {
-                if (props.size == 'middle') {
-                    return "2.25rem";
-                }
-                else if (props.size == 'large') {
-                    return "2.75rem";
-                }
-                else {
-                    return "1.5rem";
-                }
-            }
-        },
-        labelSize: {
-            type: String,
-            required: false,
-            default: function (props) {
-                if (props.size == 'middle') {
-                    return "1";
-                }
-                else if (props.size == 'large') {
-                    return "1.25rem";
-                }
-                else {
-                    return ".8rem";
-                }
-            }
-        },
         labels: {
             type: Object,
             required: false,
@@ -21236,9 +21206,33 @@ var script$7 = defineComponent({
         // 抽离并且获得 styleProps
         const styleProps = useStylePick(props);
         const handleClick = useComponentClick(props);
+        const labelSize = computed(() => {
+            if (props.size == 'middle') {
+                return "1";
+            }
+            else if (props.size == 'large') {
+                return "1.25rem";
+            }
+            else {
+                return ".8rem";
+            }
+        });
+        const countdownSize = computed(() => {
+            if (props.size == 'middle') {
+                return "2.25rem";
+            }
+            else if (props.size == 'large') {
+                return "2.75rem";
+            }
+            else {
+                return "1.5rem";
+            }
+        });
         return {
             styleProps,
-            handleClick
+            handleClick,
+            labelSize,
+            countdownSize
         };
     }
 });
@@ -21259,8 +21253,9 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
       labels: _ctx.labels,
       language: _ctx.language,
       countdownSize: _ctx.countdownSize,
+      flipAnimation: _ctx.flipAnimation,
       labelSize: _ctx.labelSize
-    }, null, 8 /* PROPS */, ["deadline", "mainColor", "mainFlipBackgroundColor", "labelColor", "showLabels", "labels", "language", "countdownSize", "labelSize"])
+    }, null, 8 /* PROPS */, ["deadline", "mainColor", "mainFlipBackgroundColor", "labelColor", "showLabels", "labels", "language", "countdownSize", "flipAnimation", "labelSize"])
   ], 4 /* STYLE */))
 }
 

package/dist/unika-components.umd.js

@@ -21182,36 +21182,6 @@
               required: false,
               default: "middle"
           },
-          countdownSize: {
-              type: String,
-              required: false,
-              default: function (props) {
-                  if (props.size == 'middle') {
-                      return "2.25rem";
-                  }
-                  else if (props.size == 'large') {
-                      return "2.75rem";
-                  }
-                  else {
-                      return "1.5rem";
-                  }
-              }
-          },
-          labelSize: {
-              type: String,
-              required: false,
-              default: function (props) {
-                  if (props.size == 'middle') {
-                      return "1";
-                  }
-                  else if (props.size == 'large') {
-                      return "1.25rem";
-                  }
-                  else {
-                      return ".8rem";
-                  }
-              }
-          },
           labels: {
               type: Object,
               required: false,
@@ -21243,9 +21213,33 @@
           // 抽离并且获得 styleProps
           const styleProps = useStylePick(props);
           const handleClick = useComponentClick(props);
+          const labelSize = vue.computed(() => {
+              if (props.size == 'middle') {
+                  return "1";
+              }
+              else if (props.size == 'large') {
+                  return "1.25rem";
+              }
+              else {
+                  return ".8rem";
+              }
+          });
+          const countdownSize = vue.computed(() => {
+              if (props.size == 'middle') {
+                  return "2.25rem";
+              }
+              else if (props.size == 'large') {
+                  return "2.75rem";
+              }
+              else {
+                  return "1.5rem";
+              }
+          });
           return {
               styleProps,
-              handleClick
+              handleClick,
+              labelSize,
+              countdownSize
           };
       }
   });
@@ -21266,8 +21260,9 @@
         labels: _ctx.labels,
         language: _ctx.language,
         countdownSize: _ctx.countdownSize,
+        flipAnimation: _ctx.flipAnimation,
         labelSize: _ctx.labelSize
-      }, null, 8 /* PROPS */, ["deadline", "mainColor", "mainFlipBackgroundColor", "labelColor", "showLabels", "labels", "language", "countdownSize", "labelSize"])
+      }, null, 8 /* PROPS */, ["deadline", "mainColor", "mainFlipBackgroundColor", "labelColor", "showLabels", "labels", "language", "countdownSize", "flipAnimation", "labelSize"])
     ], 4 /* STYLE */))
   }
 

package/package.json

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