unika-components 1.0.130 → 1.0.131

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

@@ -1,52 +1,6 @@
+export declare const defaultStyles: string[];
 declare const _default: import("vue").DefineComponent<{
-    left: {
-        type: StringConstructor;
-        default: string;
-    };
-    top: {
-        type: StringConstructor;
-        default: string;
-    };
-    opacity: {
-        type: NumberConstructor;
-        default: number;
-    };
-    deadline: {
-        type: StringConstructor;
-        default: string;
-    };
-    mainColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    mainFlipBackgroundColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    showLabels: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    flipAnimation: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    language: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    size: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
+    [x: string]: any;
 }, {
     styleProps: import("vue").ComputedRef<Pick<any, string>>;
     handleClick: () => void;
@@ -59,65 +13,8 @@ declare const _default: import("vue").DefineComponent<{
         seconds: string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    left: {
-        type: StringConstructor;
-        default: string;
-    };
-    top: {
-        type: StringConstructor;
-        default: string;
-    };
-    opacity: {
-        type: NumberConstructor;
-        default: number;
-    };
-    deadline: {
-        type: StringConstructor;
-        default: string;
-    };
-    mainColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    mainFlipBackgroundColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    labelColor: {
-        type: StringConstructor;
-        default: string;
-    };
-    showLabels: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    flipAnimation: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    language: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-    size: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
+    [x: string]: any;
 }>>, {
-    left: string;
-    size: string;
-    top: string;
-    opacity: number;
-    deadline: string;
-    mainColor: string;
-    mainFlipBackgroundColor: string;
-    labelColor: string;
-    showLabels: boolean;
-    flipAnimation: boolean;
-    language: string;
+    [x: string]: any;
 }, {}>;
 export default _default;

package/dist/src/defaultProps.d.ts

@@ -253,6 +253,10 @@ export declare const calendarDefaultProps: {
 export declare const countdownDefaultProps: {
     left: string;
     top: string;
+    width: string;
+    height: string;
+    position: string;
+    boxShadow: string;
     opacity: number;
     mainColor: string;
     mainFlipBackgroundColor: string;
@@ -554,6 +558,10 @@ export declare const componentsDefaultProps: {
         props: {
             left: string;
             top: string;
+            width: string;
+            height: string;
+            position: string;
+            boxShadow: string;
             opacity: number;
             mainColor: string;
             mainFlipBackgroundColor: string;

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;
 }
@@ -87,14 +83,10 @@ body, html {
         transform: translate3d(-50%, -50%, 0);
     }
 }
-
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
-}
+
+.uni-image-component {
+  max-width: 100%;
+}
 
   .uni-video-component {
     position: relative;
@@ -117,26 +109,17 @@ body, html {
     background: rgba(0, 0, 0, 0.8);
   }
 
-.like-button {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  cursor: pointer;
-}
-
-.icon-heart {
-  font-size: 24px;
-  color: #e74c3c;
-}
-
-.liked {
-  color: #f00; /* 更改颜色以示已赞 */
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
 }
 
-.like-count {
-  margin-top: 4px;
-  font-size: 16px;
-  color: #333;
+.effect {
+  width: 100%;
+  height: 100%;
 }
 
 .ant-input-number {
@@ -174,9 +157,26 @@ body, html {
   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-warp {

package/dist/unika-components.esm.js

@@ -5078,11 +5078,15 @@ const calendarDefaultProps = {
     language: 'en',
 };
 const countdownDefaultProps = {
-    left: '25px',
-    top: '204.5px',
+    left: '0px',
+    top: '324.5px',
+    width: '375px',
+    height: '85px',
+    position: 'absolute',
+    boxShadow: 'rgb(153, 153, 153) 0px 0px 0px',
     opacity: 1,
-    mainColor: 'red',
-    mainFlipBackgroundColor: 'green',
+    mainColor: 'white',
+    mainFlipBackgroundColor: 'black',
     labelColor: 'blue',
     showLabels: true,
     language: 'th',
@@ -5284,9 +5288,9 @@ const transformToComponentProps = (props, extraProps) => {
     }
 };
 
-const defaultStyles$2 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
+const defaultStyles$3 = 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$2) => {
+const useStylePick = (props, pickStyles = defaultStyles$3) => {
     return computed(() => pick$1(props, pickStyles));
 };
 
@@ -5300,19 +5304,19 @@ const useComponentClick = (props) => {
     return handleClick;
 };
 
-const extraProps$1 = {
+const extraProps = {
     tag: {
         type: String,
         default: 'p'
     },
     ...isEditingProp
 };
-const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
+const defaultProps$b = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps);
 // array that contains style props
 var script$j = defineComponent({
     name: 'uni-text',
     props: {
-        ...defaultProps$a
+        ...defaultProps$b
     },
     setup(props) {
         const styleProps = useStylePick(props);
@@ -5379,12 +5383,12 @@ script$i.install = (app) => {
     app.component(script$i.name, script$i);
 };
 
-const defaultProps$9 = transformToComponentProps(componentsDefaultProps['uni-shape'].props, isEditingProp);
+const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-shape'].props, isEditingProp);
 // array that contains style props
 var script$h = defineComponent({
     name: 'uni-shape',
     props: {
-        ...defaultProps$9
+        ...defaultProps$a
     },
     setup(props) {
         const styleProps = useStylePick(props);
@@ -13131,16 +13135,16 @@ script$f.install = (app) => {
     app.component(script$f.name, script$f);
 };
 
-const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
-const defaultStyles$1 = Object.keys(backgroundDefaultProps);
+const defaultProps$9 = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
+const defaultStyles$2 = Object.keys(backgroundDefaultProps);
 // array that contains style props
 var script$e = defineComponent({
     name: 'uni-background',
     props: {
-        ...defaultProps$8
+        ...defaultProps$9
     },
     setup(props) {
-        const styleProps = useStylePick(props, defaultStyles$1);
+        const styleProps = useStylePick(props, defaultStyles$2);
         const handleClick = useComponentClick(props);
         return {
             styleProps,
@@ -13165,12 +13169,12 @@ script$e.install = (app) => {
     app.component(script$e.name, script$e);
 };
 
-const defaultProps$7 = transformToComponentProps(componentsDefaultProps['uni-video'].props, isEditingProp);
+const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-video'].props, isEditingProp);
 // array that contains style props
 var script$d = defineComponent({
     name: 'uni-video',
     props: {
-        ...defaultProps$7,
+        ...defaultProps$8,
         videoSrc: {
             type: String,
             default: ''
@@ -15698,11 +15702,11 @@ const now$3 = new Date();
 // 添加一天
 now$3.setDate(now$3.getDate() + 1);
 // 格式化日期和时间
-const year$2 = now$3.getFullYear();
-const month$2 = String(now$3.getMonth() + 1).padStart(2, '0'); // 月份是从0开始的
-const day$2 = String(now$3.getDate()).padStart(2, '0');
+const year$1 = now$3.getFullYear();
+const month$1 = String(now$3.getMonth() + 1).padStart(2, '0'); // 月份是从0开始的
+const day$1 = String(now$3.getDate()).padStart(2, '0');
 // 拼接成最终的字符串
-const formattedDate$2 = `${year$2}-${month$2}-${day$2}`;
+const formattedDate$1 = `${year$1}-${month$1}-${day$1}`;
 // interface CalendarData {
 //   date: string;
 //   value: string;
@@ -15730,7 +15734,7 @@ var script$c = defineComponent({
         },
         weddingDate: {
             type: String,
-            default: formattedDate$2
+            default: formattedDate$1
         },
         backgroundColor: {
             type: String,
@@ -16020,11 +16024,11 @@ const now$2 = new Date();
 // 添加一天
 now$2.setDate(now$2.getDate() + 1);
 // 格式化日期和时间
-const year$1 = now$2.getFullYear();
-const month$1 = String(now$2.getMonth() + 1).padStart(2, '0'); // 月份是从0开始的
-const day$1 = String(now$2.getDate()).padStart(2, '0');
+const year = now$2.getFullYear();
+const month = String(now$2.getMonth() + 1).padStart(2, '0'); // 月份是从0开始的
+const day = String(now$2.getDate()).padStart(2, '0');
 // 拼接成最终的字符串
-const formattedDate$1 = `${year$1}-${month$1}-${day$1}`;
+const formattedDate = `${year}-${month}-${day}`;
 // array that contains style props
 var script$b = defineComponent({
     name: 'uni-calendar',
@@ -16048,7 +16052,7 @@ var script$b = defineComponent({
         },
         date: {
             type: String,
-            default: formattedDate$1
+            default: formattedDate
         },
         backgroundColor: {
             type: String,
@@ -21604,9 +21608,9 @@ function makeGetter(name) {
 }
 
 var milliseconds = makeGetter('milliseconds'),
-    seconds$1 = makeGetter('seconds'),
-    minutes$1 = makeGetter('minutes'),
-    hours$1 = makeGetter('hours'),
+    seconds = makeGetter('seconds'),
+    minutes = makeGetter('minutes'),
+    hours = makeGetter('hours'),
     days = makeGetter('days'),
     months = makeGetter('months'),
     years = makeGetter('years');
@@ -21817,9 +21821,9 @@ proto._bubble = bubble;
 proto.clone = clone;
 proto.get = get$1;
 proto.milliseconds = milliseconds;
-proto.seconds = seconds$1;
-proto.minutes = minutes$1;
-proto.hours = hours$1;
+proto.seconds = seconds;
+proto.minutes = minutes;
+proto.hours = hours;
 proto.days = days;
 proto.weeks = weeks;
 proto.months = months;
@@ -22269,72 +22273,24 @@ script$a.render = render$b;
 script$a.__scopeId = "data-v-47d33153";
 script$a.__file = "src/components/UniCountdown/Countdown.vue";
 
-transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
+const defaultProps$7 = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
+const defaultStyles$1 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
 // 获取当前日期和时间
 const now = new Date();
 // 添加一天
 now.setDate(now.getDate() + 1);
 // 格式化日期和时间
-const year = now.getFullYear();
-const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份是从0开始的
-const day = String(now.getDate()).padStart(2, '0');
-const hours = String(now.getHours()).padStart(2, '0');
-const minutes = String(now.getMinutes()).padStart(2, '0');
-const seconds = String(now.getSeconds()).padStart(2, '0');
-// 拼接成最终的字符串
-const formattedDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+now.getFullYear();
+String(now.getMonth() + 1).padStart(2, '0'); // 月份是从0开始的
+String(now.getDate()).padStart(2, '0');
+String(now.getHours()).padStart(2, '0');
+String(now.getMinutes()).padStart(2, '0');
+String(now.getSeconds()).padStart(2, '0');
 // array that contains style props
 var script$9 = defineComponent({
     name: 'uni-countdown',
     props: {
-        left: {
-            type: String,
-            default: '25px'
-        },
-        top: {
-            type: String,
-            default: '204.5px'
-        },
-        opacity: {
-            type: Number,
-            default: 1
-        },
-        deadline: {
-            type: String,
-            default: formattedDate
-        },
-        mainColor: {
-            type: String,
-            default: '#EC685C' // 上层时间颜色
-        },
-        mainFlipBackgroundColor: {
-            type: String,
-            default: '#222222' // 上层背景颜色
-        },
-        labelColor: {
-            type: String,
-            default: '#222222' // 时间单位颜色
-        },
-        showLabels: {
-            type: Boolean,
-            required: false,
-            default: true
-        },
-        flipAnimation: {
-            type: Boolean,
-            required: false,
-            default: true
-        },
-        language: {
-            type: String,
-            required: false,
-            default: 'en'
-        },
-        size: {
-            type: String,
-            required: false,
-            default: "middle"
-        },
+        ...defaultProps$7,
     },
     components: {
         Countdown: script$a
@@ -22342,7 +22298,7 @@ var script$9 = defineComponent({
     setup(props) {
         // 重用并且简化
         // 抽离并且获得 styleProps
-        const styleProps = useStylePick(props);
+        const styleProps = useStylePick(props, defaultStyles$1);
         const handleClick = useComponentClick(props);
         const labelSize = computed(() => {
             if (props.size == 'middle') {
@@ -22398,8 +22354,9 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Countdown = resolveComponent("Countdown");
 
   return (openBlock(), createElementBlock("div", {
-    class: "uni-countdown-component",
-    style: normalizeStyle$1({left: _ctx.left, top: _ctx.top, opacity: _ctx.opacity, position: 'absolute'})
+    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
+    style: normalizeStyle$1(_ctx.styleProps),
+    class: "uni-countdown-component"
   }, [
     createVNode(_component_Countdown, {
       deadline: _ctx.deadline,
@@ -75542,14 +75499,7 @@ script$2.install = (app) => {
     app.component(script$2.name, script$2);
 };
 
-const extraProps = {
-    buttonText: {
-        type: String,
-        default: 'Link'
-    },
-    ...isEditingProp
-};
-const defaultProps = transformToComponentProps(componentsDefaultProps['uni-button'].props, extraProps);
+const defaultProps = transformToComponentProps(componentsDefaultProps['uni-button'].props, isEditingProp);
 const defaultStyles = without$1(Object.keys(buttonDefaultProps), 'actionType', 'url', 'buttonText');
 // array that contains style props
 var script$1 = defineComponent({

package/dist/unika-components.umd.js

@@ -5085,11 +5085,15 @@
       language: 'en',
   };
   const countdownDefaultProps = {
-      left: '25px',
-      top: '204.5px',
+      left: '0px',
+      top: '324.5px',
+      width: '375px',
+      height: '85px',
+      position: 'absolute',
+      boxShadow: 'rgb(153, 153, 153) 0px 0px 0px',
       opacity: 1,
-      mainColor: 'red',
-      mainFlipBackgroundColor: 'green',
+      mainColor: 'white',
+      mainFlipBackgroundColor: 'black',
       labelColor: 'blue',
       showLabels: true,
       language: 'th',
@@ -5291,9 +5295,9 @@
       }
   };
 
-  const defaultStyles$2 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
+  const defaultStyles$3 = 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$2) => {
+  const useStylePick = (props, pickStyles = defaultStyles$3) => {
       return vue.computed(() => pick$1(props, pickStyles));
   };
 
@@ -5307,19 +5311,19 @@
       return handleClick;
   };
 
-  const extraProps$1 = {
+  const extraProps = {
       tag: {
           type: String,
           default: 'p'
       },
       ...isEditingProp
   };
-  const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
+  const defaultProps$b = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps);
   // array that contains style props
   var script$j = vue.defineComponent({
       name: 'uni-text',
       props: {
-          ...defaultProps$a
+          ...defaultProps$b
       },
       setup(props) {
           const styleProps = useStylePick(props);
@@ -5386,12 +5390,12 @@
       app.component(script$i.name, script$i);
   };
 
-  const defaultProps$9 = transformToComponentProps(componentsDefaultProps['uni-shape'].props, isEditingProp);
+  const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-shape'].props, isEditingProp);
   // array that contains style props
   var script$h = vue.defineComponent({
       name: 'uni-shape',
       props: {
-          ...defaultProps$9
+          ...defaultProps$a
       },
       setup(props) {
           const styleProps = useStylePick(props);
@@ -13138,16 +13142,16 @@
       app.component(script$f.name, script$f);
   };
 
-  const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
-  const defaultStyles$1 = Object.keys(backgroundDefaultProps);
+  const defaultProps$9 = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
+  const defaultStyles$2 = Object.keys(backgroundDefaultProps);
   // array that contains style props
   var script$e = vue.defineComponent({
       name: 'uni-background',
       props: {
-          ...defaultProps$8
+          ...defaultProps$9
       },
       setup(props) {
-          const styleProps = useStylePick(props, defaultStyles$1);
+          const styleProps = useStylePick(props, defaultStyles$2);
           const handleClick = useComponentClick(props);
           return {
               styleProps,
@@ -13172,12 +13176,12 @@
       app.component(script$e.name, script$e);
   };
 
-  const defaultProps$7 = transformToComponentProps(componentsDefaultProps['uni-video'].props, isEditingProp);
+  const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-video'].props, isEditingProp);
   // array that contains style props
   var script$d = vue.defineComponent({
       name: 'uni-video',
       props: {
-          ...defaultProps$7,
+          ...defaultProps$8,
           videoSrc: {
               type: String,
               default: ''
@@ -15705,11 +15709,11 @@
   // 添加一天
   now$3.setDate(now$3.getDate() + 1);
   // 格式化日期和时间
-  const year$2 = now$3.getFullYear();
-  const month$2 = String(now$3.getMonth() + 1).padStart(2, '0'); // 月份是从0开始的
-  const day$2 = String(now$3.getDate()).padStart(2, '0');
+  const year$1 = now$3.getFullYear();
+  const month$1 = String(now$3.getMonth() + 1).padStart(2, '0'); // 月份是从0开始的
+  const day$1 = String(now$3.getDate()).padStart(2, '0');
   // 拼接成最终的字符串
-  const formattedDate$2 = `${year$2}-${month$2}-${day$2}`;
+  const formattedDate$1 = `${year$1}-${month$1}-${day$1}`;
   // interface CalendarData {
   //   date: string;
   //   value: string;
@@ -15737,7 +15741,7 @@
           },
           weddingDate: {
               type: String,
-              default: formattedDate$2
+              default: formattedDate$1
           },
           backgroundColor: {
               type: String,
@@ -16027,11 +16031,11 @@
   // 添加一天
   now$2.setDate(now$2.getDate() + 1);
   // 格式化日期和时间
-  const year$1 = now$2.getFullYear();
-  const month$1 = String(now$2.getMonth() + 1).padStart(2, '0'); // 月份是从0开始的
-  const day$1 = String(now$2.getDate()).padStart(2, '0');
+  const year = now$2.getFullYear();
+  const month = String(now$2.getMonth() + 1).padStart(2, '0'); // 月份是从0开始的
+  const day = String(now$2.getDate()).padStart(2, '0');
   // 拼接成最终的字符串
-  const formattedDate$1 = `${year$1}-${month$1}-${day$1}`;
+  const formattedDate = `${year}-${month}-${day}`;
   // array that contains style props
   var script$b = vue.defineComponent({
       name: 'uni-calendar',
@@ -16055,7 +16059,7 @@
           },
           date: {
               type: String,
-              default: formattedDate$1
+              default: formattedDate
           },
           backgroundColor: {
               type: String,
@@ -21611,9 +21615,9 @@
   }
 
   var milliseconds = makeGetter('milliseconds'),
-      seconds$1 = makeGetter('seconds'),
-      minutes$1 = makeGetter('minutes'),
-      hours$1 = makeGetter('hours'),
+      seconds = makeGetter('seconds'),
+      minutes = makeGetter('minutes'),
+      hours = makeGetter('hours'),
       days = makeGetter('days'),
       months = makeGetter('months'),
       years = makeGetter('years');
@@ -21824,9 +21828,9 @@
   proto.clone = clone;
   proto.get = get$1;
   proto.milliseconds = milliseconds;
-  proto.seconds = seconds$1;
-  proto.minutes = minutes$1;
-  proto.hours = hours$1;
+  proto.seconds = seconds;
+  proto.minutes = minutes;
+  proto.hours = hours;
   proto.days = days;
   proto.weeks = weeks;
   proto.months = months;
@@ -22276,72 +22280,24 @@
   script$a.__scopeId = "data-v-47d33153";
   script$a.__file = "src/components/UniCountdown/Countdown.vue";
 
-  transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
+  const defaultProps$7 = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
+  const defaultStyles$1 = without$1(Object.keys(countdownDefaultProps), 'actionType', 'url', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
   // 获取当前日期和时间
   const now = new Date();
   // 添加一天
   now.setDate(now.getDate() + 1);
   // 格式化日期和时间
-  const year = now.getFullYear();
-  const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份是从0开始的
-  const day = String(now.getDate()).padStart(2, '0');
-  const hours = String(now.getHours()).padStart(2, '0');
-  const minutes = String(now.getMinutes()).padStart(2, '0');
-  const seconds = String(now.getSeconds()).padStart(2, '0');
-  // 拼接成最终的字符串
-  const formattedDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+  now.getFullYear();
+  String(now.getMonth() + 1).padStart(2, '0'); // 月份是从0开始的
+  String(now.getDate()).padStart(2, '0');
+  String(now.getHours()).padStart(2, '0');
+  String(now.getMinutes()).padStart(2, '0');
+  String(now.getSeconds()).padStart(2, '0');
   // array that contains style props
   var script$9 = vue.defineComponent({
       name: 'uni-countdown',
       props: {
-          left: {
-              type: String,
-              default: '25px'
-          },
-          top: {
-              type: String,
-              default: '204.5px'
-          },
-          opacity: {
-              type: Number,
-              default: 1
-          },
-          deadline: {
-              type: String,
-              default: formattedDate
-          },
-          mainColor: {
-              type: String,
-              default: '#EC685C' // 上层时间颜色
-          },
-          mainFlipBackgroundColor: {
-              type: String,
-              default: '#222222' // 上层背景颜色
-          },
-          labelColor: {
-              type: String,
-              default: '#222222' // 时间单位颜色
-          },
-          showLabels: {
-              type: Boolean,
-              required: false,
-              default: true
-          },
-          flipAnimation: {
-              type: Boolean,
-              required: false,
-              default: true
-          },
-          language: {
-              type: String,
-              required: false,
-              default: 'en'
-          },
-          size: {
-              type: String,
-              required: false,
-              default: "middle"
-          },
+          ...defaultProps$7,
       },
       components: {
           Countdown: script$a
@@ -22349,7 +22305,7 @@
       setup(props) {
           // 重用并且简化
           // 抽离并且获得 styleProps
-          const styleProps = useStylePick(props);
+          const styleProps = useStylePick(props, defaultStyles$1);
           const handleClick = useComponentClick(props);
           const labelSize = vue.computed(() => {
               if (props.size == 'middle') {
@@ -22405,8 +22361,9 @@
     const _component_Countdown = vue.resolveComponent("Countdown");
 
     return (vue.openBlock(), vue.createElementBlock("div", {
-      class: "uni-countdown-component",
-      style: vue.normalizeStyle({left: _ctx.left, top: _ctx.top, opacity: _ctx.opacity, position: 'absolute'})
+      onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"])),
+      style: vue.normalizeStyle(_ctx.styleProps),
+      class: "uni-countdown-component"
     }, [
       vue.createVNode(_component_Countdown, {
         deadline: _ctx.deadline,
@@ -75549,14 +75506,7 @@ summary tabindex target title type usemap value width wmode wrap`;
       app.component(script$2.name, script$2);
   };
 
-  const extraProps = {
-      buttonText: {
-          type: String,
-          default: 'Link'
-      },
-      ...isEditingProp
-  };
-  const defaultProps = transformToComponentProps(componentsDefaultProps['uni-button'].props, extraProps);
+  const defaultProps = transformToComponentProps(componentsDefaultProps['uni-button'].props, isEditingProp);
   const defaultStyles = without$1(Object.keys(buttonDefaultProps), 'actionType', 'url', 'buttonText');
   // array that contains style props
   var script$1 = vue.defineComponent({

package/package.json

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