unika-components 1.0.127 → 1.0.128

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

@@ -1,63 +1,11 @@
 declare const _default: import("vue").DefineComponent<{
-    buttonUrl: {
-        type: StringConstructor;
-        default: string;
-    };
-    fontColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    backgroundColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    buttonText: {
-        type: StringConstructor;
-        default: string;
-    };
-    transform: {
-        type: StringConstructor;
-        default: string;
-    };
-    isEditing: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    [x: string]: any;
 }, {
     styleProps: import("vue").ComputedRef<Pick<any, string>>;
     handleClick: () => void;
-    openUrl: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    buttonUrl: {
-        type: StringConstructor;
-        default: string;
-    };
-    fontColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    backgroundColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    buttonText: {
-        type: StringConstructor;
-        default: string;
-    };
-    transform: {
-        type: StringConstructor;
-        default: string;
-    };
-    isEditing: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    [x: string]: any;
 }>>, {
-    buttonUrl: string;
-    fontColor: string;
-    backgroundColor: string;
-    buttonText: string;
-    transform: string;
-    isEditing: boolean;
+    [x: string]: any;
 }, {}>;
 export default _default;

package/dist/src/defaultProps.d.ts

@@ -291,18 +291,23 @@ export declare const callDefaultProps: {
     isEditing: boolean;
 };
 export declare const buttonDefaultProps: {
+    position: string;
     left: string;
     top: string;
     width: string;
     height: string;
     transform: string;
+    boxShadow: string;
     borderRadius: string;
     borderStyle: string;
     borderWidth: string;
     borderColor: string;
-    fontColor: string;
+    color: string;
+    lineHeight: number;
     backgroundColor: string;
-    buttonUrl: string;
+    fontSize: string;
+    actionType: string;
+    url: string;
     buttonText: string;
 };
 export declare const likeDefaultProps: {
@@ -673,18 +678,23 @@ export declare const componentsDefaultProps: {
     };
     'uni-button': {
         props: {
+            position: string;
             left: string;
             top: string;
             width: string;
             height: string;
             transform: string;
+            boxShadow: string;
             borderRadius: string;
             borderStyle: string;
             borderWidth: string;
             borderColor: string;
-            fontColor: string;
+            color: string;
+            lineHeight: number;
             backgroundColor: string;
-            buttonUrl: string;
+            fontSize: string;
+            actionType: string;
+            url: string;
             buttonText: string;
         };
     };

package/dist/unika-components.css

@@ -3,61 +3,6 @@
   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;
-}
-
-.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);
-  }
-
  .slide-guide {
     position: absolute;
     bottom: 90px;
@@ -130,6 +75,74 @@ body, html {
         transform: translate3d(-50%, -50%, 0);
     }
 }
+
+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;
+}
+
+.effect {
+  width: 100%;
+  height: 100%;
+}
+
+.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-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;
@@ -179,19 +192,6 @@ body, html {
   max-width: 100%;
   max-height: 100%;
 }
-
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
-}
-
-.effect {
-  width: 100%;
-  height: 100%;
-}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions

package/dist/unika-components.esm.js

@@ -5118,18 +5118,23 @@ const callDefaultProps = {
     isEditing: false
 };
 const buttonDefaultProps = {
-    left: '127px',
+    position: 'absolute',
+    left: '70.5px',
     top: '347px',
-    width: '120px',
+    width: '235px',
     height: '40px',
     transform: 'rotate(0deg)',
-    borderRadius: '10px',
+    boxShadow: 'rgb(153, 153, 153) 0px 0px 0px',
+    borderRadius: '4px',
     borderStyle: 'solid',
-    borderWidth: '2px',
-    borderColor: 'blue',
-    fontColor: '#fff',
-    backgroundColor: 'rgb(33, 147, 255)',
-    buttonUrl: 'https://unika.cc',
+    borderWidth: '0px',
+    borderColor: 'rgb(153, 153, 153)',
+    color: 'rgb(255, 255, 255)',
+    lineHeight: 1,
+    backgroundColor: 'rgb(38, 135, 241)',
+    fontSize: '16px',
+    actionType: "to",
+    url: "https://unika.cc",
     buttonText: 'Link',
 };
 const likeDefaultProps = {
@@ -5279,9 +5284,9 @@ const transformToComponentProps = (props, extraProps) => {
     }
 };
 
