unika-components 1.0.122 → 1.0.123

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

@@ -19,6 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     effect: string;
     upArrow: import("vue").Ref<boolean>;
     slideChangeTransitionEnd: (e: any) => void;
+    slideClasses: (index: number) => string[];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     work: {
         type: PropType<WorkData>;

package/dist/unika-components.css

@@ -2,28 +2,18 @@
 .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;
-}
+
+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;
@@ -46,18 +36,6 @@
     background: rgba(0, 0, 0, 0.8);
   }
 
-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;
-}
-
  .slide-guide {
     position: absolute;
     bottom: 90px;
@@ -139,6 +117,28 @@ body, html {
   color: #666
 }
 
+.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;
+}
+
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -174,11 +174,6 @@ body, html {
   vertical-align: top;
 }
 
-.effect {
-  width: 100%;
-  height: 100%;
-}
-
 .swiper-warp {
   width: 100%;
   height: 100%;
@@ -192,6 +187,11 @@ 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

@@ -1,4 +1,4 @@
-import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, withModifiers, normalizeStyle as normalizeStyle$1, withCtx, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, normalizeProps, guardReactiveProps, h as h$2, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createVNode, normalizeClass, createCommentVNode, createElementVNode, 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$l, TransitionGroup, mergeProps } from 'vue';
+import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, withModifiers, normalizeStyle as normalizeStyle$1, withCtx, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, normalizeProps, guardReactiveProps, h as h$2, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createVNode, createCommentVNode, normalizeClass, createElementVNode, 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$l, TransitionGroup, mergeProps } from 'vue';
 import crypto from 'crypto';
 
 /** Detect free variable `global` from Node.js. */
@@ -13035,6 +13035,9 @@ var script$f = defineComponent({
         };
         const direction = 'vertical';
         const effect = 'fade';
+        const slideClasses = (index) => {
+            return ['swiper-slide', `slide-${index}`];
+        };
         return {
             componentRefs,
             setComponentRef,
@@ -13044,7 +13047,8 @@ var script$f = defineComponent({
             direction,
             effect,
             upArrow,
-            slideChangeTransitionEnd
+            slideChangeTransitionEnd,
+            slideClasses
         };
     }
 });
@@ -13077,13 +13081,14 @@ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
       onSlideChange: _ctx.onSlideChange
     }, {
       default: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.work?.pages, (page, index) => {
+        createCommentVNode("      <swiper-slide :class=\"['swiper-slide', `slide-${index}`]\" v-for=\"(page, index) in work?.pages\" :key=\"index\">"),
+        createCommentVNode("<swiper-slide :class=\"['swiper-slide', `slide-${index}`]\" v-for=\"(page, index) in work?.pages\" :key=\"index\">"),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.work.pages, (page, index) => {
           return (openBlock(), createBlock(_component_swiper_slide, {
-            class: normalizeClass(['swiper-slide', `slide-${index}`]),
+            class: normalizeClass(_ctx.slideClasses(index)),
             key: index
           }, {
             default: withCtx(() => [
-              createCommentVNode("<swiper-slide :class=\"['swiper-slide', `slide-${index}`]\" v-for=\"(page, index) in work?.pages\" :key=\"index\">"),
               createElementVNode("div", {
                 class: "final-page",
                 style: normalizeStyle$1({ width: _ctx.work?.width, height: _ctx.work?.height })

package/dist/unika-components.umd.js

@@ -13042,6 +13042,9 @@
           };
           const direction = 'vertical';
           const effect = 'fade';
+          const slideClasses = (index) => {
+              return ['swiper-slide', `slide-${index}`];
+          };
           return {
               componentRefs,
               setComponentRef,
@@ -13051,7 +13054,8 @@
               direction,
               effect,
               upArrow,
-              slideChangeTransitionEnd
+              slideChangeTransitionEnd,
+              slideClasses
           };
       }
   });
@@ -13084,13 +13088,14 @@
         onSlideChange: _ctx.onSlideChange
       }, {
         default: vue.withCtx(() => [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.work?.pages, (page, index) => {
+          vue.createCommentVNode("      <swiper-slide :class=\"['swiper-slide', `slide-${index}`]\" v-for=\"(page, index) in work?.pages\" :key=\"index\">"),
+          vue.createCommentVNode("<swiper-slide :class=\"['swiper-slide', `slide-${index}`]\" v-for=\"(page, index) in work?.pages\" :key=\"index\">"),
+          (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(['swiper-slide', `slide-${index}`]),
+              class: vue.normalizeClass(_ctx.slideClasses(index)),
               key: index
             }, {
               default: vue.withCtx(() => [
-                vue.createCommentVNode("<swiper-slide :class=\"['swiper-slide', `slide-${index}`]\" v-for=\"(page, index) in work?.pages\" :key=\"index\">"),
                 vue.createElementVNode("div", {
                   class: "final-page",
                   style: vue.normalizeStyle({ width: _ctx.work?.width, height: _ctx.work?.height })

package/package.json

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