unika-components 1.0.322 → 1.0.323

package/dist/src/components/WorkRender/WorkRenderer.vue.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
         backgroundColor: string;
     }>;
     showPageIndicator: import("vue").ComputedRef<boolean>;
-    pageTransition: import("vue").ComputedRef<string>;
+    pageTransition: import("vue").ComputedRef<"fade" | "slide-up" | "slide-down">;
     getPageStyle: (page: PageData) => {
         backgroundColor: string;
         backgroundImage: string;

package/dist/unika-components.css

@@ -207,6 +207,18 @@
   will-change: transform;
 }
 
+
+.uni-calendar-component {
+
+}
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
+}
+
   .uni-video-component {
     position: relative;
     text-align: center;
@@ -228,18 +240,6 @@
     background: rgba(0, 0, 0, 0.8);
   }
 
-
-.uni-calendar-component {
-
-}
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
-}
-
 .like-button {
   display: flex;
   flex-direction: column;
@@ -262,6 +262,11 @@
   color: #333;
 }
 
+.uni-lotties-component {
+  width: 100%;
+  height: 100%;
+}
+
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -297,130 +302,18 @@
   vertical-align: top;
 }
 
-  .uni-build-up-component {
-  }
-
 .effect {
   width: 100%;
   height: 100%;
 }
+
+  .uni-build-up-component {
+  }
 
 .uni-svg-component {
   display: inline-block;
 }
 
-.uni-lotties-component {
-  width: 100%;
-  height: 100%;
-}
-
-  .page-indicator {
-    position: fixed;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: 1000;
-    transition: all 0.3s ease;
-  
-    /* 默认位置（底部居中） */
-    &.bottom {
-      bottom: 20px;
-      left: 50%;
-      transform: translateX(-50%);
-      flex-direction: row;
-    }
-  
-    /* 顶部样式 */
-    &.top {
-      top: 20px;
-      left: 50%;
-      transform: translateX(-50%);
-      flex-direction: row;
-    }
-  
-    /* 左侧样式 */
-    &.left {
-      left: 20px;
-      top: 50%;
-      transform: translateY(-50%);
-      flex-direction: column;
-    }
-  
-    /* 右侧样式 */
-    &.right {
-      right: 20px;
-      top: 50%;
-      transform: translateY(-50%);
-      flex-direction: column;
-    }
-  
-    /* 点状样式 */
-    &.dot-style {
-      .indicator-dot {
-        width: v-bind('size + "px"');
-        height: v-bind('size + "px"');
-        margin: v-bind('spacing/2 + "px"');
-        border-radius: 50%;
-        background-color: v-bind('color + "4D"'); /* 添加透明度 */
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        cursor: pointer;
-        transition: all 0.3s ease;
-  
-        .active-dot {
-          border-radius: 50%;
-          transition: all 0.3s ease;
-        }
-  
-        &:hover {
-          background-color: v-bind('color + "80"');
-        }
-  
-        &.active {
-          background-color: transparent;
-        }
-      }
-    }
-  
-    /* 数字样式 */
-    &.number-style {
-      padding: 6px 12px;
-      border-radius: 20px;
-      background-color: rgba(0, 0, 0, 0.3);
-      color: v-bind('color');
-      font-size: 14px;
-  
-      .current-page {
-        color: v-bind('activeColor');
-        font-weight: bold;
-      }
-  
-      .separator {
-        margin: 0 4px;
-        opacity: 0.6;
-      }
-  
-      .total-pages {
-        opacity: 0.8;
-      }
-    }
-  }
-  
-  .dynamic-element {
-    position: absolute;
-    box-sizing: border-box;
-  }
-  
-  .is-sign {
-    z-index: 10;
-  }
-  
-  .is-locked {
-    pointer-events: none;
-    opacity: 0.7;
-  }
-  
 
 .no-animation__card {
   font-weight: 500;
@@ -868,3 +761,111 @@
   padding: 0 0px;
   border-bottom: 1px solid
 }
+
+  .dynamic-element {
+    position: absolute;
+    box-sizing: border-box;
+  }
+  
+  .is-sign {
+    z-index: 10;
+  }
+  
+  .is-locked {
+    pointer-events: none;
+    opacity: 0.7;
+  }
+  
+  .page-indicator {
+    position: fixed;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 1000;
+    transition: all 0.3s ease;
+  
+    /* 默认位置（底部居中） */
+    &.bottom {
+      bottom: 20px;
+      left: 50%;
+      transform: translateX(-50%);
+      flex-direction: row;
+    }
+  
+    /* 顶部样式 */
+    &.top {
+      top: 20px;
+      left: 50%;
+      transform: translateX(-50%);
+      flex-direction: row;
+    }
+  
+    /* 左侧样式 */
+    &.left {
+      left: 20px;
+      top: 50%;
+      transform: translateY(-50%);
+      flex-direction: column;
+    }
+  
+    /* 右侧样式 */
+    &.right {
+      right: 20px;
+      top: 50%;
+      transform: translateY(-50%);
+      flex-direction: column;
+    }
+  
+    /* 点状样式 */
+    &.dot-style {
+      .indicator-dot {
+        width: v-bind('size + "px"');
+        height: v-bind('size + "px"');
+        margin: v-bind('spacing/2 + "px"');
+        border-radius: 50%;
+        background-color: v-bind('color + "4D"'); /* 添加透明度 */
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        transition: all 0.3s ease;
+  
+        .active-dot {
+          border-radius: 50%;
+          transition: all 0.3s ease;
+        }
+  
+        &:hover {
+          background-color: v-bind('color + "80"');
+        }
+  
+        &.active {
+          background-color: transparent;
+        }
+      }
+    }
+  
+    /* 数字样式 */
+    &.number-style {
+      padding: 6px 12px;
+      border-radius: 20px;
+      background-color: rgba(0, 0, 0, 0.3);
+      color: v-bind('color');
+      font-size: 14px;
+  
+      .current-page {
+        color: v-bind('activeColor');
+        font-weight: bold;
+      }
+  
+      .separator {
+        margin: 0 4px;
+        opacity: 0.6;
+      }
+  
+      .total-pages {
+        opacity: 0.8;
+      }
+    }
+  }
+  

package/dist/unika-components.esm.js

@@ -6180,7 +6180,7 @@ var script$f = defineComponent({
     },
     setup(props) {
         const bgMusic = ref(null);
-        const currentPageId = ref(props.workData?.pages?.[0]?.pageId || '');
+        const currentPageId = ref(props.workData && props.workData.pages && props.workData.pages[0] && props.workData.pages[0].pageId || '');
         // 数据解构
         const workData = reactive(props.workData || {});
         const { personalData, global, pages } = toRefs(workData);

package/dist/unika-components.umd.js

@@ -6187,7 +6187,7 @@
       },
       setup(props) {
           const bgMusic = vue.ref(null);
-          const currentPageId = vue.ref(props.workData?.pages?.[0]?.pageId || '');
+          const currentPageId = vue.ref(props.workData && props.workData.pages && props.workData.pages[0] && props.workData.pages[0].pageId || '');
           // 数据解构
           const workData = vue.reactive(props.workData || {});
           const { personalData, global, pages } = vue.toRefs(workData);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unika-components",
-  "version": "1.0.322",
+  "version": "1.0.323",
   "private": false,
   "description": "Unika Components Library",
   "main": "dist/unika-components.umd.js",