unika-components 1.0.230 → 1.0.231

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

@@ -125,7 +125,6 @@ declare const _default: import("vue").DefineComponent<{
             };
         };
     }>;
-    particlesKey: import("vue").Ref<number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     [x: string]: any;
 }>>, {

package/dist/unika-components.css

@@ -1,3 +1,15 @@
+
+
+.uni-calendar-component {
+
+}
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
+}
 
  .slide-guide {
     position: absolute;
@@ -88,18 +100,6 @@ button.uni-text-component {
   max-width: 100%;
 }
 
-
-.uni-calendar-component {
-
-}
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
-}
-
 .like-button {
   display: flex;
   flex-direction: column;
@@ -122,9 +122,6 @@ button.uni-text-component {
   color: #333;
 }
 
-  .uni-build-up-component {
-  }
-
 .swiper-warp {
   width: 100%;
   height: 100%;
@@ -139,11 +136,6 @@ button.uni-text-component {
   max-height: 100%;
 }
 
-.effect {
-  width: 100%;
-  height: 100%;
-}
-
   .uni-video-component {
     position: relative;
     text-align: center;
@@ -164,6 +156,15 @@ button.uni-text-component {
   .play-pause-button:hover {
     background: rgba(0, 0, 0, 0.8);
   }
+
+.uni-svg-component {
+  display: inline-block;
+}
+
+.effect {
+  width: 100%;
+  height: 100%;
+}
 
 .ant-input-number {
   box-sizing: border-box;
@@ -199,10 +200,9 @@ button.uni-text-component {
   margin-bottom: 0px;
   vertical-align: top;
 }
-
-.uni-svg-component {
-  display: inline-block;
-}
+
+  .uni-build-up-component {
+  }
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions

package/dist/unika-components.esm.js

@@ -26563,17 +26563,15 @@ var script$7 = defineComponent({
             };
         };
         const options = ref(getOptions(props.spead, props.number, props.opacity, props.shape));
-        const particlesKey = ref(0);
         // 监听 props.language 的变化
         watch([() => props.spead, () => props.number, () => props.opacity, () => props.shape], ([newSpeed, newNumber, newOpacity, newShape]) => {
             options.value = getOptions(newSpeed, newNumber, newOpacity, newShape);
-            particlesKey.value += 1;
         });
         return {
             styleProps,
             handleClick,
             options,
-            particlesKey
+            // particlesKey
         };
     }
 });
@@ -26586,13 +26584,12 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle$1(_ctx.styleProps),
     class: "uni-effect-component inner-component"
   }, [
-    (openBlock(), createBlock(_component_Particles, {
-      key: _ctx.particlesKey,
+    createVNode(_component_Particles, {
       particlesLoaded: _ctx.particlesLoaded,
       id: "tsparticles",
       options: _ctx.options,
       class: "effect"
-    }, null, 8 /* PROPS */, ["particlesLoaded", "options"]))
+    }, null, 8 /* PROPS */, ["particlesLoaded", "options"])
   ], 4 /* STYLE */))
 }
 

package/dist/unika-components.umd.js

@@ -26570,17 +26570,15 @@
               };
           };
           const options = vue.ref(getOptions(props.spead, props.number, props.opacity, props.shape));
-          const particlesKey = vue.ref(0);
           // 监听 props.language 的变化
           vue.watch([() => props.spead, () => props.number, () => props.opacity, () => props.shape], ([newSpeed, newNumber, newOpacity, newShape]) => {
               options.value = getOptions(newSpeed, newNumber, newOpacity, newShape);
-              particlesKey.value += 1;
           });
           return {
               styleProps,
               handleClick,
               options,
-              particlesKey
+              // particlesKey
           };
       }
   });
@@ -26593,13 +26591,12 @@
       style: vue.normalizeStyle(_ctx.styleProps),
       class: "uni-effect-component inner-component"
     }, [
-      (vue.openBlock(), vue.createBlock(_component_Particles, {
-        key: _ctx.particlesKey,
+      vue.createVNode(_component_Particles, {
         particlesLoaded: _ctx.particlesLoaded,
         id: "tsparticles",
         options: _ctx.options,
         class: "effect"
-      }, null, 8 /* PROPS */, ["particlesLoaded", "options"]))
+      }, null, 8 /* PROPS */, ["particlesLoaded", "options"])
     ], 4 /* STYLE */))
   }
 

package/package.json

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