unika-components 1.0.347 → 1.0.349

package/dist/src/defaultProps.d.ts

@@ -257,8 +257,8 @@ export interface PersonalData {
 }
 export interface WorkData {
     personalData?: PersonalData | null;
-    global?: GlobalData;
-    pages: PageData[];
+    global: GlobalData;
+    pages: PageData[] | [];
 }
 export declare const commonDefaultProps: {
     actionType: string;

package/dist/src/index.d.ts

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

package/dist/unika-components.css

@@ -1,3 +1,165 @@
+
+#audio {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  z-index: 103;
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+}
+
+#audio .mrotate {
+  animation: mrotate 5s linear infinite;
+}
+
+@keyframes mrotate {
+  to {
+    transform: rotate(1turn);
+  }
+}
+
+#audio .audio {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  background: #666;
+  border-radius: 50%;
+  overflow: hidden;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+#audio .audio.a-border {
+  border: 1px solid #fff;
+}
+
+#audio .audio .music-icon {
+  display: block;
+  width: 60%;
+  height: 60%;
+  object-fit: contain;
+}
+
+#audio .audio .iconfont {
+  font-size: 2opx;
+  line-height: 1;
+}
+#audio .icon-cancel {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    overflow: hidden;
+    padding: 15px 0;
+}
+  #audio .icon-cancel .icon-h {
+    transform: rotate(45deg);
+    width: 100%;
+    height: 2px;
+    margin-top: 15px;
+    background: #fff;
+  }
+#audio .icon-cancel .icon-h:before, #audio .icon-cancel .icon-h:after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 2px;
+    background: #fff;
+  }
+
+.ele-text {
+  position: relative;
+}
+
+.ele-text .ani-wrap {
+  width: 100%;
+  height: 100%;
+}
+
+.text-common {
+  padding: 5px;
+  text-orientation: upright;
+  white-space: pre-wrap;
+}
+
+/* 文本动画类 */
+.text-fadeIn {
+  animation: fadeIn 1s ease-in-out;
+}
+
+.text-slideIn {
+  animation: slideIn 1s ease-in-out;
+}
+
+.text-bounceIn {
+  animation: bounceIn 1s ease-in-out;
+}
+
+/* 基础动画关键帧 */
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes slideIn {
+  from {
+    transform: translateY(20px);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+@keyframes bounceIn {
+  0% {
+    transform: scale(0.3);
+    opacity: 0;
+  }
+  50% {
+    transform: scale(1.05);
+    opacity: 0.8;
+  }
+  70% {
+    transform: scale(0.9);
+    opacity: 0.9;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 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%;
@@ -202,163 +364,51 @@
   background-position: center;
   will-change: transform;
 }
-
-.ele-text {
-  position: relative;
-}
-
-.ele-text .ani-wrap {
-  width: 100%;
-  height: 100%;
-}
-
-.text-common {
-  padding: 5px;
-  text-orientation: upright;
-  white-space: pre-wrap;
-}
-
-/* 文本动画类 */
-.text-fadeIn {
-  animation: fadeIn 1s ease-in-out;
-}
-
-.text-slideIn {
-  animation: slideIn 1s ease-in-out;
-}
-
-.text-bounceIn {
-  animation: bounceIn 1s ease-in-out;
-}
-
-/* 基础动画关键帧 */
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes slideIn {
-  from {
-    transform: translateY(20px);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-
-@keyframes bounceIn {
-  0% {
-    transform: scale(0.3);
-    opacity: 0;
-  }
-  50% {
-    transform: scale(1.05);
-    opacity: 0.8;
-  }
-  70% {
-    transform: scale(0.9);
-    opacity: 0.9;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-}
 
-#audio {
+
+.uni-calendar-component {
+
+}
+.slot-number {
   position: absolute;
-  right: 10px;
-  top: 10px;
-  z-index: 103;
-  width: 30px;
-  height: 30px;
-  display: flex;
-  align-items: center;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
 }
 
-#audio .mrotate {
-  animation: mrotate 5s linear infinite;
+.effect {
+  width: 100%;
+  height: 100%;
 }
+
+.uni-svg-component {
+  display: inline-block;
+}
 
-@keyframes mrotate {
-  to {
-    transform: rotate(1turn);
+  .uni-build-up-component {
   }
-}
 
-#audio .audio {
-  width: 100%;
-  height: 100%;
+.like-button {
   display: flex;
+  flex-direction: column;
   align-items: center;
-  justify-content: center;
-  color: #fff;
-  background: #666;
-  border-radius: 50%;
-  overflow: hidden;
   cursor: pointer;
-  transition: all 0.3s ease;
 }
 
-#audio .audio.a-border {
-  border: 1px solid #fff;
-}
-
-#audio .audio .music-icon {
-  display: block;
-  width: 60%;
-  height: 60%;
-  object-fit: contain;
-}
-
-#audio .audio .iconfont {
-  font-size: 2opx;
-  line-height: 1;
-}
-#audio .icon-cancel {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    overflow: hidden;
-    padding: 15px 0;
+.icon-heart {
+  font-size: 24px;
+  color: #e74c3c;
 }
-  #audio .icon-cancel .icon-h {
-    transform: rotate(45deg);
-    width: 100%;
-    height: 2px;
-    margin-top: 15px;
-    background: #fff;
-  }
-#audio .icon-cancel .icon-h:before, #audio .icon-cancel .icon-h:after {
-    content: '';
-    position: absolute;
-    width: 100%;
-    height: 2px;
-    background: #fff;
-  }
-
 
-.uni-calendar-component {
-
-}
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
+.liked {
+  color: #f00; /* 更改颜色以示已赞 */
 }
 
-.effect {
-  width: 100%;
-  height: 100%;
+.like-count {
+  margin-top: 4px;
+  font-size: 16px;
+  color: #333;
 }
 
 .ant-input-number {
@@ -401,56 +451,6 @@
   height: 100%;
 }
 
-  .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;
-  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-build-up-component {
-  }
-
-.uni-svg-component {
-  display: inline-block;
-}
-
 
 .no-animation__card {
   font-weight: 500;

package/dist/unika-components.esm.js

@@ -5825,7 +5825,7 @@ var script$h = defineComponent({
         const bgMusic = ref(null);
         const currentPageId = ref('');
         // 使用 computed 保持响应性
-        const workData = computed(() => props.workData);
+        const workData = computed(() => props.workData || { pages: [], global: {} });
         const personalData = computed(() => workData.value.personalData || {});
         const global = computed(() => workData.value.global || {});
         const pages = computed(() => workData.value.pages || []);
@@ -68954,7 +68954,8 @@ const components = [
     script$2,
     script,
     // UniTanmu,
-    script$1
+    script$1,
+    script$h
 ];
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 const install = (app) => {
@@ -68966,4 +68967,4 @@ var index = {
     install
 };
 
-export { script$i as LongPage, script$h as SwiperPage, script$g as UniBackground, script$2 as UniBulidUp, script$3 as UniButton, script$c as UniCalendar, script$8 as UniCall, script$a as UniCountdown, script$6 as UniEffect, script$k as UniImage, script$7 as UniLike, script$4 as UniLotties, script$9 as UniMap, script$f as UniMusic, script$5 as UniRegisterForm, script$j as UniShape, script as UniSvg, script$1 as UniTest, script$l as UniText, script$e as UniVideo, index as default, install };
+export { script$i as LongPage, script$h as SwiperPage, script$g as UniBackground, script$2 as UniBulidUp, script$3 as UniButton, script$c as UniCalendar, script$8 as UniCall, script$a as UniCountdown, script$6 as UniEffect, script$k as UniImage, script$7 as UniLike, script$4 as UniLotties, script$9 as UniMap, script$f as UniMusic, script$5 as UniRegisterForm, script$j as UniShape, script as UniSvg, script$1 as UniTest, script$l as UniText, script$e as UniVideo, script$h as UniWorkRenderer, index as default, install };

package/dist/unika-components.umd.js

@@ -5832,7 +5832,7 @@
           const bgMusic = vue.ref(null);
           const currentPageId = vue.ref('');
           // 使用 computed 保持响应性
-          const workData = vue.computed(() => props.workData);
+          const workData = vue.computed(() => props.workData || { pages: [], global: {} });
           const personalData = vue.computed(() => workData.value.personalData || {});
           const global = vue.computed(() => workData.value.global || {});
           const pages = vue.computed(() => workData.value.pages || []);
@@ -68961,7 +68961,8 @@ summary tabindex target title type usemap value width wmode wrap`;
       script$2,
       script,
       // UniTanmu,
-      script$1
+      script$1,
+      script$h
   ];
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
   const install = (app) => {
@@ -68993,6 +68994,7 @@ summary tabindex target title type usemap value width wmode wrap`;
   exports.UniTest = script$1;
   exports.UniText = script$l;
   exports.UniVideo = script$e;
+  exports.UniWorkRenderer = script$h;
   exports["default"] = index;
   exports.install = install;
 

package/package.json

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