unika-components 1.0.159 → 1.0.161

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

@@ -16,7 +16,6 @@ declare const _default: import("vue").DefineComponent<{
     onSwiper: (swiper: any) => void;
     modules: import("swiper/types").SwiperComponent[];
     direction: string;
-    effect: string;
     upArrow: import("vue").Ref<boolean>;
     slideChangeTransitionEnd: (e: any) => void;
     slideClasses: (index: number) => string[];

package/dist/unika-components.css

@@ -1,4 +1,8 @@
 
+.uni-image-component {
+  max-width: 100%;
+}
+
 h2.uni-text-component, p.uni-text-component {
   margin-bottom: 0;
 }
@@ -10,27 +14,6 @@ button.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);
-  }
 
  .slide-guide {
     position: absolute;
@@ -104,15 +87,6 @@ body, html {
         transform: translate3d(-50%, -50%, 0);
     }
 }
-
-.uni-image-component {
-  max-width: 100%;
-}
-
-.effect {
-  width: 100%;
-  height: 100%;
-}
 
 
 .uni-calendar-component {
@@ -126,6 +100,27 @@ body, html {
   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);
+  }
+
 .like-button {
   display: flex;
   flex-direction: column;
@@ -162,6 +157,11 @@ body, html {
   max-height: 100%;
 }
 
+.effect {
+  width: 100%;
+  height: 100%;
+}
+
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;

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, createElementVNode, 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$m, 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, normalizeClass, createElementVNode, 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$m, TransitionGroup } from 'vue';
 import crypto from 'crypto';
 
 /** Detect free variable `global` from Node.js. */
