unika-components 1.0.7 → 1.0.9

package/dist/src/components/SwiperPage/SwiperAnimate.d.ts

@@ -0,0 +1,3 @@
+export declare const swiperAnimateCache: () => void;
+export declare const swiperAnimate: (a: any) => void;
+export declare const clearSwiperAnimate: () => void;

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

@@ -9,7 +9,17 @@ declare const _default: import("vue").DefineComponent<{
     components: {
         type: PropType<ComponentData[]>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    componentRefs: import("vue").Ref<Map<any, any> & Omit<Map<any, any>, keyof Map<any, any>>>;
+    setComponentRef: (el: any) => void;
+    onSlideChange: (swiper: any) => void;
+    onSwiper: (swiper: any) => void;
+    modules: import("swiper/types").SwiperComponent[];
+    direction: string;
+    effect: string;
+    upArrow: import("vue").Ref<boolean>;
+    slideChangeTransitionEnd: (e: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     work: {
         type: PropType<WorkData>;
         require: boolean;

package/dist/src/defaultProps.d.ts

@@ -1,9 +1,30 @@
+export interface Animations {
+    type?: string;
+    duration?: number;
+    delay?: number;
+    interationCount?: number;
+    infinite?: boolean;
+}
 export interface ComponentData {
     props: {
         [key: string]: any;
     };
+    type?: string;
+    animations: Array<Animations>;
+    events?: Array<{
+        [key: string]: any;
+    }>;
+    methodList?: Array<{
+        [key: string]: any;
+    }>;
+    scripts?: Array<{
+        [key: string]: any;
+    }>;
     id: string;
     name: string;
+    groupId?: string;
+    groupType?: string;
+    buildUpStatus?: boolean;
     layerName?: string;
     isHidden?: boolean;
     isLocked?: boolean;

package/dist/unika-components.css

@@ -1,55 +1,27 @@
-
-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%;
-}
 
-  .uni-background-component {
-    width: 100%;
-  }
-  .bg-img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    z-index:1;
+  .uni-video-component {
+    position: relative;
+    text-align: center;
   }
-  .watermark {
-    height: 100%;
+  .play-pause-button {
     position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
+    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;
   }
-  .watermark-div {
-    height: 100%;
-    width:100%;
-    position:absolute;
-    z-index:99999999;
+  .play-pause-button:hover {
+    background: rgba(0, 0, 0, 0.8);
   }
 
- .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;
+.uni-image-component {
+  max-width: 100%;
 }
 
 #audio {
@@ -108,65 +80,165 @@ button.uni-text-component {
   -webkit-animation: mrotate 5s linear infinite;
   animation: mrotate 5s linear infinite;
 }
-  .video-play-audio {
-    position: absolute;
-    left: -9999px;
-    top: -9999px;
-    width: 0;
-    height: 0;
-    z-index: -1;
-    opacity: 1;
-    overflow: hidden;
-  }
+.video-play-audio {
+  position: absolute;
+  left: -9999px;
+  top: -9999px;
+  width: 0;
+  height: 0;
+  z-index: -1;
+  opacity: 1;
+  overflow: hidden;
+}
 
-  .music-img {
-    position: relative;
-    display: inline-block;
-    width: 100%;
-    height: 100%;
-  }
+.music-img {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+}
 
-  .uni-music-component {
-  }
+.uni-music-component {
+}
 
-  /* 无限旋转 */
-  @keyframes mrotate {
-    from {
-      transform: rotate(0deg);
-    }
-    to {
-      transform: rotate(360deg);
-    }
+/* 无限旋转 */
+@keyframes mrotate {
+  from {
+    transform: rotate(0deg);
   }
-  @-webkit-keyframes mrotate {
-    from {
-      -webkit-transform: rotate(0deg);
-    }
-    to {
-      -webkit-transform: rotate(360deg);
-    }
+  to {
+    transform: rotate(360deg);
   }
+}
+@-webkit-keyframes mrotate {
+  from {
+    -webkit-transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+  }
+}
+
+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;
+  .uni-background-component {
+    width: 100%;
   }
-  .play-pause-button {
+  .bg-img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    z-index:1;
+  }
+  .watermark {
+    height: 100%;
     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;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
   }
-  .play-pause-button:hover {
-    background: rgba(0, 0, 0, 0.8);
+  .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;
+    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);
+    }
+}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions