unika-components 1.0.294 → 1.0.296

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

@@ -5,15 +5,11 @@ declare const _default: import("vue").DefineComponent<{
     styleProps: import("vue").ComputedRef<Pick<any, string>>;
     handleClick: () => void;
     maskStyle: import("vue").ComputedRef<{
-        WebkitMaskBoxImageRepeat: string;
         WebkitMaskBoxImageSource: string;
-        Mask: string;
-        MaskSize: string;
+        MaskBoxImageSource: string;
     } | {
-        WebkitMaskBoxImageRepeat?: undefined;
         WebkitMaskBoxImageSource?: undefined;
-        Mask?: undefined;
-        MaskSize?: undefined;
+        MaskBoxImageSource?: undefined;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     [x: string]: any;

package/dist/src/defaultProps.d.ts

@@ -273,6 +273,7 @@ export declare const countdownDefaultProps: {
     size: string;
     flipAnimation: boolean;
     deadline: string;
+    flexDirection: string;
     transform: string;
     display: string;
     alignItems: string;
@@ -603,6 +604,7 @@ export declare const componentsDefaultProps: {
             size: string;
             flipAnimation: boolean;
             deadline: string;
+            flexDirection: string;
             transform: string;
             display: string;
             alignItems: string;

package/dist/unika-components.css

@@ -1,35 +1,24 @@
-
-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%;
-}
-.uni-image-mask-wrapper {
-  display: inline-block;
-}
-
-
-.uni-calendar-component {
 
-}
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  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);
+  }
 
 .slide-guide {
     position: absolute;
@@ -114,27 +103,38 @@ 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;
-    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-calendar-component {
+
+}
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
+}
+
+.uni-image-component {
+  max-width: 100%;
+}
+.uni-image-mask-wrapper {
+  display: inline-block;
+}
 
 .effect {
   width: 100%;
@@ -176,10 +176,17 @@ body, html {
   vertical-align: top;
 }
 
+  .uni-build-up-component {
+  }
+
 .uni-lotties-component {
   width: 100%;
   height: 100%;
 }
+
+.uni-svg-component {
+  display: inline-block;
+}
 
 .swiper-warp {
   width: 100%;
@@ -216,13 +223,6 @@ body, html {
   font-size: 16px;
   color: #333;
 }
-
-  .uni-build-up-component {
-  }
-
-.uni-svg-component {
-  display: inline-block;
-}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions

package/dist/unika-components.esm.js

@@ -1,4 +1,4 @@
-import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, withModifiers, normalizeStyle as normalizeStyle$1, withCtx, createTextVNode, toDisplayString, createElementBlock, createElementVNode, Fragment, renderList, normalizeProps, guardReactiveProps, h as h$2, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createVNode, normalizeClass, mergeProps, createCommentVNode, renderSlot, pushScopeId, popScopeId, toRefs, onBeforeMount, onUnmounted, withDirectives, vShow, isVNode, Comment, Text, reactive, getCurrentInstance, inject, provide, unref, shallowRef, watchEffect, triggerRef, Transition, resolveDirective, cloneVNode, toRef, Teleport, isRef, toRaw, render as render$n, TransitionGroup } from 'vue';
+import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, withModifiers, normalizeStyle as normalizeStyle$1, withCtx, createTextVNode, toDisplayString, createElementBlock, createElementVNode, Fragment, renderList, normalizeProps, guardReactiveProps, h as h$2, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createVNode, createCommentVNode, normalizeClass, mergeProps, renderSlot, pushScopeId, popScopeId, toRefs, onBeforeMount, onUnmounted, withDirectives, vShow, isVNode, Comment, Text, reactive, getCurrentInstance, inject, provide, unref, shallowRef, watchEffect, triggerRef, Transition, resolveDirective, cloneVNode, toRef, Teleport, isRef, toRaw, render as render$n, TransitionGroup } from 'vue';
 import crypto from 'crypto';
 
 /** Detect free variable `global` from Node.js. */
@@ -5121,6 +5121,7 @@ const countdownDefaultProps = {
     size: 'small',
     flipAnimation: true,
     deadline: '2024-09-21 12:00:00',
+    flexDirection: 'row',
     transform: 'rotate(0deg)',
     display: 'flex',
     alignItems: 'center',
@@ -5426,11 +5427,12 @@ var script$k = defineComponent({
             return props.maskImage
                 ? {
                     // WebkitMaskImage: `url(${props.maskImage})`,
-                    WebkitMaskBoxImageRepeat: 'stretch',
+                    // WebkitMaskBoxImageRepeat: 'stretch',
                     // WebkitMaskSize: 'contain',
                     WebkitMaskBoxImageSource: `url(${props.maskImage})`,
-                    Mask: `url(${props.maskImage}) no-repeat center`,
-                    MaskSize: 'cover'
+                    MaskBoxImageSource: `url(${props.maskImage})`
+                    // Mask: `url(${props.maskImage}) no-repeat center`,
+                    // MaskSize: 'cover'
                 }
                 : {};
         });
@@ -13229,6 +13231,10 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
       onSlideChange: _ctx.onSlideChange
     }, {
       default: withCtx(() => [
+        createCommentVNode("      :autoplay='{"),
+        createCommentVNode("        \"delay\": work.autoPlay.delay,"),
+        createCommentVNode("        \"disableOnInteraction\": false"),
+        createCommentVNode("      }'"),
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.work.pages, (page, index) => {
           return (openBlock(), createBlock(_component_swiper_slide, {
             class: normalizeClass(_ctx.slideClasses(index)),
@@ -22031,7 +22037,11 @@ var script$c = {
       required: false
       // default:"2.2rem"
     },
-
+    flexDirection: {
+      type: String,
+      required: false,
+      default:"row"
+    },
     labelSize: {
       type: String,
       required: false
@@ -22325,18 +22335,20 @@ var script$c = {
   }
 };
 
-const _hoisted_1$5 = { class: "flip-clock" };
-const _hoisted_2 = ["id"];
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { class: "flip-card__top" };
+const _hoisted_1$5 = ["id"];
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { class: "flip-card__top" };
+const _hoisted_4 = ["data-value"];
 const _hoisted_5 = ["data-value"];
 const _hoisted_6 = ["data-value"];
-const _hoisted_7 = ["data-value"];
-const _hoisted_8 = { key: 1 };
-const _hoisted_9 = { class: "no-animation__card" };
+const _hoisted_7 = { key: 1 };
+const _hoisted_8 = { class: "no-animation__card" };
 
 function render$d(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$5, [
+  return (openBlock(), createElementBlock("div", {
+    class: "flip-clock",
+    style: normalizeStyle$1({ display: 'flex', flexDirection: $props.flexDirection })
+  }, [
     (openBlock(true), createElementBlock(Fragment, null, renderList($setup.timeData, (data) => {
       return withDirectives((openBlock(), createElementBlock("span", {
         key: data.label,
@@ -22344,28 +22356,28 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
         id: data.elementId
       }, [
         ($props.flipAnimation)
-          ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          ? (openBlock(), createElementBlock("div", _hoisted_2, [
               createElementVNode("span", {
                 class: "flip-clock__card flip-card",
                 style: normalizeStyle$1({ fontSize: $props.countdownSize ? $props.countdownSize : '2.25rem' })
               }, [
-                createElementVNode("b", _hoisted_4, toDisplayString($setup.twoDigits(data.current)), 1 /* TEXT */),
+                createElementVNode("b", _hoisted_3, toDisplayString($setup.twoDigits(data.current)), 1 /* TEXT */),
                 createElementVNode("b", {
                   class: "flip-card__bottom",
                   "data-value": $setup.twoDigits(data.current)
-                }, null, 8 /* PROPS */, _hoisted_5),
+                }, null, 8 /* PROPS */, _hoisted_4),
                 createElementVNode("b", {
                   class: "flip-card__back",
                   "data-value": $setup.twoDigits(data.previous)
-                }, null, 8 /* PROPS */, _hoisted_6),
+                }, null, 8 /* PROPS */, _hoisted_5),
                 createElementVNode("b", {
                   class: "flip-card__back-bottom",
                   "data-value": $setup.twoDigits(data.previous)
-                }, null, 8 /* PROPS */, _hoisted_7)
+                }, null, 8 /* PROPS */, _hoisted_6)
               ], 4 /* STYLE */)
             ]))
-          : (openBlock(), createElementBlock("div", _hoisted_8, [
-              createElementVNode("span", _hoisted_9, toDisplayString($setup.twoDigits(data.current)), 1 /* TEXT */)
+          : (openBlock(), createElementBlock("div", _hoisted_7, [
+              createElementVNode("span", _hoisted_8, toDisplayString($setup.twoDigits(data.current)), 1 /* TEXT */)
             ])),
         ($props.showLabels)
           ? (openBlock(), createElementBlock("span", {
@@ -22374,11 +22386,11 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
               style: normalizeStyle$1({ fontSize: $props.labelSize ? $props.labelSize : '1rem' })
             }, toDisplayString(data.label), 5 /* TEXT, STYLE */))
           : createCommentVNode("v-if", true)
-      ], 8 /* PROPS */, _hoisted_2)), [
+      ], 8 /* PROPS */, _hoisted_1$5)), [
         [vShow, data.show]
       ])
     }), 128 /* KEYED_FRAGMENT */))
-  ]))
+  ], 4 /* STYLE */))
 }
 
 script$c.render = render$d;
@@ -22386,7 +22398,7 @@ script$c.__scopeId = "data-v-47d33153";
 script$c.__file = "src/components/UniCountdown/Countdown.vue";
 
 const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
-const defaultStyles$8 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
+const defaultStyles$8 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'flexDirection', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
 // 获取当前日期和时间
 const now = new Date();
 // 添加一天
@@ -22487,8 +22499,9 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
       language: _ctx.language,
       countdownSize: _ctx.countdownSize,
       flipAnimation: _ctx.flipAnimation,
+      flexDirection: _ctx.flexDirection,
       labelSize: _ctx.labelSize
-    }, null, 8 /* PROPS */, ["deadline", "mainColor", "secondFlipColor", "mainFlipBackgroundColor", "secondFlipBackgroundColor", "labelColor", "showLabels", "labels", "language", "countdownSize", "flipAnimation", "labelSize"])
+    }, null, 8 /* PROPS */, ["deadline", "mainColor", "secondFlipColor", "mainFlipBackgroundColor", "secondFlipBackgroundColor", "labelColor", "showLabels", "labels", "language", "countdownSize", "flipAnimation", "flexDirection", "labelSize"])
   ], 4 /* STYLE */))
 }
 

package/dist/unika-components.umd.js

@@ -5128,6 +5128,7 @@
       size: 'small',
       flipAnimation: true,
       deadline: '2024-09-21 12:00:00',
+      flexDirection: 'row',
       transform: 'rotate(0deg)',
       display: 'flex',
       alignItems: 'center',
@@ -5433,11 +5434,12 @@
               return props.maskImage
                   ? {
                       // WebkitMaskImage: `url(${props.maskImage})`,
-                      WebkitMaskBoxImageRepeat: 'stretch',
+                      // WebkitMaskBoxImageRepeat: 'stretch',
                       // WebkitMaskSize: 'contain',
                       WebkitMaskBoxImageSource: `url(${props.maskImage})`,
-                      Mask: `url(${props.maskImage}) no-repeat center`,
-                      MaskSize: 'cover'
+                      MaskBoxImageSource: `url(${props.maskImage})`
+                      // Mask: `url(${props.maskImage}) no-repeat center`,
+                      // MaskSize: 'cover'
                   }
                   : {};
           });
@@ -13236,6 +13238,10 @@
         onSlideChange: _ctx.onSlideChange
       }, {
         default: vue.withCtx(() => [
+          vue.createCommentVNode("      :autoplay='{"),
+          vue.createCommentVNode("        \"delay\": work.autoPlay.delay,"),
+          vue.createCommentVNode("        \"disableOnInteraction\": false"),
+          vue.createCommentVNode("      }'"),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.work.pages, (page, index) => {
             return (vue.openBlock(), vue.createBlock(_component_swiper_slide, {
               class: vue.normalizeClass(_ctx.slideClasses(index)),
@@ -22038,7 +22044,11 @@
         required: false
         // default:"2.2rem"
       },
-
+      flexDirection: {
+        type: String,
+        required: false,
+        default:"row"
+      },
       labelSize: {
         type: String,
         required: false
@@ -22332,18 +22342,20 @@
     }
   };
 
-  const _hoisted_1$5 = { class: "flip-clock" };
-  const _hoisted_2 = ["id"];
-  const _hoisted_3 = { key: 0 };
-  const _hoisted_4 = { class: "flip-card__top" };
+  const _hoisted_1$5 = ["id"];
+  const _hoisted_2 = { key: 0 };
+  const _hoisted_3 = { class: "flip-card__top" };
+  const _hoisted_4 = ["data-value"];
   const _hoisted_5 = ["data-value"];
   const _hoisted_6 = ["data-value"];
-  const _hoisted_7 = ["data-value"];
-  const _hoisted_8 = { key: 1 };
-  const _hoisted_9 = { class: "no-animation__card" };
+  const _hoisted_7 = { key: 1 };
+  const _hoisted_8 = { class: "no-animation__card" };
 
   function render$d(_ctx, _cache, $props, $setup, $data, $options) {
-    return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+    return (vue.openBlock(), vue.createElementBlock("div", {
+      class: "flip-clock",
+      style: vue.normalizeStyle({ display: 'flex', flexDirection: $props.flexDirection })
+    }, [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($setup.timeData, (data) => {
         return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
           key: data.label,
@@ -22351,28 +22363,28 @@
           id: data.elementId
         }, [
           ($props.flipAnimation)
-            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
                 vue.createElementVNode("span", {
                   class: "flip-clock__card flip-card",
                   style: vue.normalizeStyle({ fontSize: $props.countdownSize ? $props.countdownSize : '2.25rem' })
                 }, [
-                  vue.createElementVNode("b", _hoisted_4, vue.toDisplayString($setup.twoDigits(data.current)), 1 /* TEXT */),
+                  vue.createElementVNode("b", _hoisted_3, vue.toDisplayString($setup.twoDigits(data.current)), 1 /* TEXT */),
                   vue.createElementVNode("b", {
                     class: "flip-card__bottom",
                     "data-value": $setup.twoDigits(data.current)
-                  }, null, 8 /* PROPS */, _hoisted_5),
+                  }, null, 8 /* PROPS */, _hoisted_4),
                   vue.createElementVNode("b", {
                     class: "flip-card__back",
                     "data-value": $setup.twoDigits(data.previous)
-                  }, null, 8 /* PROPS */, _hoisted_6),
+                  }, null, 8 /* PROPS */, _hoisted_5),
                   vue.createElementVNode("b", {
                     class: "flip-card__back-bottom",
                     "data-value": $setup.twoDigits(data.previous)
-                  }, null, 8 /* PROPS */, _hoisted_7)
+                  }, null, 8 /* PROPS */, _hoisted_6)
                 ], 4 /* STYLE */)
               ]))
-            : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-                vue.createElementVNode("span", _hoisted_9, vue.toDisplayString($setup.twoDigits(data.current)), 1 /* TEXT */)
+            : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                vue.createElementVNode("span", _hoisted_8, vue.toDisplayString($setup.twoDigits(data.current)), 1 /* TEXT */)
               ])),
           ($props.showLabels)
             ? (vue.openBlock(), vue.createElementBlock("span", {
@@ -22381,11 +22393,11 @@
                 style: vue.normalizeStyle({ fontSize: $props.labelSize ? $props.labelSize : '1rem' })
               }, vue.toDisplayString(data.label), 5 /* TEXT, STYLE */))
             : vue.createCommentVNode("v-if", true)
