unika-components 1.0.74 → 1.0.76

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

@@ -11,10 +11,18 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    text: {
+    buttonText: {
         type: StringConstructor;
         default: string;
     };
+    transform: {
+        type: StringConstructor;
+        default: string;
+    };
+    isEditing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     styleProps: import("vue").ComputedRef<Pick<any, string>>;
     handleClick: () => void;
@@ -32,14 +40,24 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    text: {
+    buttonText: {
         type: StringConstructor;
         default: string;
     };
+    transform: {
+        type: StringConstructor;
+        default: string;
+    };
+    isEditing: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     buttonUrl: string;
     fontColor: string;
     backgroundColor: string;
-    text: string;
+    buttonText: string;
+    transform: string;
+    isEditing: boolean;
 }, {}>;
 export default _default;

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

@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    transform: {
+        type: StringConstructor;
+        default: string;
+    };
     isEditing: {
         type: BooleanConstructor;
         default: boolean;
@@ -40,11 +44,16 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    transform: {
+        type: StringConstructor;
+        default: string;
+    };
     isEditing: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>>, {
+    transform: string;
     phoneNumber: string;
     fontColor: string;
     backgroundColor: string;

package/dist/src/defaultProps.d.ts

@@ -290,7 +290,7 @@ export declare const buttonDefaultProps: {
     fontColor: string;
     backgroundColor: string;
     buttonUrl: string;
-    text: string;
+    buttonText: string;
 };
 export declare const likeDefaultProps: {
     actionType: string;
@@ -644,7 +644,7 @@ export declare const componentsDefaultProps: {
             fontColor: string;
             backgroundColor: string;
             buttonUrl: string;
-            text: string;
+            buttonText: string;
         };
     };
 };

package/dist/unika-components.css

@@ -1,3 +1,27 @@
+
+h2.uni-text-component, p.uni-text-component {
+  margin-bottom: 0;
+}
+button.uni-text-component {
+  padding: 5px 10px;
+  cursor: pointer;
+}
+.uni-text-component {
+  box-sizing: border-box;
+  white-space: pre-wrap;
+}
+
+.uni-image-component {
+  max-width: 100%;
+}
+
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
+}
 
   .uni-video-component {
     position: relative;
@@ -19,6 +43,101 @@
   .play-pause-button:hover {
     background: rgba(0, 0, 0, 0.8);
   }
+
+#audio {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  z-index: 103;
+  width: 30px;
+  height: 30px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+#audio .audio {
+  width: 100%;
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  color: #fff;
+  background: #666;
+  border-radius: 50%;
+  overflow: hidden;
+  will-change: transform;
+}
+#audio .audio .music-icon {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+#audio .icon-cancel {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  overflow: hidden;
+  padding: 14px 0;
+}
+#audio .icon-cancel .icon-h {
+  -webkit-transform: rotate(45deg);
+  transform: rotate(45deg);
+  width: 100%;
+  height: 2px;
+  background: #fff;
+}
+#audio .mrotate {
+  -webkit-animation: mrotate 5s linear infinite;
+  animation: mrotate 5s linear infinite;
+}
+.video-play-audio {
+  position: absolute;
+  left: -9999px;
+  top: -9999px;
+  width: 0;
+  height: 0;
+  z-index: -1;
+  opacity: 1;
+  overflow: hidden;
+}
+
+.music-img {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+}
+
+.uni-music-component {
+}
+
+/* 无限旋转 */
+@keyframes mrotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes mrotate {
+  from {
+    -webkit-transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(360deg);
+  }
+}
 
  .slide-guide {
     position: absolute;
@@ -93,29 +212,27 @@ body, html {
     }
 }
 
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
+.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%;
-}
-
-h2.uni-text-component, p.uni-text-component {
-  margin-bottom: 0;
-}
-button.uni-text-component {
-  padding: 5px 10px;
-  cursor: pointer;
-}
-.uni-text-component {
-  box-sizing: border-box;
-  white-space: pre-wrap;
-}
 
   .uni-background-component {
     width: 100%;
@@ -153,47 +270,6 @@ button.uni-text-component {
   opacity: 0.1;
 }
 
-.effect {
-  width: 100%;
-  height: 100%;
-}
-
-.swiper-warp {
-  width: 100%;
-  height: 100%;
-}
-
-.swiper-slide-component {
-  text-align: center;
-}
-
-.swiper-slide img {
-  max-width: 100%;
-  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;
@@ -229,99 +305,23 @@ button.uni-text-component {
   vertical-align: top;
 }
 
-#audio {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  z-index: 103;
-  width: 30px;
-  height: 30px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-#audio .audio {
-  width: 100%;
-  height: 100%;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  color: #fff;
-  background: #666;
-  border-radius: 50%;
-  overflow: hidden;
-  will-change: transform;
-}
-#audio .audio .music-icon {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
-#audio .icon-cancel {
-  position: absolute;
+.effect {
   width: 100%;
   height: 100%;
-  border-radius: 50%;
-  overflow: hidden;
-  padding: 14px 0;
-}
-#audio .icon-cancel .icon-h {
-  -webkit-transform: rotate(45deg);
-  transform: rotate(45deg);
-  width: 100%;
-  height: 2px;
-  background: #fff;
-}
-#audio .mrotate {
-  -webkit-animation: mrotate 5s linear infinite;
-  animation: mrotate 5s linear infinite;
-}
-.video-play-audio {
-  position: absolute;
-  left: -9999px;
-  top: -9999px;
-  width: 0;
-  height: 0;
-  z-index: -1;
-  opacity: 1;
-  overflow: hidden;
 }
 
