unika-components 1.0.75 → 1.0.78

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

@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    isEditing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     styleProps: import("vue").ComputedRef<Pick<any, string>>;
     handleClick: () => void;
@@ -44,11 +48,16 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    isEditing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     buttonUrl: string;
     fontColor: string;
     backgroundColor: string;
     buttonText: string;
     transform: string;
+    isEditing: boolean;
 }, {}>;
 export default _default;

package/dist/unika-components.css

@@ -1,8 +1,4 @@
 
-.uni-image-component {
-  max-width: 100%;
-}
-
 h2.uni-text-component, p.uni-text-component {
   margin-bottom: 0;
 }
@@ -15,33 +11,40 @@ button.uni-text-component {
   white-space: pre-wrap;
 }
 
-  .uni-video-component {
-    position: relative;
-    text-align: center;
+  .uni-background-component {
+    width: 100%;
   }
-  .play-pause-button {
+  .bg-img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    z-index:1;
+  }
+  .watermark {
+    height: 100%;
     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;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
   }
-  .play-pause-button:hover {
-    background: rgba(0, 0, 0, 0.8);
+  .watermark-div {
+    height: 100%;
+    width:100%;
+    position:absolute;
+    z-index:99999999;
   }
-
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
+  body:before{
+  content: '';
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: -1;
+  /* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
+  background-position: center;  
+  opacity: 0.1;
 }
 
  .slide-guide {
@@ -117,42 +120,6 @@ body, html {
     }
 }
 
-  .uni-background-component {
-    width: 100%;
-  }
-  .bg-img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    z-index:1;
-  }
-  .watermark {
-    height: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-  }
-  .watermark-div {
-    height: 100%;
-    width:100%;
-    position:absolute;
-    z-index:99999999;
-  }
-  body:before{
-  content: '';
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: -1;
-  /* background: url(https://unika-static-dev.unika.cc/logo.png) 0 0 repeat; */
-  background-position: center;  
-  opacity: 0.1;
-}
-
 #audio {
   position: absolute;
   right: 10px;
@@ -247,6 +214,44 @@ body, html {
     -webkit-transform: rotate(360deg);
   }
 }
+
+.uni-image-component {
+  max-width: 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);
+  }
+
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
+}
+
+.effect {
+  width: 100%;
+  height: 100%;
+}
 
 .swiper-warp {
   width: 100%;
@@ -262,6 +267,28 @@ body, html {
   max-height: 100%;
 }
 
+.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;
+}
+
 .ant-input-number {
   box-sizing: border-box;
   margin: 0;
@@ -296,33 +323,6 @@ body, html {
   margin-bottom: 0px;
   vertical-align: top;
 }
-
-.effect {
-  width: 100%;
-  height: 100%;
-}
-
-.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;
-}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions

package/dist/unika-components.esm.js

@@ -13268,7 +13268,7 @@ var script$c = defineComponent({
         videoSrc: {
             type: String,
             default: ''
-        },
+        }
     },
     components: {
     // FontAwesomeIcon
@@ -26259,7 +26259,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle$1({..._ctx.styleProps, color: _ctx.fontColor,
     position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform }),
     onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args))),
-    class: "call-button"
+    class: "call-button uni-call-component"
   }, [
     createVNode(_component_font_awesome_icon, { icon: ['fas', 'square-phone'] }),
     createTextVNode("   "),
@@ -75651,6 +75651,10 @@ var script = defineComponent({
             type: String,
             default: 'rotate(0deg)'
         },
+        isEditing: {
+            type: Boolean,
+            default: false
+        }
     },
     components: {},
     setup(props) {
@@ -75659,7 +75663,9 @@ var script = defineComponent({
         const styleProps = useStylePick(props);
         const handleClick = useComponentClick(props);
         const openUrl = () => {
-            window.location.href = props.buttonUrl;
+            if (!props.isEditing) {
+                window.location.href = props.buttonUrl;
+            }
         };
         return {
             styleProps,
@@ -75672,9 +75678,9 @@ var script = defineComponent({
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("button", {
     style: normalizeStyle$1({..._ctx.styleProps, color: _ctx.fontColor,
-    position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform}),
+    position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform} ),
     onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openUrl && _ctx.openUrl(...args))),
-    class: "call-button"
+    class: "call-button uni-button-component"
   }, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createTextVNode(toDisplayString(_ctx.buttonText), 1 /* TEXT */)

package/dist/unika-components.umd.js

@@ -13275,7 +13275,7 @@
           videoSrc: {
               type: String,
               default: ''
-          },
+          }
       },
       components: {
       // FontAwesomeIcon
@@ -26266,7 +26266,7 @@
       style: vue.normalizeStyle({..._ctx.styleProps, color: _ctx.fontColor,
       position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform }),
       onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args))),
-      class: "call-button"
+      class: "call-button uni-call-component"
     }, [
       vue.createVNode(_component_font_awesome_icon, { icon: ['fas', 'square-phone'] }),
       vue.createTextVNode("   "),
@@ -75658,6 +75658,10 @@ summary tabindex target title type usemap value width wmode wrap`;
               type: String,
               default: 'rotate(0deg)'
           },
+          isEditing: {
+              type: Boolean,
+              default: false
+          }
       },
       components: {},
       setup(props) {
@@ -75666,7 +75670,9 @@ summary tabindex target title type usemap value width wmode wrap`;
           const styleProps = useStylePick(props);
           const handleClick = useComponentClick(props);
           const openUrl = () => {
-              window.location.href = props.buttonUrl;
+              if (!props.isEditing) {
+                  window.location.href = props.buttonUrl;
+              }
           };
           return {
               styleProps,
@@ -75679,9 +75685,9 @@ summary tabindex target title type usemap value width wmode wrap`;
   function render(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("button", {
       style: vue.normalizeStyle({..._ctx.styleProps, color: _ctx.fontColor,
-      position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform}),
+      position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform} ),
       onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openUrl && _ctx.openUrl(...args))),
-      class: "call-button"
+      class: "call-button uni-button-component"
     }, [
       vue.renderSlot(_ctx.$slots, "default", {}, () => [
         vue.createTextVNode(vue.toDisplayString(_ctx.buttonText), 1 /* TEXT */)

package/package.json

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