@@ -13023,14 +13023,14 @@ var script$g = defineComponent({
         };
         const upArrow = ref(true);
         const runAnimations = (currentIndex) => {
-            var pages = cloneDeep$1(props.work && props.work.pages);
+            const pages = cloneDeep$1(props.work && props.work.pages);
             pages[currentIndex].components && pages[currentIndex].components.forEach((component) => {
                 const animationQueue = component.animations || [];
                 const len = animationQueue.length;
                 if (len === 0)
                     return;
                 let animIdx = 0;
-                const oldStyle = component.props || {};
+                component.props || {};
                 const runAnimation = () => {
                     if (animIdx < len) {
                         const animation = animationQueue[animIdx];
@@ -13041,20 +13041,28 @@ var script$g = defineComponent({
                             animationDelay: `${animation.delay}s`,
                             animationFillMode: 'both'
                         };
-                        componentRefs.value.get('component-' + component.id).style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
-                        animIdx++;
+                        const element = componentRefs.value.get('component-' + component.id);
+                        if (element) {
+                            // element.style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
+                            element.style.cssText = getComputedCSSText(animationStyle);
+                            animIdx++;
+                        }
                     }
                     else {
-                        componentRefs.value.get('component-' + component.id).style.cssText = getComputedCSSText(oldStyle);
+                        componentRefs.value.get('component-' + component.id);
                     }
                 };
                 runAnimation();
-                componentRefs.value.get('component-' + component.id).addEventListener('animationend', runAnimation, false);
-                componentRefs.value.get('component-' + component.id).addEventListener('webkitAnimationEnd', runAnimation, false);
+                const element = componentRefs.value.get('component-' + component.id);
+                if (element) {
+                    element.addEventListener('animationend', runAnimation, false);
+                    element.addEventListener('webkitAnimationEnd', runAnimation, false);
+                }
             });
         };
         const onSlideChange = (swiper) => {
             const currentIndex = swiper.activeIndex;
+            console.log('Slide changed to:', currentIndex); // 添加调试信息
             runAnimations(currentIndex);
             if (currentIndex === swiper.slides.length - 1) {
                 upArrow.value = false;
@@ -13062,22 +13070,19 @@ var script$g = defineComponent({
             else {
                 upArrow.value = true;
             }
-            // swiper.swiperAnimation.animate();
             swiperAnimate(swiper);
         };
         const slideChangeTransitionEnd = (e) => {
             swiperAnimate(e);
         };
         const onSwiper = (swiper) => {
-            // swiper.swiperAnimation = new SwiperAnimation();
-            // swiper.swiperAnimation.init(swiper).animate();
             swiperAnimateCache();
             swiperAnimate(swiper);
             const currentIndex = swiper.activeIndex;
             runAnimations(currentIndex);
         };
         const direction = 'vertical';
-        const effect = 'fade';
+        // const effect = 'fade'
         const slideClasses = (index) => {
             return ['swiper-slide', `slide-${index}`];
         };
@@ -13088,7 +13093,7 @@ var script$g = defineComponent({
             onSwiper,
             modules: [EffectFade],
             direction,
-            effect,
+            // effect,
             upArrow,
             slideChangeTransitionEnd,
             slideClasses
@@ -13137,13 +13142,14 @@ function render$h(_ctx, _cache, $props, $setup, $data, $options) {
                 (openBlock(true), createElementBlock(Fragment, null, renderList(page.components, (item) => {
                   return (openBlock(), createElementBlock("div", {
                     key: item.id,
-                    id: `component-${item.id}`,
                     ref_for: true,
                     ref: _ctx.setComponentRef,
+                    id: `component-${item.id}`,
                     style: {"width":"100%","height":"100%"}
                   }, [
-                    createCommentVNode(" <div v-for=\"item in page.components\" :key=\"item.id\" :id=\"`component-${item.id}`\" style=\"width: 100%; height: 100%;\"> "),
-                    (openBlock(), createBlock(resolveDynamicComponent(item.name), normalizeProps(guardReactiveProps(item.props)), null, 16 /* FULL_PROPS */))
+                    (item.name != 'uni-build-up')
+                      ? (openBlock(), createBlock(resolveDynamicComponent(item.name), normalizeProps(mergeProps({ key: 0 }, item.props)), null, 16 /* FULL_PROPS */))
+                      : createCommentVNode("v-if", true)
                   ], 8 /* PROPS */, _hoisted_2$3))
                 }), 128 /* KEYED_FRAGMENT */))
               ], 4 /* STYLE */)

package/dist/unika-components.umd.js

@@ -13030,14 +13030,14 @@
           };
           const upArrow = vue.ref(true);
           const runAnimations = (currentIndex) => {
-              var pages = cloneDeep$1(props.work && props.work.pages);
+              const pages = cloneDeep$1(props.work && props.work.pages);
               pages[currentIndex].components && pages[currentIndex].components.forEach((component) => {
                   const animationQueue = component.animations || [];
                   const len = animationQueue.length;
                   if (len === 0)
                       return;
                   let animIdx = 0;
-                  const oldStyle = component.props || {};
+                  component.props || {};
                   const runAnimation = () => {
                       if (animIdx < len) {
                           const animation = animationQueue[animIdx];
@@ -13048,20 +13048,28 @@
                               animationDelay: `${animation.delay}s`,
                               animationFillMode: 'both'
                           };
-                          componentRefs.value.get('component-' + component.id).style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
-                          animIdx++;
+                          const element = componentRefs.value.get('component-' + component.id);
+                          if (element) {
+                              // element.style.cssText = getComputedCSSText(animationStyle) + getComputedCSSText(oldStyle);
+                              element.style.cssText = getComputedCSSText(animationStyle);
+                              animIdx++;
+                          }
                       }
                       else {
-                          componentRefs.value.get('component-' + component.id).style.cssText = getComputedCSSText(oldStyle);
+                          componentRefs.value.get('component-' + component.id);
                       }
                   };
                   runAnimation();
-                  componentRefs.value.get('component-' + component.id).addEventListener('animationend', runAnimation, false);
-                  componentRefs.value.get('component-' + component.id).addEventListener('webkitAnimationEnd', runAnimation, false);
+                  const element = componentRefs.value.get('component-' + component.id);
+                  if (element) {
+                      element.addEventListener('animationend', runAnimation, false);
+                      element.addEventListener('webkitAnimationEnd', runAnimation, false);
+                  }
               });
           };
           const onSlideChange = (swiper) => {
               const currentIndex = swiper.activeIndex;
+              console.log('Slide changed to:', currentIndex); // 添加调试信息
               runAnimations(currentIndex);
               if (currentIndex === swiper.slides.length - 1) {
                   upArrow.value = false;
@@ -13069,22 +13077,19 @@
               else {
                   upArrow.value = true;
               }
-              // swiper.swiperAnimation.animate();
               swiperAnimate(swiper);
           };
           const slideChangeTransitionEnd = (e) => {
               swiperAnimate(e);
           };
           const onSwiper = (swiper) => {
-              // swiper.swiperAnimation = new SwiperAnimation();
-              // swiper.swiperAnimation.init(swiper).animate();
               swiperAnimateCache();
               swiperAnimate(swiper);
               const currentIndex = swiper.activeIndex;
               runAnimations(currentIndex);
           };
           const direction = 'vertical';
-          const effect = 'fade';
+          // const effect = 'fade'
           const slideClasses = (index) => {
               return ['swiper-slide', `slide-${index}`];
           };
@@ -13095,7 +13100,7 @@
               onSwiper,
               modules: [EffectFade],
               direction,
-              effect,
+              // effect,
               upArrow,
               slideChangeTransitionEnd,
               slideClasses
@@ -13144,13 +13149,14 @@
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(page.components, (item) => {
                     return (vue.openBlock(), vue.createElementBlock("div", {
                       key: item.id,
-                      id: `component-${item.id}`,
                       ref_for: true,
                       ref: _ctx.setComponentRef,
+                      id: `component-${item.id}`,
                       style: {"width":"100%","height":"100%"}
                     }, [
-                      vue.createCommentVNode(" <div v-for=\"item in page.components\" :key=\"item.id\" :id=\"`component-${item.id}`\" style=\"width: 100%; height: 100%;\"> "),
-                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.name), vue.normalizeProps(vue.guardReactiveProps(item.props)), null, 16 /* FULL_PROPS */))
+                      (item.name != 'uni-build-up')
+                        ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.name), vue.normalizeProps(vue.mergeProps({ key: 0 }, item.props)), null, 16 /* FULL_PROPS */))
+                        : vue.createCommentVNode("v-if", true)
                     ], 8 /* PROPS */, _hoisted_2$3))
                   }), 128 /* KEYED_FRAGMENT */))
                 ], 4 /* STYLE */)

package/package.json

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