-.music-img {
-  position: relative;
-  display: inline-block;
+.swiper-warp {
   width: 100%;
   height: 100%;
 }
 
-.uni-music-component {
+.swiper-slide-component {
+  text-align: center;
 }
 
-/* 无限旋转 */
-@keyframes mrotate {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes mrotate {
-  from {
-    -webkit-transform: rotate(0deg);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-  }
+.swiper-slide img {
+  max-width: 100%;
+  max-height: 100%;
 }
 /**
  * Swiper 6.8.4

package/dist/unika-components.esm.js

@@ -5122,7 +5122,7 @@ const buttonDefaultProps = {
     fontColor: '#fff',
     backgroundColor: 'rgb(33, 147, 255)',
     buttonUrl: 'https://unika.cc',
-    text: 'Link'
+    buttonText: 'Link'
 };
 const likeDefaultProps = {
     ...commonDefaultProps
@@ -26220,6 +26220,10 @@ var script$6 = defineComponent({
             type: String,
             default: '一键拨号'
         },
+        transform: {
+            type: String,
+            default: 'rotate(0deg)'
+        },
         isEditing: {
             type: Boolean,
             default: false
@@ -26253,7 +26257,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (openBlock(), createElementBlock("button", {
     style: normalizeStyle$1({..._ctx.styleProps, color: _ctx.fontColor,
-    position: 'absolute', background: _ctx.backgroundColor}),
+    position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform }),
     onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args))),
     class: "call-button"
   }, [
@@ -75639,9 +75643,17 @@ var script = defineComponent({
             type: String,
             default: 'blue'
         },
-        text: {
+        buttonText: {
             type: String,
             default: 'Link'
+        },
+        transform: {
+            type: String,
+            default: 'rotate(0deg)'
+        },
+        isEditing: {
+            type: Boolean,
+            default: false
         }
     },
     components: {},
@@ -75651,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,
@@ -75664,12 +75678,12 @@ 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}),
+    position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform}),
     onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openUrl && _ctx.openUrl(...args))),
     class: "call-button"
   }, [
     renderSlot(_ctx.$slots, "default", {}, () => [
-      createTextVNode(toDisplayString(_ctx.text), 1 /* TEXT */)
+      createTextVNode(toDisplayString(_ctx.buttonText), 1 /* TEXT */)
     ])
   ], 4 /* STYLE */))
 }

package/dist/unika-components.umd.js

@@ -5129,7 +5129,7 @@
       fontColor: '#fff',
       backgroundColor: 'rgb(33, 147, 255)',
       buttonUrl: 'https://unika.cc',
-      text: 'Link'
+      buttonText: 'Link'
   };
   const likeDefaultProps = {
       ...commonDefaultProps
@@ -26227,6 +26227,10 @@
               type: String,
               default: '一键拨号'
           },
+          transform: {
+              type: String,
+              default: 'rotate(0deg)'
+          },
           isEditing: {
               type: Boolean,
               default: false
@@ -26260,7 +26264,7 @@
 
     return (vue.openBlock(), vue.createElementBlock("button", {
       style: vue.normalizeStyle({..._ctx.styleProps, color: _ctx.fontColor,
-      position: 'absolute', background: _ctx.backgroundColor}),
+      position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform }),
       onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.callNumber && _ctx.callNumber(...args))),
       class: "call-button"
     }, [
@@ -75646,9 +75650,17 @@ summary tabindex target title type usemap value width wmode wrap`;
               type: String,
               default: 'blue'
           },
-          text: {
+          buttonText: {
               type: String,
               default: 'Link'
+          },
+          transform: {
+              type: String,
+              default: 'rotate(0deg)'
+          },
+          isEditing: {
+              type: Boolean,
+              default: false
           }
       },
       components: {},
@@ -75658,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,
@@ -75671,12 +75685,12 @@ 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}),
+      position: 'absolute', background: _ctx.backgroundColor, transform: _ctx.transform}),
       onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openUrl && _ctx.openUrl(...args))),
       class: "call-button"
     }, [
       vue.renderSlot(_ctx.$slots, "default", {}, () => [
-        vue.createTextVNode(vue.toDisplayString(_ctx.text), 1 /* TEXT */)
+        vue.createTextVNode(vue.toDisplayString(_ctx.buttonText), 1 /* TEXT */)
       ])
     ], 4 /* STYLE */))
   }

package/package.json

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