unika-components 1.0.31 → 1.0.33

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

@@ -0,0 +1,85 @@
+import 'swiper/swiper-bundle.css';
+declare const _default: import("vue").DefineComponent<{
+    slides: {
+        type: {
+            (arrayLength: number): {
+                image: string;
+            }[];
+            (...items: {
+                image: string;
+            }[]): {
+                image: string;
+            }[];
+            new (arrayLength: number): {
+                image: string;
+            }[];
+            new (...items: {
+                image: string;
+            }[]): {
+                image: string;
+            }[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: {
+            image: string;
+        }[];
+    };
+}, {
+    styleProps: import("vue").ComputedRef<Pick<any, string>>;
+    handleClick: () => void;
+    swiperOptions: import("vue").Ref<{
+        navigation: boolean;
+        pagination: {
+            el: string;
+            clickable: boolean;
+        };
+        autoplay: {
+            delay: number;
+        };
+        effect: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    slides: {
+        type: {
+            (arrayLength: number): {
+                image: string;
+            }[];
+            (...items: {
+                image: string;
+            }[]): {
+                image: string;
+            }[];
+            new (arrayLength: number): {
+                image: string;
+            }[];
+            new (...items: {
+                image: string;
+            }[]): {
+                image: string;
+            }[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: {
+            image: string;
+        }[];
+    };
+}>>, {
+    slides: {
+        image: string;
+    }[];
+}, {}>;
+export default _default;

package/dist/src/components/UniSwiper/index.d.ts

@@ -0,0 +1,2 @@
+import UniSwiper from './UniSwiper.vue';
+export default UniSwiper;

package/dist/src/defaultProps.d.ts

@@ -354,7 +354,7 @@ export declare const effectDefaultProps: {
     top: string;
     right: string;
 };
-export declare const registerFormfaultProps: {
+export declare const registerFormDfaultProps: {
     actionType: string;
     url: string;
     height: string;
@@ -374,7 +374,27 @@ export declare const registerFormfaultProps: {
     top: string;
     right: string;
 };
-export declare const lottiesfaultProps: {
+export declare const lottiesDfaultProps: {
+    actionType: string;
+    url: string;
+    height: string;
+    width: string;
+    paddingLeft: string;
+    paddingRight: string;
+    paddingTop: string;
+    paddingBottom: string;
+    borderStyle: string;
+    borderColor: string;
+    borderWidth: string;
+    borderRadius: string;
+    boxShadow: string;
+    opacity: number;
+    position: string;
+    left: string;
+    top: string;
+    right: string;
+};
+export declare const swiperDfaultProps: {
     actionType: string;
     url: string;
     height: string;
@@ -711,6 +731,28 @@ export declare const componentsDefaultProps: {
             right: string;
         };
     };
+    'uni-swiper': {
+        props: {
+            actionType: string;
+            url: string;
+            height: string;
+            width: string;
+            paddingLeft: string;
+            paddingRight: string;
+            paddingTop: string;
+            paddingBottom: string;
+            borderStyle: string;
+            borderColor: string;
+            borderWidth: string;
+            borderRadius: string;
+            boxShadow: string;
+            opacity: number;
+            position: string;
+            left: string;
+            top: string;
+            right: string;
+        };
+    };
 };
 export declare const isEditingProp: {
     isEditing: {

package/dist/src/index.d.ts

@@ -15,8 +15,9 @@ import UniLike from './components/UniLike';
 import UniEffect from './components/UniEffect';
 import UniRegisterForm from './components/UniRegisterForm';
 import UniLotties from './components/UniLotties';
+import UniSwiper from './components/UniSwiper';
 declare const install: (app: App) => void;
-export { UniText, UniImage, UniShape, LongPage, SwiperPage, UniBackground, UniMusic, UniVideo, UniCalendar, UniCountdown, UniMap, UniCall, UniLike, UniEffect, UniRegisterForm, UniLotties, install };
+export { UniText, UniImage, UniShape, LongPage, SwiperPage, UniBackground, UniMusic, UniVideo, UniCalendar, UniCountdown, UniMap, UniCall, UniLike, UniEffect, UniRegisterForm, UniLotties, UniSwiper, install };
 declare const _default: {
     install: (app: App<any>) => void;
 };

package/dist/unika-components.css

@@ -83,63 +83,10 @@ body, html {
         transform: translate3d(-50%, -50%, 0);
     }
 }
-
-  .uni-background-component {
-    width: 100%;
-  }
-  .bg-img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    z-index:1;
-  }
-  .watermark {
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-  }
-  .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;
-}
-
-  .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%;
+}
 
 #audio {
   position: absolute;
@@ -236,6 +183,42 @@ body, html {
   }
 }
 
+  .uni-background-component {
+    width: 100%;
+  }
+  .bg-img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    z-index:1;
+  }
+  .watermark {
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+  .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;
+}
+
 .slot-number {
   position: absolute;
   bottom: 2px;
@@ -243,32 +226,27 @@ body, html {
   font-size: 12px;
   color: #666
 }
-
-.uni-image-component {
-  max-width: 100%;
-}
-
-.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-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);
+  }
 
   .video-player {
     position: relative;
@@ -291,6 +269,20 @@ body, html {
     background: rgba(0, 0, 0, 0.8);
   }
 
+.swiper-container {
+  width: 100%;
+  height: 300px;
+}
+
+.swiper-slide {
+  text-align: center;
+}
+
+.swiper-slide img {
+  max-width: 100%;
+  max-height: 100%;
+}
+
 #app1 {
   position: relative;
 }
@@ -312,6 +304,28 @@ body, html {
     transform: translateY(100vh) rotate(360deg);
   }
 }
+
+.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;
+}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions