unika-components 1.0.21 → 1.0.22

package/dist/unika-components.css

@@ -1,79 +1,14 @@
 
- .slide-guide {
-    position: absolute;
-    bottom: 90px;
-    left: 50%;
-    transform: translateX(-50%);
-}
-.slide-guide img {
-    animation: flowing 2s ease-in-out infinite;
-    width: 33px;
-    vertical-align: middle;
-    border-style: none;
-}
-body, html {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    margin: 0px;
-}
-.swiper-container {
-    width: 100%;
-    height: 100%;
-}
-.swiper-slide {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-}
-.up-arrow {
-    width: 2rem;
-    height: 2rem;
-    position: fixed;
-    bottom: 2rem;
-    left: 50%;
-    transform: translate3d(-50%, 0, 0);
-    z-index: 999;
-    background: none;
-    border: none;
-    padding: 0;
-    animation: upArrowAni 2s infinite linear;
-}
-.up-arrow img {
-  width: 2rem;
-  height: 2rem;
-  text-align: center;
-  line-height: 2rem;
-  color: #fff;
-  font-size: 1.5rem;
+h2.uni-text-component, p.uni-text-component {
+  margin-bottom: 0;
 }
-@keyframes upArrowAni {
-    0% {
-        opacity: 0;
-        transform: translate3d(-50%, 30%, 0);
-    }
-
-    30% {
-        opacity: 1;
-        transform: translate3d(-50%, -20%, 0);
-    }
-
-    60% {
-        opacity: 0;
-        transform: translate3d(-50%, -35%, 0);
-    }
-
-    100% {
-        opacity: 0;
-        transform: translate3d(-50%, -50%, 0);
-    }
+button.uni-text-component {
+  padding: 5px 10px;
+  cursor: pointer;
 }
-
-.uni-image-component {
-  max-width: 100%;
+.uni-text-component {
+  box-sizing: border-box;
+  white-space: pre-wrap;
 }
 
 #audio {
@@ -171,16 +106,8 @@ body, html {
   }
 }
 
-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%;
 }
 
   .uni-background-component {
@@ -218,6 +145,79 @@ button.uni-text-component {
   background-position: center;  
   opacity: 0.1;
 }
+
+ .slide-guide {
+    position: absolute;
+    bottom: 90px;
+    left: 50%;
+    transform: translateX(-50%);
+}
+.slide-guide img {
+    animation: flowing 2s ease-in-out infinite;
+    width: 33px;
+    vertical-align: middle;
+    border-style: none;
+}
+body, html {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    margin: 0px;
+}
+.swiper-container {
+    width: 100%;
+    height: 100%;
+}
+.swiper-slide {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.up-arrow {
+    width: 2rem;
+    height: 2rem;
+    position: fixed;
+    bottom: 2rem;
+    left: 50%;
+    transform: translate3d(-50%, 0, 0);
+    z-index: 999;
+    background: none;
+    border: none;
+    padding: 0;
+    animation: upArrowAni 2s infinite linear;
+}
+.up-arrow img {
+  width: 2rem;
+  height: 2rem;
+  text-align: center;
+  line-height: 2rem;
+  color: #fff;
+  font-size: 1.5rem;
+}
+@keyframes upArrowAni {
+    0% {
+        opacity: 0;
+        transform: translate3d(-50%, 30%, 0);
+    }
+
+    30% {
+        opacity: 1;
+        transform: translate3d(-50%, -20%, 0);
+    }
+
+    60% {
+        opacity: 0;
+        transform: translate3d(-50%, -35%, 0);
+    }
+
+    100% {
+        opacity: 0;
+        transform: translate3d(-50%, -50%, 0);
+    }
+}
 
 .slot-number {
   position: absolute;
@@ -885,60 +885,59 @@ button.swiper-pagination-bullet {
 }
 
 .no-animation__card {
-    font-weight: 500;
-    font-size: 2rem;
-    line-height: 1.5;
-    display: block;
-    color: v-bind(mainColor);
+  font-weight: 500;
+  font-size: 2rem;
+  line-height: 1.5;
+  display: block;
+  color: var(--main-color);
 }
 
 .flip-clock {
-    text-align: center;
-    perspective: 600px;
-    margin: 0 auto;
+  text-align: center;
+  perspective: 600px;
+  margin: 0 auto;
+}
 
-    *,
-    *:before,
-    *:after {
-        box-sizing: border-box;
-    }
+.flip-clock *,
+.flip-clock *:before,
+.flip-clock *:after {
+  box-sizing: border-box;
 }
 
 .flip-clock__piece {
-    display: inline-block;
-    margin: 0 0.2vw;
+  display: inline-block;
+  margin: 0 0.2vw;
+}
 
-    @media (min-width: 1000px) {
-        margin: 0 5px;
-    }
+@media (min-width: 1000px) {
+  .flip-clock__piece {
+      margin: 0 5px;
+  }
 }
 
 .flip-clock__slot {
-    font-size: 1rem;
-    line-height: 1.5;
-    display: block;
-    color: v-bind(labelColor);
+  font-size: 1rem;
+  line-height: 1.5;
+  display: block;
+  color: var(--label-color);
 }
 
-@halfHeight: 0.72em;
-@borderRadius: 0.15em;
-
 .flip-card {
-    display: block;
-    position: relative;
-    padding-bottom: @halfHeight;
-    font-size: 2.25rem;
-    line-height: 0.95;
+  display: block;
+  position: relative;
+  padding-bottom: 0.72em;
+  font-size: 2.25rem;
+  line-height: 0.95;
 }
 
 @media (min-width: 1000px) {
-    .flip-clock__slot {
-        font-size: 1.2rem;
-    }
+  .flip-clock__slot {
+      font-size: 1.2rem;
+  }
 
-    .flip-card {
-        font-size: 2rem;
-    }
+  .flip-card {
+      font-size: 2rem;
+  }
 }
 
 .flip-card__top,
@@ -946,73 +945,17 @@ button.swiper-pagination-bullet {
 .flip-card__back-bottom,
 .flip-card__back::before,
 .flip-card__back::after {
-    display: block;
-    height: @halfHeight;
-    color: v-bind(mainColor);
-    background: v-bind(mainFlipBackgroundColor);
-    padding: 0.23em 0.15em 0.4em;
-    border-radius: @borderRadius @borderRadius 0 0;
-    backface-visibility: hidden;
-    -webkit-backface-visibility: hidden;
-    transform-style: preserve-3d;
-    width: 2.1em;
-    height: @halfHeight;
-}
-
-.flip-card__top-4digits,
-.flip-card__bottom-4digits,
-.flip-card__back-bottom-4digits,
-.flip-card__back-4digits::before,
-.flip-card__back-4digits::after {
-    display: block;
-    height: @halfHeight;
-    color: v-bind(mainColor);
-    background: v-bind(mainFlipBackgroundColor);
-    padding: 0.23em 0.15em 0.4em;
-    border-radius: @borderRadius @borderRadius 0 0;
-    backface-visibility: hidden;
-    -webkit-backface-visibility: hidden;
-    transform-style: preserve-3d;
-    width: 2.65em;
-    height: @halfHeight;
-}
-
-.flip-card__bottom,
-.flip-card__back-bottom,
-.flip-card__bottom-4digits,
-.flip-card__back-bottom-4digits {
-    color: v-bind(secondFlipColor);
-    position: absolute;
-    top: 50%;
-    left: 0;
-    border-top: solid 1px #000;
-    background: v-bind(secondFlipBackgroundColor);
-    border-radius: 0 0 @borderRadius @borderRadius;
-    pointer-events: none;
-    overflow: hidden;
-    z-index: 2;
-}
-
-.flip-card__back-bottom,
-.flip-card__back-bottom-4digits {
-    z-index: 1;
-}
-
-.flip-card__bottom::after,
-.flip-card__back-bottom::after,
-.flip-card__bottom-4digits::after,
-.flip-card__back-bottom-4digits::after {
-    display: block;
-    margin-top: -@halfHeight;
-}
-
-.flip-card__back::before,
-.flip-card__bottom::after,
-.flip-card__back-bottom::after,
-.flip-card__back-4digits::before,
-.flip-card__bottom-4digits::after,
-.flip-card__back-bottom-4digits::after {
-    content: attr(data-value);
+  display: block;
+  height: 0.72em;
+  color: var(--main-color);
+  background: var(--main-flip-background-color);
+  padding: 0.23em 0.15em 0.4em;
+  border-radius: 0.15em 0.15em 0 0;
+  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+  transform-style: preserve-3d;
+  width: 2.1em;
+  height: 0.72em;
 }
 
 .flip-card__back,
@@ -1051,12 +994,9 @@ button.swiper-pagination-bullet {
         transform: rotateX(0deg);
         z-index: 2;
     }
-
-    0%,
-    99% {
+    0%, 99% {
         opacity: 1;
     }
-
     100% {
         transform: rotateX(-90deg);
         opacity: 0;
@@ -1064,18 +1004,14 @@ button.swiper-pagination-bullet {
 }
 
 @keyframes flipBottom {
-
-    0%,
-    50% {
+    0%, 50% {
         z-index: -1;
         transform: rotateX(90deg);
         opacity: 0;
     }
-
     51% {
         opacity: 1;
     }
-
     100% {
         opacity: 1;
         transform: rotateX(0deg);

package/dist/unika-components.esm.js

@@ -1,4 +1,4 @@
-import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, withModifiers, normalizeStyle, withCtx, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, normalizeProps, guardReactiveProps, h, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createVNode, normalizeClass, createElementVNode, createCommentVNode, pushScopeId, popScopeId, renderSlot, toRefs, onBeforeMount, onUnmounted, useCssVars, withDirectives, vShow } from 'vue';
+import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, withModifiers, normalizeStyle, withCtx, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, normalizeProps, guardReactiveProps, h, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createVNode, normalizeClass, createElementVNode, createCommentVNode, pushScopeId, popScopeId, renderSlot, toRefs, onBeforeMount, onUnmounted, withDirectives, vShow } from 'vue';
 import crypto from 'crypto';
 
 /** Detect free variable `global` from Node.js. */
@@ -4251,7 +4251,7 @@ const extraProps = {
 };
 const defaultProps$6 = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps);
 // array that contains style props
-var script$a = defineComponent({
+var script$b = defineComponent({
     name: 'uni-text',
     props: {
         ...defaultProps$6
@@ -4279,16 +4279,16 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
   }, 8 /* PROPS */, ["onClick", "style"]))
 }
 
-script$a.render = render$b;
-script$a.__scopeId = "data-v-55ed80cb";
-script$a.__file = "src/components/UniText/UniText.vue";
+script$b.render = render$b;
+script$b.__scopeId = "data-v-55ed80cb";
+script$b.__file = "src/components/UniText/UniText.vue";
 
-script$a.install = (app) => {
-    app.component(script$a.name, script$a);
+script$b.install = (app) => {
+    app.component(script$b.name, script$b);
 };
 
 // array that contains style props
-var script$9 = defineComponent({
+var script$a = defineComponent({
     name: 'uni-image',
     props: transformToComponentProps(componentsDefaultProps['uni-image'].props, isEditingProp),
     setup(props) {
@@ -4313,17 +4313,17 @@ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 12 /* STYLE, PROPS */, _hoisted_1$8))
 }
 
-script$9.render = render$a;
-script$9.__scopeId = "data-v-03caca2f";
-script$9.__file = "src/components/UniImage/UniImage.vue";
+script$a.render = render$a;
+script$a.__scopeId = "data-v-03caca2f";
+script$a.__file = "src/components/UniImage/UniImage.vue";
 
-script$9.install = (app) => {
-    app.component(script$9.name, script$9);
+script$a.install = (app) => {
+    app.component(script$a.name, script$a);
 };
 
 const defaultProps$5 = transformToComponentProps(componentsDefaultProps['uni-shape'].props, isEditingProp);
 // array that contains style props
-var script$8 = defineComponent({
+var script$9 = defineComponent({
     name: 'uni-shape',
     props: {
         ...defaultProps$5
@@ -4347,14 +4347,14 @@ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
   }, null, 4 /* STYLE */))
 }
 
-script$8.render = render$9;
-script$8.__file = "src/components/UniShape/UniShape.vue";
+script$9.render = render$9;
+script$9.__file = "src/components/UniShape/UniShape.vue";
 
-script$8.install = (app) => {
-    app.component(script$8.name, script$8);
+script$9.install = (app) => {
+    app.component(script$9.name, script$9);
 };
 
-var script$7 = defineComponent({
+var script$8 = defineComponent({
     name: 'long-page',
     props: {
         work: {
@@ -4385,12 +4385,12 @@ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
   ], 4 /* STYLE */))
 }
 
-script$7.render = render$8;
-script$7.__file = "src/components/LongPage/LongPage.vue";
+script$8.render = render$8;
+script$8.__file = "src/components/LongPage/LongPage.vue";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-script$7.install = (app) => {
-    app.component(script$7.name, script$7);
+script$8.install = (app) => {
+    app.component(script$8.name, script$8);
 };
 
 /**
@@ -11487,7 +11487,7 @@ function getComputedCSSText(style) {
     }
     return cssText;
 }
-var script$6 = defineComponent({
+var script$7 = defineComponent({
     name: 'swiper-page',
     props: {
         work: {
@@ -11644,17 +11644,17 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$6.render = render$7;
-script$6.__file = "src/components/SwiperPage/SwiperPage.vue";
+script$7.render = render$7;
+script$7.__file = "src/components/SwiperPage/SwiperPage.vue";
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-script$6.install = (app) => {
-    app.component(script$6.name, script$6);
+script$7.install = (app) => {
+    app.component(script$7.name, script$7);
 };
 
 const defaultProps$4 = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
 // array that contains style props
-var script$5 = defineComponent({
+var script$6 = defineComponent({
     name: 'uni-background',
     props: {
         watermark: {
@@ -11702,17 +11702,17 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
   ], 4 /* STYLE */))
 }
 
-script$5.render = render$6;
-script$5.__scopeId = "data-v-04e7238d";
-script$5.__file = "src/components/UniBackground/UniBackground.vue";
+script$6.render = render$6;
+script$6.__scopeId = "data-v-04e7238d";
+script$6.__file = "src/components/UniBackground/UniBackground.vue";
 
-script$5.install = (app) => {
-    app.component(script$5.name, script$5);
+script$6.install = (app) => {
+    app.component(script$6.name, script$6);
 };
 
 const defaultProps$3 = transformToComponentProps(componentsDefaultProps['uni-music'].props, isEditingProp);
 // array that contains style props
-var script$4 = defineComponent({
+var script$5 = defineComponent({
     name: 'uni-music',
     props: {
         ...defaultProps$3
@@ -11815,17 +11815,17 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   ], 4 /* STYLE */))
 }
 
-script$4.render = render$5;
-script$4.__scopeId = "data-v-99922522";
-script$4.__file = "src/components/UniMusic/UniMusic.vue";
+script$5.render = render$5;
+script$5.__scopeId = "data-v-99922522";
+script$5.__file = "src/components/UniMusic/UniMusic.vue";
 
-script$4.install = (app) => {
-    app.component(script$4.name, script$4);
+script$5.install = (app) => {
+    app.component(script$5.name, script$5);
 };
 
 const defaultProps$2 = transformToComponentProps(componentsDefaultProps['uni-video'].props, isEditingProp);
 // array that contains style props
-var script$3 = defineComponent({
+var script$4 = defineComponent({
     name: 'uni-video',
     props: {
         ...defaultProps$2
@@ -11885,12 +11885,12 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   ], 4 /* STYLE */))
 }
 
-script$3.render = render$4;
-script$3.__scopeId = "data-v-03ff4e2f";
-script$3.__file = "src/components/UniVideo/UniVideo.vue";
+script$4.render = render$4;
+script$4.__scopeId = "data-v-03ff4e2f";
+script$4.__file = "src/components/UniVideo/UniVideo.vue";
 
-script$3.install = (app) => {
-    app.component(script$3.name, script$3);
+script$4.install = (app) => {
+    app.component(script$4.name, script$4);
 };
 
 function _typeof(o) {
@@ -14314,7 +14314,7 @@ const formattedDate$2 = `${year$2}-${month$2}-${day$2}`;
 // }
 // https://github.com/Tosn/vue-calendar/blob/master/src/App.vue
 // array that contains style props
-var script$2 = defineComponent({
+var script$3 = defineComponent({
     name: 'calendar',
     props: {
         title: {
@@ -14462,9 +14462,9 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2 /* CLASS */))
 }
 
-script$2.render = render$3;
-script$2.__scopeId = "data-v-ef842ea2";
-script$2.__file = "src/components/UniCalendar/Calendar.vue";
+script$3.render = render$3;
+script$3.__scopeId = "data-v-ef842ea2";
+script$3.__file = "src/components/UniCalendar/Calendar.vue";
 
 const defaultProps$1 = transformToComponentProps(componentsDefaultProps['uni-calendar'].props, isEditingProp);
 // 获取当前日期和时间
@@ -14478,7 +14478,7 @@ const day$1 = String(now$2.getDate()).padStart(2, '0');
 // 拼接成最终的字符串
 const formattedDate$1 = `${year$1}-${month$1}-${day$1}`;
 // array that contains style props
-var script$1 = defineComponent({
+var script$2 = defineComponent({
     name: 'uni-calendar',
     props: {
         ...defaultProps$1,
@@ -14488,7 +14488,7 @@ var script$1 = defineComponent({
         }
     },
     components: {
-        Calendar: script$2
+        Calendar: script$3
     },
     setup(props) {
         // 重用并且简化
@@ -14548,11 +14548,11 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   ], 4 /* STYLE */))
 }
 
-script$1.render = render$2;
-script$1.__file = "src/components/UniCalendar/UniCalendar.vue";
+script$2.render = render$2;
+script$2.__file = "src/components/UniCalendar/UniCalendar.vue";
 
-script$1.install = (app) => {
-    app.component(script$1.name, script$1);
+script$2.install = (app) => {
+    app.component(script$2.name, script$2);
 };
 
 function rng() {
@@ -20272,7 +20272,7 @@ hooks.HTML5_FMT = {
 // https://github.com/coskuncay/vue3-flip-countdown/blob/master/src/Countdown.vue
 const fmt = 'YYYY-MM-DD HH:mm:ss';
 
-const __default__ = {
+var script$1 = {
   name: 'countdown',
   props: {
     deadline: {
@@ -20568,19 +20568,7 @@ const __default__ = {
       twoDigits
     }
   }
-};
-const __injectCSSVars__ = () => {
-useCssVars(_ctx => ({
-  "47d33153-mainColor": (_ctx.mainColor),
-  "47d33153-labelColor": (_ctx.labelColor),
-  "47d33153-mainFlipBackgroundColor": (_ctx.mainFlipBackgroundColor),
-  "47d33153-secondFlipColor": (_ctx.secondFlipColor),
-  "47d33153-secondFlipBackgroundColor": (_ctx.secondFlipBackgroundColor)
-}));};
-const __setup__ = __default__.setup;
-__default__.setup = __setup__
-  ? (props, ctx) => { __injectCSSVars__();return __setup__(props, ctx) }
-  : __injectCSSVars__;
+};
 
 const _hoisted_1 = { class: "flip-clock" };
 const _hoisted_2 = ["id"];
@@ -20638,9 +20626,9 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-__default__.render = render$1;
-__default__.__scopeId = "data-v-47d33153";
-__default__.__file = "src/components/UniCountdown/Countdown.vue";
+script$1.render = render$1;
+script$1.__scopeId = "data-v-47d33153";
+script$1.__file = "src/components/UniCountdown/Countdown.vue";
 
 const defaultProps = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
 // 获取当前日期和时间
@@ -20667,7 +20655,7 @@ var script = defineComponent({
         }
     },
     components: {
-        Countdown: __default__
+        Countdown: script$1
     },
     setup(props) {
         // 重用并且简化
@@ -20701,6 +20689,7 @@ script.install = (app) => {
 
 // export { textDefaultProps , textStylePropNames, TextComponentProps,
 const components = [
+    script$b,
     script$a,
     script$9,
     script$8,
@@ -20708,8 +20697,7 @@ const components = [
     script$6,
     script$5,
     script$4,
-    script$3,
-    script$1,
+    script$2,
     script
 ];
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
@@ -20722,4 +20710,4 @@ var index = {
     install
 };
 
-export { script$7 as LongPage, script$6 as SwiperPage, script$5 as UniBackground, script$1 as UniCalendar, script as UniCountdown, script$9 as UniImage, script$4 as UniMusic, script$8 as UniShape, script$a as UniText, script$3 as UniVideo, index as default, install };
+export { script$8 as LongPage, script$7 as SwiperPage, script$6 as UniBackground, script$2 as UniCalendar, script as UniCountdown, script$a as UniImage, script$5 as UniMusic, script$9 as UniShape, script$b as UniText, script$4 as UniVideo, index as default, install };

package/dist/unika-components.umd.js

@@ -4258,7 +4258,7 @@
   };
   const defaultProps$6 = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps);
   // array that contains style props
-  var script$a = vue.defineComponent({
+  var script$b = vue.defineComponent({
       name: 'uni-text',
       props: {
           ...defaultProps$6
@@ -4286,16 +4286,16 @@
     }, 8 /* PROPS */, ["onClick", "style"]))
   }
 
-  script$a.render = render$b;
-  script$a.__scopeId = "data-v-55ed80cb";
-  script$a.__file = "src/components/UniText/UniText.vue";
+  script$b.render = render$b;
+  script$b.__scopeId = "data-v-55ed80cb";
+  script$b.__file = "src/components/UniText/UniText.vue";
 
-  script$a.install = (app) => {
-      app.component(script$a.name, script$a);
+  script$b.install = (app) => {
+      app.component(script$b.name, script$b);
   };
 
   // array that contains style props
-  var script$9 = vue.defineComponent({
+  var script$a = vue.defineComponent({
       name: 'uni-image',
       props: transformToComponentProps(componentsDefaultProps['uni-image'].props, isEditingProp),
       setup(props) {
@@ -4320,17 +4320,17 @@
     }, null, 12 /* STYLE, PROPS */, _hoisted_1$8))
   }
 
-  script$9.render = render$a;
-  script$9.__scopeId = "data-v-03caca2f";
-  script$9.__file = "src/components/UniImage/UniImage.vue";
+  script$a.render = render$a;
+  script$a.__scopeId = "data-v-03caca2f";
+  script$a.__file = "src/components/UniImage/UniImage.vue";
 
-  script$9.install = (app) => {
-      app.component(script$9.name, script$9);
+  script$a.install = (app) => {
+      app.component(script$a.name, script$a);
   };
 
   const defaultProps$5 = transformToComponentProps(componentsDefaultProps['uni-shape'].props, isEditingProp);
   // array that contains style props
-  var script$8 = vue.defineComponent({
+  var script$9 = vue.defineComponent({
       name: 'uni-shape',
       props: {
           ...defaultProps$5
@@ -4354,14 +4354,14 @@
     }, null, 4 /* STYLE */))
   }
 
-  script$8.render = render$9;
-  script$8.__file = "src/components/UniShape/UniShape.vue";
+  script$9.render = render$9;
+  script$9.__file = "src/components/UniShape/UniShape.vue";
 
-  script$8.install = (app) => {
-      app.component(script$8.name, script$8);
+  script$9.install = (app) => {
+      app.component(script$9.name, script$9);
   };
 
-  var script$7 = vue.defineComponent({
+  var script$8 = vue.defineComponent({
       name: 'long-page',
       props: {
           work: {
@@ -4392,12 +4392,12 @@
     ], 4 /* STYLE */))
   }
 
-  script$7.render = render$8;
-  script$7.__file = "src/components/LongPage/LongPage.vue";
+  script$8.render = render$8;
+  script$8.__file = "src/components/LongPage/LongPage.vue";
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  script$7.install = (app) => {
-      app.component(script$7.name, script$7);
+  script$8.install = (app) => {
+      app.component(script$8.name, script$8);
   };
 
   /**
@@ -11494,7 +11494,7 @@
       }
       return cssText;
   }
-  var script$6 = vue.defineComponent({
+  var script$7 = vue.defineComponent({
       name: 'swiper-page',
       props: {
           work: {
@@ -11651,17 +11651,17 @@
     ]))
   }
 
-  script$6.render = render$7;
-  script$6.__file = "src/components/SwiperPage/SwiperPage.vue";
+  script$7.render = render$7;
+  script$7.__file = "src/components/SwiperPage/SwiperPage.vue";
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  script$6.install = (app) => {
-      app.component(script$6.name, script$6);
+  script$7.install = (app) => {
+      app.component(script$7.name, script$7);
   };
 
   const defaultProps$4 = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
   // array that contains style props
-  var script$5 = vue.defineComponent({
+  var script$6 = vue.defineComponent({
       name: 'uni-background',
       props: {
           watermark: {
@@ -11709,17 +11709,17 @@
     ], 4 /* STYLE */))
   }
 
-  script$5.render = render$6;
-  script$5.__scopeId = "data-v-04e7238d";
-  script$5.__file = "src/components/UniBackground/UniBackground.vue";
+  script$6.render = render$6;
+  script$6.__scopeId = "data-v-04e7238d";
+  script$6.__file = "src/components/UniBackground/UniBackground.vue";
 
-  script$5.install = (app) => {
-      app.component(script$5.name, script$5);
+  script$6.install = (app) => {
+      app.component(script$6.name, script$6);
   };
 
   const defaultProps$3 = transformToComponentProps(componentsDefaultProps['uni-music'].props, isEditingProp);
   // array that contains style props
-  var script$4 = vue.defineComponent({
+  var script$5 = vue.defineComponent({
       name: 'uni-music',
       props: {
           ...defaultProps$3
@@ -11822,17 +11822,17 @@
     ], 4 /* STYLE */))
   }
 
-  script$4.render = render$5;
-  script$4.__scopeId = "data-v-99922522";
-  script$4.__file = "src/components/UniMusic/UniMusic.vue";
+  script$5.render = render$5;
+  script$5.__scopeId = "data-v-99922522";
+  script$5.__file = "src/components/UniMusic/UniMusic.vue";
 
-  script$4.install = (app) => {
-      app.component(script$4.name, script$4);
+  script$5.install = (app) => {
+      app.component(script$5.name, script$5);
   };
 
   const defaultProps$2 = transformToComponentProps(componentsDefaultProps['uni-video'].props, isEditingProp);
   // array that contains style props
-  var script$3 = vue.defineComponent({
+  var script$4 = vue.defineComponent({
       name: 'uni-video',
       props: {
           ...defaultProps$2
@@ -11892,12 +11892,12 @@
     ], 4 /* STYLE */))
   }
 
-  script$3.render = render$4;
-  script$3.__scopeId = "data-v-03ff4e2f";
-  script$3.__file = "src/components/UniVideo/UniVideo.vue";
+  script$4.render = render$4;
+  script$4.__scopeId = "data-v-03ff4e2f";
+  script$4.__file = "src/components/UniVideo/UniVideo.vue";
 
-  script$3.install = (app) => {
-      app.component(script$3.name, script$3);
+  script$4.install = (app) => {
+      app.component(script$4.name, script$4);
   };
 
   function _typeof(o) {
@@ -14321,7 +14321,7 @@
   // }
   // https://github.com/Tosn/vue-calendar/blob/master/src/App.vue
   // array that contains style props
-  var script$2 = vue.defineComponent({
+  var script$3 = vue.defineComponent({
       name: 'calendar',
       props: {
           title: {
@@ -14469,9 +14469,9 @@
     ], 2 /* CLASS */))
   }
 
-  script$2.render = render$3;
-  script$2.__scopeId = "data-v-ef842ea2";
-  script$2.__file = "src/components/UniCalendar/Calendar.vue";
+  script$3.render = render$3;
+  script$3.__scopeId = "data-v-ef842ea2";
+  script$3.__file = "src/components/UniCalendar/Calendar.vue";
 
   const defaultProps$1 = transformToComponentProps(componentsDefaultProps['uni-calendar'].props, isEditingProp);
   // 获取当前日期和时间
@@ -14485,7 +14485,7 @@
   // 拼接成最终的字符串
   const formattedDate$1 = `${year$1}-${month$1}-${day$1}`;
   // array that contains style props
-  var script$1 = vue.defineComponent({
+  var script$2 = vue.defineComponent({
       name: 'uni-calendar',
       props: {
           ...defaultProps$1,
@@ -14495,7 +14495,7 @@
           }
       },
       components: {
-          Calendar: script$2
+          Calendar: script$3
       },
       setup(props) {
           // 重用并且简化
@@ -14555,11 +14555,11 @@
     ], 4 /* STYLE */))
   }
 
-  script$1.render = render$2;
-  script$1.__file = "src/components/UniCalendar/UniCalendar.vue";
+  script$2.render = render$2;
+  script$2.__file = "src/components/UniCalendar/UniCalendar.vue";
 
-  script$1.install = (app) => {
-      app.component(script$1.name, script$1);
+  script$2.install = (app) => {
+      app.component(script$2.name, script$2);
   };
 
   function rng() {
@@ -20279,7 +20279,7 @@
   // https://github.com/coskuncay/vue3-flip-countdown/blob/master/src/Countdown.vue
   const fmt = 'YYYY-MM-DD HH:mm:ss';
 
-  const __default__ = {
+  var script$1 = {
     name: 'countdown',
     props: {
       deadline: {
@@ -20575,19 +20575,7 @@
         twoDigits
       }
     }
-  };
-  const __injectCSSVars__ = () => {
-  vue.useCssVars(_ctx => ({
-    "47d33153-mainColor": (_ctx.mainColor),
-    "47d33153-labelColor": (_ctx.labelColor),
-    "47d33153-mainFlipBackgroundColor": (_ctx.mainFlipBackgroundColor),
-    "47d33153-secondFlipColor": (_ctx.secondFlipColor),
-    "47d33153-secondFlipBackgroundColor": (_ctx.secondFlipBackgroundColor)
-  }));};
-  const __setup__ = __default__.setup;
-  __default__.setup = __setup__
-    ? (props, ctx) => { __injectCSSVars__();return __setup__(props, ctx) }
-    : __injectCSSVars__;
+  };
 
   const _hoisted_1 = { class: "flip-clock" };
   const _hoisted_2 = ["id"];
@@ -20645,9 +20633,9 @@
     ]))
   }
 
-  __default__.render = render$1;
-  __default__.__scopeId = "data-v-47d33153";
-  __default__.__file = "src/components/UniCountdown/Countdown.vue";
+  script$1.render = render$1;
+  script$1.__scopeId = "data-v-47d33153";
+  script$1.__file = "src/components/UniCountdown/Countdown.vue";
 
   const defaultProps = transformToComponentProps(componentsDefaultProps['uni-countdown'].props, isEditingProp);
   // 获取当前日期和时间
@@ -20674,7 +20662,7 @@
           }
       },
       components: {
-          Countdown: __default__
+          Countdown: script$1
       },
       setup(props) {
           // 重用并且简化
@@ -20708,6 +20696,7 @@
 
   // export { textDefaultProps , textStylePropNames, TextComponentProps,
   const components = [
+      script$b,
       script$a,
       script$9,
       script$8,
@@ -20715,8 +20704,7 @@
       script$6,
       script$5,
       script$4,
-      script$3,
-      script$1,
+      script$2,
       script
   ];
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
@@ -20729,16 +20717,16 @@
       install
   };
 
-  exports.LongPage = script$7;
-  exports.SwiperPage = script$6;
-  exports.UniBackground = script$5;
-  exports.UniCalendar = script$1;
+  exports.LongPage = script$8;
+  exports.SwiperPage = script$7;
+  exports.UniBackground = script$6;
+  exports.UniCalendar = script$2;
   exports.UniCountdown = script;
-  exports.UniImage = script$9;
-  exports.UniMusic = script$4;
-  exports.UniShape = script$8;
-  exports.UniText = script$a;
-  exports.UniVideo = script$3;
+  exports.UniImage = script$a;
+  exports.UniMusic = script$5;
+  exports.UniShape = script$9;
+  exports.UniText = script$b;
+  exports.UniVideo = script$4;
   exports["default"] = index;
   exports.install = install;
 

package/package.json

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