unika-components 1.0.330 → 1.0.341

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

@@ -76,11 +76,7 @@ declare const _default: import("vue").DefineComponent<{
             id: number;
         }[];
     };
-    shadowStyle: import("vue").ComputedRef<{
-        textShadow?: undefined;
-    } | {
-        textShadow: string;
-    }>;
+    boxShadowStyle: import("vue").ComputedRef<string>;
     animationStyle: import("vue").ComputedRef<{
         animation?: undefined;
     } | {
@@ -88,65 +84,35 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     textAniClasses: import("vue").ComputedRef<string[]>;
     computedStyle: import("vue").ComputedRef<{
-        animation?: undefined;
-        textShadow?: undefined;
         position: string;
-        fontSize: string;
-        lineHeight: number;
-        letterSpacing: string;
-        width: string;
-        height: string;
         left: string;
         top: string;
-        transform: string;
-        padding: string;
-        textIndent: string;
-        borderRadius: string;
-    } | {
-        animation: string;
-        textShadow?: undefined;
-        position: string;
-        fontSize: string;
-        lineHeight: number;
-        letterSpacing: string;
         width: string;
         height: string;
-        left: string;
-        top: string;
         transform: string;
-        padding: string;
-        textIndent: string;
-        borderRadius: string;
-    } | {
-        animation?: undefined;
-        textShadow: string;
-        position: string;
+    }>;
+    textCommonStyle: import("vue").ComputedRef<{
+        fontFamily: string;
         fontSize: string;
         lineHeight: number;
         letterSpacing: string;
-        width: string;
-        height: string;
-        left: string;
-        top: string;
-        transform: string;
+        textAlign: string;
+        color: string;
+        opacity: number;
         padding: string;
         textIndent: string;
-        borderRadius: string;
-    } | {
-        animation: string;
-        textShadow: string;
-        position: string;
+    }>;
+    textEditorStyle: import("vue").ComputedRef<{
+        display: string;
+        fontFamily: string;
         fontSize: string;
         lineHeight: number;
         letterSpacing: string;
-        width: string;
-        height: string;
-        left: string;
-        top: string;
-        transform: string;
+        textAlign: string;
+        color: string;
+        opacity: number;
         padding: string;
         textIndent: string;
-        borderRadius: string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     element: {

package/dist/src/defaultProps.d.ts

@@ -134,6 +134,9 @@ export interface ElementData {
     type: string;
     textContent: string;
     layerName: string;
+    sign: boolean;
+    signSort: number;
+    overturnType: number;
     css: {
         fontFamily: string;
         fontSize: number;
@@ -162,6 +165,15 @@ export interface ElementData {
         animation: string;
         animation2: string;
     };
+    triggers: {
+        event: string;
+        link: string;
+        go: string;
+        phone: string;
+        musicName: string;
+        musicLink: string;
+        musicHash: string;
+    };
     properties: {
         visible: boolean;
         isLock: boolean;

package/dist/unika-components.css

@@ -1,91 +1,4 @@
 
-.uni-image-component {
-  max-width: 100%;
-}
-.uni-image-mask-wrapper {
-  display: inline-block;
-}
-
-.uni-text {
-  white-space: pre-wrap;
-  word-break: break-all;
-  transform-origin: center;
-}
-
-/* 文本动画类 */
-.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);
-  }
-
 .work-container {
   position: relative;
   overflow: hidden;
@@ -282,28 +195,82 @@
   background-position: center;
   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-image-component {
+  max-width: 100%;
+}
+.uni-image-mask-wrapper {
+  display: inline-block;
+}
+
+.ele-text {
+  position: relative;
+}
+
+.ani-wrap {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.text-common {
+  white-space: pre-wrap;
+  word-break: break-all;
+  transform-origin: center;
+}
+
+/* 文本动画类 */
+.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-calendar-component {
@@ -317,15 +284,26 @@
   color: #666
 }
 
-.uni-lotties-component {
-  width: 100%;
-  height: 100%;
-}
-
-.effect {
-  width: 100%;
-  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);
+  }
 
 .ant-input-number {
   box-sizing: border-box;
@@ -364,6 +342,38 @@
 
   .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-lotties-component {
+  width: 100%;
+  height: 100%;
+}
 
 .uni-svg-component {
   display: inline-block;

package/dist/unika-components.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle as normalizeStyle$1, toDisplayString, createCommentVNode, ref, nextTick, withModifiers, createElementVNode, Fragment, renderList, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps, watch, resolveComponent, createVNode, Transition, withCtx, withDirectives, vShow, createTextVNode, renderSlot, pushScopeId, popScopeId, toRefs, onMounted, onBeforeMount, onUnmounted, h as h$2, isVNode, Comment, Text, reactive, getCurrentInstance, onUpdated, inject, provide, unref, shallowRef, watchEffect, onBeforeUnmount, triggerRef, resolveDirective, cloneVNode, toRef, Teleport, isRef, toRaw, render as render$m, TransitionGroup, onBeforeUpdate, mergeProps } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle as normalizeStyle$1, createElementVNode, toDisplayString, createCommentVNode, createStaticVNode, ref, nextTick, withModifiers, Fragment, renderList, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps, watch, resolveComponent, createVNode, Transition, withCtx, withDirectives, vShow, createTextVNode, renderSlot, pushScopeId, popScopeId, toRefs, onMounted, onBeforeMount, onUnmounted, h as h$2, isVNode, Comment, Text, reactive, getCurrentInstance, onUpdated, inject, provide, unref, shallowRef, watchEffect, onBeforeUnmount, triggerRef, resolveDirective, cloneVNode, toRef, Teleport, isRef, toRaw, render as render$m, TransitionGroup, onBeforeUpdate, mergeProps } from 'vue';
 import crypto from 'crypto';
 
 var script$k = defineComponent({
@@ -10,17 +10,14 @@ var script$k = defineComponent({
         }
     },
     setup(props) {
-        // 确保在解构之前检查 element 是否存在
         const element = props.element || {};
         const css = element.css || {};
         const properties = element.properties || {};
         // 计算阴影样式
-        const shadowStyle = computed(() => {
+        const boxShadowStyle = computed(() => {
             if (!properties.shadowSize)
-                return {};
-            return {
-                textShadow: `${properties.shadowX || 0}px ${properties.shadowY || 0}px ${properties.shadowBlur || 0}px ${properties.shadowColor || '#000'}`
-            };
+                return 'none';
+            return `${properties.shadowX || 0}px ${properties.shadowY || 0}px ${properties.shadowBlur || 0}px ${properties.shadowColor || '#000'}`;
         });
         // 计算动画样式
         const animationStyle = computed(() => {
@@ -40,38 +37,80 @@ var script$k = defineComponent({
         // 计算样式
         const computedStyle = computed(() => ({
             position: 'absolute',
-            fontSize: `${css.fontSize || 16}px`,
-            lineHeight: css.lineHeight || 1,
-            letterSpacing: `${css.letterSpacing || 0}px`,
-            width: `${css.width || 100}px`,
-            height: `${css.height || 0}px`,
             left: `${css.left || 0}px`,
             top: `${css.top || 0}px`,
+            width: `${css.width || 100}px`,
+            height: 'auto',
             transform: `rotate(${css.transform || 0}deg)`,
+        }));
+        // 计算文本样式
+        const textCommonStyle = computed(() => ({
+            fontFamily: css.fontFamily || '微软雅黑',
+            fontSize: `${css.fontSize || 16}px`,
+            lineHeight: css.lineHeight || 1,
+            letterSpacing: `${css.letterSpacing || 0}px`,
+            textAlign: css.textAlign || 'center',
+            color: css.color || '#000',
+            opacity: properties.visible ? 1 : 0,
             padding: `${css.padding || 0}px`,
             textIndent: `${css.textIndent || 0}px`,
-            borderRadius: `${css.borderRadius || 0}px`,
-            ...shadowStyle.value,
-            ...animationStyle.value
+        }));
+        const textEditorStyle = computed(() => ({
+            ...textCommonStyle.value,
+            display: 'block', // 确保文本编辑器可见
         }));
         return {
             css,
             properties,
-            shadowStyle,
+            boxShadowStyle,
             animationStyle,
             textAniClasses,
-            computedStyle
+            computedStyle,
+            textCommonStyle,
+            textEditorStyle
         };
     }
 });
 
+const _hoisted_1$b = ["data-id", "data-pid", "data-type", "sign", "signsort", "layername"];
+const _hoisted_2$3 = /*#__PURE__*/createStaticVNode("<div class=\"drag-point top-center\" data-v-55ed80cb></div><div class=\"drag-point bottom-center\" data-v-55ed80cb></div><div class=\"drag-point left-top\" data-v-55ed80cb></div><div class=\"drag-point left-center\" data-v-55ed80cb></div><div class=\"drag-point left-bottom\" data-v-55ed80cb></div><div class=\"drag-point right-top\" data-v-55ed80cb></div><div class=\"drag-point right-center\" data-v-55ed80cb></div><div class=\"drag-point right-bottom\" data-v-55ed80cb></div><div class=\"drag-point rotate-icon\" data-v-55ed80cb><i class=\"iconfont hb-xuanzhuan\" data-v-55ed80cb></i></div>", 9);
+
 function render$l(_ctx, _cache, $props, $setup, $data, $options) {
   return (_ctx.element && _ctx.properties.visible)
     ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: normalizeClass(["uni-text", _ctx.textAniClasses]),
-        style: normalizeStyle$1(_ctx.computedStyle)
-      }, toDisplayString(_ctx.element.textContent), 7 /* TEXT, CLASS, STYLE */))
+        class: normalizeClass(['ele-text', 'eles']),
+        "data-id": _ctx.element.id,
+        "data-pid": _ctx.element.pid,
+        "data-type": _ctx.element.type,
+        style: normalizeStyle$1(_ctx.computedStyle),
+        sign: _ctx.element.sign,
+        signsort: _ctx.element.signSort,
+        layername: _ctx.element.layerName
+      }, [
+        createElementVNode("div", {
+          class: "ani-wrap",
+          style: normalizeStyle$1({
+        borderRadius: `${_ctx.css.borderRadius || 0}px`,
+        borderColor: _ctx.css.borderColor,
+        borderStyle: _ctx.css.borderStyle,
+        borderWidth: `${_ctx.css.borderWidth || 0}px`,
+        boxShadow: _ctx.boxShadowStyle,
+        opacity: _ctx.properties.visible ? 1 : 0
+      })
+        }, [
+          createElementVNode("div", {
+            class: "text-common text-ani",
+            style: normalizeStyle$1(_ctx.textCommonStyle)
+          }, null, 4 /* STYLE */),
+          createElementVNode("div", {
+            contenteditable: "false",
+            class: "text-common text-editor",
+            style: normalizeStyle$1(_ctx.textEditorStyle)
+          }, toDisplayString(_ctx.element.textContent || '双击输入文字'), 5 /* TEXT, STYLE */)
+        ], 4 /* STYLE */),
+        _hoisted_2$3
+      ], 12 /* STYLE, PROPS */, _hoisted_1$b))
     : createCommentVNode("v-if", true)
 }
 

package/dist/unika-components.umd.js

@@ -17,17 +17,14 @@
           }
       },
       setup(props) {
-          // 确保在解构之前检查 element 是否存在
           const element = props.element || {};
           const css = element.css || {};
           const properties = element.properties || {};
           // 计算阴影样式
-          const shadowStyle = vue.computed(() => {
+          const boxShadowStyle = vue.computed(() => {
               if (!properties.shadowSize)
-                  return {};
-              return {
-                  textShadow: `${properties.shadowX || 0}px ${properties.shadowY || 0}px ${properties.shadowBlur || 0}px ${properties.shadowColor || '#000'}`
-              };
+                  return 'none';
+              return `${properties.shadowX || 0}px ${properties.shadowY || 0}px ${properties.shadowBlur || 0}px ${properties.shadowColor || '#000'}`;
           });
           // 计算动画样式
           const animationStyle = vue.computed(() => {
@@ -47,38 +44,80 @@
           // 计算样式
           const computedStyle = vue.computed(() => ({
               position: 'absolute',
-              fontSize: `${css.fontSize || 16}px`,
-              lineHeight: css.lineHeight || 1,
-              letterSpacing: `${css.letterSpacing || 0}px`,
-              width: `${css.width || 100}px`,
-              height: `${css.height || 0}px`,
               left: `${css.left || 0}px`,
               top: `${css.top || 0}px`,
+              width: `${css.width || 100}px`,
+              height: 'auto',
               transform: `rotate(${css.transform || 0}deg)`,
+          }));
+          // 计算文本样式
+          const textCommonStyle = vue.computed(() => ({
+              fontFamily: css.fontFamily || '微软雅黑',
+              fontSize: `${css.fontSize || 16}px`,
+              lineHeight: css.lineHeight || 1,
+              letterSpacing: `${css.letterSpacing || 0}px`,
+              textAlign: css.textAlign || 'center',
+              color: css.color || '#000',
+              opacity: properties.visible ? 1 : 0,
               padding: `${css.padding || 0}px`,
               textIndent: `${css.textIndent || 0}px`,
-              borderRadius: `${css.borderRadius || 0}px`,
-              ...shadowStyle.value,
-              ...animationStyle.value
+          }));
+          const textEditorStyle = vue.computed(() => ({
+              ...textCommonStyle.value,
+              display: 'block', // 确保文本编辑器可见
           }));
           return {
               css,
               properties,
-              shadowStyle,
+              boxShadowStyle,
               animationStyle,
               textAniClasses,
-              computedStyle
+              computedStyle,
+              textCommonStyle,
+              textEditorStyle
           };
       }
   });
 
+  const _hoisted_1$b = ["data-id", "data-pid", "data-type", "sign", "signsort", "layername"];
+  const _hoisted_2$3 = /*#__PURE__*/vue.createStaticVNode("<div class=\"drag-point top-center\" data-v-55ed80cb></div><div class=\"drag-point bottom-center\" data-v-55ed80cb></div><div class=\"drag-point left-top\" data-v-55ed80cb></div><div class=\"drag-point left-center\" data-v-55ed80cb></div><div class=\"drag-point left-bottom\" data-v-55ed80cb></div><div class=\"drag-point right-top\" data-v-55ed80cb></div><div class=\"drag-point right-center\" data-v-55ed80cb></div><div class=\"drag-point right-bottom\" data-v-55ed80cb></div><div class=\"drag-point rotate-icon\" data-v-55ed80cb><i class=\"iconfont hb-xuanzhuan\" data-v-55ed80cb></i></div>", 9);
+
   function render$l(_ctx, _cache, $props, $setup, $data, $options) {
     return (_ctx.element && _ctx.properties.visible)
       ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          class: vue.normalizeClass(["uni-text", _ctx.textAniClasses]),
-          style: vue.normalizeStyle(_ctx.computedStyle)
-        }, vue.toDisplayString(_ctx.element.textContent), 7 /* TEXT, CLASS, STYLE */))
+          class: vue.normalizeClass(['ele-text', 'eles']),
+          "data-id": _ctx.element.id,
+          "data-pid": _ctx.element.pid,
+          "data-type": _ctx.element.type,
+          style: vue.normalizeStyle(_ctx.computedStyle),
+          sign: _ctx.element.sign,
+          signsort: _ctx.element.signSort,
+          layername: _ctx.element.layerName
+        }, [
+          vue.createElementVNode("div", {
+            class: "ani-wrap",
+            style: vue.normalizeStyle({
+          borderRadius: `${_ctx.css.borderRadius || 0}px`,
+          borderColor: _ctx.css.borderColor,
+          borderStyle: _ctx.css.borderStyle,
+          borderWidth: `${_ctx.css.borderWidth || 0}px`,
+          boxShadow: _ctx.boxShadowStyle,
+          opacity: _ctx.properties.visible ? 1 : 0
+        })
+          }, [
+            vue.createElementVNode("div", {
+              class: "text-common text-ani",
+              style: vue.normalizeStyle(_ctx.textCommonStyle)
+            }, null, 4 /* STYLE */),
+            vue.createElementVNode("div", {
+              contenteditable: "false",
+              class: "text-common text-editor",
+              style: vue.normalizeStyle(_ctx.textEditorStyle)
+            }, vue.toDisplayString(_ctx.element.textContent || '双击输入文字'), 5 /* TEXT, STYLE */)
+          ], 4 /* STYLE */),
+          _hoisted_2$3
+        ], 12 /* STYLE, PROPS */, _hoisted_1$b))
       : vue.createCommentVNode("v-if", true)
   }
 

package/package.json

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