unika-components 1.0.430 → 1.0.431

package/dist/unika-components.esm.js

@@ -10894,9 +10894,9 @@ var script$i = defineComponent({
             type: Object,
             required: true
         },
-        unit: {
-            type: String,
-            default: 'px',
+        isPlatform: {
+            type: Boolean,
+            default: false,
         },
     },
     setup(props) {
@@ -10923,10 +10923,10 @@ var script$i = defineComponent({
         // 计算容器样式
         const containerStyle = computed(() => ({
             position: 'absolute',
-            left: `${props.element.css.left + props.unit}`,
-            top: `${props.element.css.top + props.unit}`,
-            width: `${props.element.css.width + props.unit}`,
-            height: `${props.element.css.height + props.unit}`,
+            left: px2rem(props.element.css.left, props.isPlatform),
+            top: px2rem(props.element.css.top, props.isPlatform),
+            width: px2rem(props.element.css.width, props.isPlatform),
+            height: px2rem(props.element.css.height, props.isPlatform),
             transform: `rotate(${props.element.css.transform}deg)`,
             opacity: props.element.css.opacity,
             pointerEvents: props.element.properties.isLock ? 'none' : 'auto',
@@ -10961,8 +10961,8 @@ var script$i = defineComponent({
                 style: {
                     left: `${startX}%`,
                     top: `${startY}%`,
-                    width: `${size}px`,
-                    height: `${size}px`,
+                    width: px2rem(size, props.isPlatform),
+                    height: px2rem(size, props.isPlatform),
                     animationDuration: `${duration}s`,
                     backgroundImage: `url("${PETAL_IMAGES.value[imageIndex]}")`
                 }
@@ -10989,11 +10989,11 @@ var script$i = defineComponent({
     }
 });
 
-const _hoisted_1$c = { class: "particles-wrapper" };
+const _hoisted_1$c = { class: "effect-wrap" };
 
 function render$e(_ctx, _cache, $props, $setup, $data, $options) {
   return withDirectives((openBlock(), createElementBlock("div", {
-    class: "effect-container",
+    class: "ele-effect eles",
     style: normalizeStyle$1(_ctx.containerStyle)
   }, [
     createElementVNode("div", _hoisted_1$c, [
@@ -11011,7 +11011,6 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script$i.render = render$e;
-script$i.__scopeId = "data-v-461d9113";
 script$i.__file = "src/components/UniEffect/UniEffect.vue";
 
 script$i.install = (app) => {

package/dist/unika-components.umd.js

@@ -10901,9 +10901,9 @@
               type: Object,
               required: true
           },
-          unit: {
-              type: String,
-              default: 'px',
+          isPlatform: {
+              type: Boolean,
+              default: false,
           },
       },
       setup(props) {
@@ -10930,10 +10930,10 @@
           // 计算容器样式
           const containerStyle = vue.computed(() => ({
               position: 'absolute',
-              left: `${props.element.css.left + props.unit}`,
-              top: `${props.element.css.top + props.unit}`,
-              width: `${props.element.css.width + props.unit}`,
-              height: `${props.element.css.height + props.unit}`,
+              left: px2rem(props.element.css.left, props.isPlatform),
+              top: px2rem(props.element.css.top, props.isPlatform),
+              width: px2rem(props.element.css.width, props.isPlatform),
+              height: px2rem(props.element.css.height, props.isPlatform),
               transform: `rotate(${props.element.css.transform}deg)`,
               opacity: props.element.css.opacity,
               pointerEvents: props.element.properties.isLock ? 'none' : 'auto',
@@ -10968,8 +10968,8 @@
                   style: {
                       left: `${startX}%`,
                       top: `${startY}%`,
-                      width: `${size}px`,
-                      height: `${size}px`,
+                      width: px2rem(size, props.isPlatform),
+                      height: px2rem(size, props.isPlatform),
                       animationDuration: `${duration}s`,
                       backgroundImage: `url("${PETAL_IMAGES.value[imageIndex]}")`
                   }
@@ -10996,11 +10996,11 @@
       }
   });
 
-  const _hoisted_1$c = { class: "particles-wrapper" };
+  const _hoisted_1$c = { class: "effect-wrap" };
 
   function render$e(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-      class: "effect-container",
+      class: "ele-effect eles",
       style: vue.normalizeStyle(_ctx.containerStyle)
     }, [
       vue.createElementVNode("div", _hoisted_1$c, [
@@ -11018,7 +11018,6 @@
   }
 
   script$i.render = render$e;
-  script$i.__scopeId = "data-v-461d9113";
   script$i.__file = "src/components/UniEffect/UniEffect.vue";
 
   script$i.install = (app) => {

package/package.json

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