unika-components 1.0.342 → 1.0.343

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

@@ -97,20 +97,24 @@ declare const _default: import("vue").DefineComponent<{
         lineHeight: number;
         letterSpacing: string;
         fontWeight: string;
+        fontStyle: string;
         textDecoration: string;
         textAlign: string;
         color: string;
         opacity: number;
         padding: string;
         textIndent: string;
+        display: string;
     }>;
     textEditorStyle: import("vue").ComputedRef<{
+        writingMode: string;
         display: string;
         fontFamily: string;
         fontSize: string;
         lineHeight: number;
         letterSpacing: string;
         fontWeight: string;
+        fontStyle: string;
         textDecoration: string;
         textAlign: string;
         color: string;

package/dist/unika-components.css

@@ -1,25 +1,38 @@
-
-.uni-image-component {
-  max-width: 100%;
-}
-.uni-image-mask-wrapper {
-  display: inline-block;
-}
+
+  .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);
+  }
 
 .ele-text {
   position: relative;
 }
 
-.ani-wrap {
-  display: flex;
-  justify-content: center;
-  align-items: center;
+.ele-text .ani-wrap {
+  width: 100%;
+  height: 100%;
 }
 
 .text-common {
+  padding: 5px;
+  text-orientation: upright;
   white-space: pre-wrap;
-  word-break: break-all;
-  transform-origin: center;
 }
 
 /* 文本动画类 */
@@ -75,6 +88,13 @@
   }
 }
 
+.uni-image-component {
+  max-width: 100%;
+}
+.uni-image-mask-wrapper {
+  display: inline-block;
+}
+
 .work-container {
   position: relative;
   overflow: hidden;
@@ -272,49 +292,6 @@
   will-change: transform;
 }
 
-.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);
-  }
-
 
 .uni-calendar-component {
 
@@ -362,23 +339,45 @@
   vertical-align: top;
 }
 
-.uni-lotties-component {
-  width: 100%;
-  height: 100%;
+  .uni-build-up-component {
+  }
+
+.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;
 }
 
 .effect {
   width: 100%;
   height: 100%;
 }
-
-  .uni-build-up-component {
-  }
 
 .uni-svg-component {
   display: inline-block;
 }
 
+.uni-lotties-component {
+  width: 100%;
+  height: 100%;
+}
+
 
 .no-animation__card {
   font-weight: 500;

package/dist/unika-components.esm.js

@@ -45,20 +45,23 @@ var script$k = defineComponent({
         }));
         // 计算文本样式
         const textCommonStyle = computed(() => ({
-            fontFamily: css.fontFamily || '微软雅黑',
+            fontFamily: css.fontFamily || 'gorilla',
             fontSize: `${css.fontSize || 16}px`,
             lineHeight: css.lineHeight || 1,
             letterSpacing: `${css.letterSpacing || 0}px`,
             fontWeight: css.fontWeight || 'normal',
+            fontStyle: css.fontStyle || 'normal',
             textDecoration: css.textDecoration || 'none',
             textAlign: css.textAlign || 'center',
             color: css.color || '#000',
-            opacity: properties.visible ? 1 : 0,
+            opacity: 1,
             padding: `${css.padding || 0}px`,
             textIndent: `${css.textIndent || 0}px`,
+            display: 'none'
         }));
         const textEditorStyle = computed(() => ({
             ...textCommonStyle.value,
+            writingMode: css.writingMode,
             display: 'block', // 确保文本编辑器可见
         }));
         return {
@@ -99,7 +102,7 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
         borderStyle: _ctx.css.borderStyle,
         borderWidth: `${_ctx.css.borderWidth || 0}px`,
         boxShadow: _ctx.boxShadowStyle,
-        opacity: _ctx.properties.visible ? 1 : 0
+        opacity: _ctx.css.opacity || 1
       })
         }, [
           createElementVNode("div", {

package/dist/unika-components.umd.js

@@ -52,20 +52,23 @@
           }));
           // 计算文本样式
           const textCommonStyle = vue.computed(() => ({
-              fontFamily: css.fontFamily || '微软雅黑',
+              fontFamily: css.fontFamily || 'gorilla',
               fontSize: `${css.fontSize || 16}px`,
               lineHeight: css.lineHeight || 1,
               letterSpacing: `${css.letterSpacing || 0}px`,
               fontWeight: css.fontWeight || 'normal',
+              fontStyle: css.fontStyle || 'normal',
               textDecoration: css.textDecoration || 'none',
               textAlign: css.textAlign || 'center',
               color: css.color || '#000',
-              opacity: properties.visible ? 1 : 0,
+              opacity: 1,
               padding: `${css.padding || 0}px`,
               textIndent: `${css.textIndent || 0}px`,
+              display: 'none'
           }));
           const textEditorStyle = vue.computed(() => ({
               ...textCommonStyle.value,
+              writingMode: css.writingMode,
               display: 'block', // 确保文本编辑器可见
           }));
           return {
@@ -106,7 +109,7 @@
           borderStyle: _ctx.css.borderStyle,
           borderWidth: `${_ctx.css.borderWidth || 0}px`,
           boxShadow: _ctx.boxShadowStyle,
-          opacity: _ctx.properties.visible ? 1 : 0
+          opacity: _ctx.css.opacity || 1
         })
           }, [
             vue.createElementVNode("div", {

package/package.json

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