-const defaultStyles$1 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
+const defaultStyles$2 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
-const useStylePick = (props, pickStyles = defaultStyles$1) => {
+const useStylePick = (props, pickStyles = defaultStyles$2) => {
     return computed(() => pick$1(props, pickStyles));
 };
 
@@ -13127,7 +13132,7 @@ script$f.install = (app) => {
 };
 
 const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
-const defaultStyles = Object.keys(backgroundDefaultProps);
+const defaultStyles$1 = Object.keys(backgroundDefaultProps);
 // array that contains style props
 var script$e = defineComponent({
     name: 'uni-background',
@@ -13135,7 +13140,7 @@ var script$e = defineComponent({
         ...defaultProps$8
     },
     setup(props) {
-        const styleProps = useStylePick(props, defaultStyles);
+        const styleProps = useStylePick(props, defaultStyles$1);
         const handleClick = useComponentClick(props);
         return {
             styleProps,
@@ -75538,62 +75543,59 @@ script$2.install = (app) => {
 };
 
 const defaultProps = transformToComponentProps(componentsDefaultProps['uni-button'].props, isEditingProp);
+const defaultStyles = Object.keys(buttonDefaultProps);
 // array that contains style props
 var script$1 = defineComponent({
     name: 'uni-button',
     props: {
         ...defaultProps,
-        buttonUrl: {
-            type: String,
-            default: 'https://unika.cc'
-        },
-        fontColor: {
-            type: String,
-            default: 'white'
-        },
-        backgroundColor: {
-            type: String,
-            default: 'blue'
-        },
-        buttonText: {
-            type: String,
-            default: 'Link'
-        },
-        transform: {
-            type: String,
-            default: 'rotate(0deg)'
-        },
-        isEditing: {
-            type: Boolean,
-            default: false
-        }
+        // buttonUrl: {
+        //   type: String,
+        //   default: 'https://unika.cc'
+        // },
+        // fontColor: {
+        //   type: String,
+        //   default: 'white'
+        // },
+        // backgroundColor: {
+        //   type: String,
+        //   default: 'blue'
+        // },
+        // buttonText: {
+        //   type: String,
+        //   default: 'Link'
+        // },
+        // transform: {
+        //   type: String,
+        //   default: 'rotate(0deg)'
+        // },
+        // isEditing: {
+        //   type: Boolean,
+        //   default: false
+        // }
     },
     components: {},
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props);
+        const styleProps = useStylePick(props, defaultStyles);
         const handleClick = useComponentClick(props);
-        const openUrl = () => {
-            if (!props.isEditing) {
-                alert('Button clicked!');
-                window.location.href = props.buttonUrl;
-            }
-        };
+        // const openUrl = () => {
+        //     window.location.href = props.buttonUrl
+        // }
         return {
             styleProps,
             handleClick,
-            openUrl
+            // openUrl
         };
     }
 });
 
 function render$1(_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} ),
-    onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openUrl && _ctx.openUrl(...args))),
-    class: "call-button uni-button-component"
+    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
+    style: normalizeStyle$1(_ctx.styleProps),
+    class: "uni-button-component"
   }, [
     renderSlot(_ctx.$slots, "default", {}, () => [
       createTextVNode(toDisplayString(_ctx.buttonText), 1 /* TEXT */)

package/dist/unika-components.umd.js

@@ -5125,18 +5125,23 @@
       isEditing: false
   };
   const buttonDefaultProps = {
-      left: '127px',
+      position: 'absolute',
+      left: '70.5px',
       top: '347px',
-      width: '120px',
+      width: '235px',
       height: '40px',
       transform: 'rotate(0deg)',
-      borderRadius: '10px',
+      boxShadow: 'rgb(153, 153, 153) 0px 0px 0px',
+      borderRadius: '4px',
       borderStyle: 'solid',
-      borderWidth: '2px',
-      borderColor: 'blue',
-      fontColor: '#fff',
-      backgroundColor: 'rgb(33, 147, 255)',
-      buttonUrl: 'https://unika.cc',
+      borderWidth: '0px',
+      borderColor: 'rgb(153, 153, 153)',
+      color: 'rgb(255, 255, 255)',
+      lineHeight: 1,
+      backgroundColor: 'rgb(38, 135, 241)',
+      fontSize: '16px',
+      actionType: "to",
+      url: "https://unika.cc",
       buttonText: 'Link',
   };
   const likeDefaultProps = {
@@ -5286,9 +5291,9 @@
       }
   };
 
-  const defaultStyles$1 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
+  const defaultStyles$2 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
-  const useStylePick = (props, pickStyles = defaultStyles$1) => {
+  const useStylePick = (props, pickStyles = defaultStyles$2) => {
       return vue.computed(() => pick$1(props, pickStyles));
   };
 
@@ -13134,7 +13139,7 @@
   };
 
   const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
-  const defaultStyles = Object.keys(backgroundDefaultProps);
+  const defaultStyles$1 = Object.keys(backgroundDefaultProps);
   // array that contains style props
   var script$e = vue.defineComponent({
       name: 'uni-background',
@@ -13142,7 +13147,7 @@
           ...defaultProps$8
       },
       setup(props) {
-          const styleProps = useStylePick(props, defaultStyles);
+          const styleProps = useStylePick(props, defaultStyles$1);
           const handleClick = useComponentClick(props);
           return {
               styleProps,
@@ -75545,62 +75550,59 @@ summary tabindex target title type usemap value width wmode wrap`;
   };
 
   const defaultProps = transformToComponentProps(componentsDefaultProps['uni-button'].props, isEditingProp);
+  const defaultStyles = Object.keys(buttonDefaultProps);
   // array that contains style props
   var script$1 = vue.defineComponent({
       name: 'uni-button',
       props: {
           ...defaultProps,
-          buttonUrl: {
-              type: String,
-              default: 'https://unika.cc'
-          },
-          fontColor: {
-              type: String,
-              default: 'white'
-          },
-          backgroundColor: {
-              type: String,
-              default: 'blue'
-          },
-          buttonText: {
-              type: String,
-              default: 'Link'
-          },
-          transform: {
-              type: String,
-              default: 'rotate(0deg)'
-          },
-          isEditing: {
-              type: Boolean,
-              default: false
-          }
+          // buttonUrl: {
+          //   type: String,
+          //   default: 'https://unika.cc'
+          // },
+          // fontColor: {
+          //   type: String,
+          //   default: 'white'
+          // },
+          // backgroundColor: {
+          //   type: String,
+          //   default: 'blue'
+          // },
+          // buttonText: {
+          //   type: String,
+          //   default: 'Link'
+          // },
+          // transform: {
+          //   type: String,
+          //   default: 'rotate(0deg)'
+          // },
+          // isEditing: {
+          //   type: Boolean,
+          //   default: false
+          // }
       },
       components: {},
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props);
+          const styleProps = useStylePick(props, defaultStyles);
           const handleClick = useComponentClick(props);
-          const openUrl = () => {
-              if (!props.isEditing) {
-                  alert('Button clicked!');
-                  window.location.href = props.buttonUrl;
-              }
-          };
+          // const openUrl = () => {
+          //     window.location.href = props.buttonUrl
+          // }
           return {
               styleProps,
               handleClick,
-              openUrl
+              // openUrl
           };
       }
   });
 
   function render$1(_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} ),
-      onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openUrl && _ctx.openUrl(...args))),
-      class: "call-button uni-button-component"
+      onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
+      style: vue.normalizeStyle(_ctx.styleProps),
+      class: "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.127",
+  "version": "1.0.128",
   "private": false,
   "main": "dist/unika-components.umd.js",
   "module": "dist/unika-components.esm.js",