-        ], 8 /* PROPS */, _hoisted_2)), [
+        ], 8 /* PROPS */, _hoisted_1$5)), [
           [vue.vShow, data.show]
         ])
       }), 128 /* KEYED_FRAGMENT */))
-    ]))
+    ], 4 /* STYLE */))
   }
 
   script$c.render = render$d;
@@ -22393,7 +22405,7 @@
   script$c.__file = "src/components/UniCountdown/Countdown.vue";
 
   const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
-  const defaultStyles$8 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
+  const defaultStyles$8 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'flexDirection', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
   // 获取当前日期和时间
   const now = new Date();
   // 添加一天
@@ -22494,8 +22506,9 @@
         language: _ctx.language,
         countdownSize: _ctx.countdownSize,
         flipAnimation: _ctx.flipAnimation,
+        flexDirection: _ctx.flexDirection,
         labelSize: _ctx.labelSize
-      }, null, 8 /* PROPS */, ["deadline", "mainColor", "secondFlipColor", "mainFlipBackgroundColor", "secondFlipBackgroundColor", "labelColor", "showLabels", "labels", "language", "countdownSize", "flipAnimation", "labelSize"])
+      }, null, 8 /* PROPS */, ["deadline", "mainColor", "secondFlipColor", "mainFlipBackgroundColor", "secondFlipBackgroundColor", "labelColor", "showLabels", "labels", "language", "countdownSize", "flipAnimation", "flexDirection", "labelSize"])
     ], 4 /* STYLE */))
   }
 

package/package.json

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