unika-components 1.0.284 → 1.0.286

package/dist/src/defaultProps.d.ts

@@ -105,7 +105,6 @@ export declare const commonDefaultProps: {
     position: string;
     left: string;
     top: string;
-    right: string;
     transform: string;
 };
 export declare const textDefaultProps: {
@@ -126,7 +125,6 @@ export declare const textDefaultProps: {
     position: string;
     left: string;
     top: string;
-    right: string;
     transform: string;
     text: string;
     fontSize: string;
@@ -157,7 +155,6 @@ export declare const imageDefaultProps: {
     position: string;
     left: string;
     top: string;
-    right: string;
     transform: string;
     imageSrc: string;
     maskImage: string;
@@ -180,7 +177,6 @@ export declare const shapeDefaultProps: {
     position: string;
     left: string;
     top: string;
-    right: string;
     transform: string;
     backgroundColor: string;
 };
@@ -193,10 +189,8 @@ export declare const backgroundDefaultProps: {
     backgroundPosition: string;
     zIndex: number;
     position: string;
-    right: number;
-    left: number;
-    top: number;
-    bottom: number;
+    left: string;
+    top: string;
     width: string;
     height: string;
     overflow: string;
@@ -246,16 +240,16 @@ export declare const buildUpDefaultProps: {
 export declare const calendarDefaultProps: {
     left: string;
     top: string;
-    size: string;
     opacity: number;
     position: string;
-    backgroundColor: string;
     borderRadius: string;
     borderColor: string;
     borderStyle: string;
     borderWidth: string;
     width: string;
     height: string;
+    backgroundColor: string;
+    size: string;
     date: string;
     dateColor: string;
     themeColor: string;
@@ -360,7 +354,6 @@ export declare const likeDefaultProps: {
     position: string;
     left: string;
     top: string;
-    right: string;
     transform: string;
 };
 export declare const effectDefaultProps: {
@@ -374,6 +367,7 @@ export declare const effectDefaultProps: {
     number: number;
     spead: number;
     transform: string;
+    id: string;
 };
 export declare const registerFormDefaultProps: {
     left: string;
@@ -385,9 +379,9 @@ export declare const registerFormDefaultProps: {
     borderStyle: string;
     borderWidth: string;
     borderColor: string;
+    opacity: number;
     backgroundColor: string;
     attendanceTimeList: string[];
-    opacity: number;
     isPhoneNumber: boolean;
     buttonBackgroundColor: string;
     buttonFontColor: string;
@@ -452,7 +446,6 @@ export declare const componentsDefaultProps: {
             position: string;
             left: string;
             top: string;
-            right: string;
             transform: string;
             text: string;
             fontSize: string;
@@ -485,7 +478,6 @@ export declare const componentsDefaultProps: {
             position: string;
             left: string;
             top: string;
-            right: string;
             transform: string;
             imageSrc: string;
             maskImage: string;
@@ -510,7 +502,6 @@ export declare const componentsDefaultProps: {
             position: string;
             left: string;
             top: string;
-            right: string;
             transform: string;
             backgroundColor: string;
         };
@@ -541,10 +532,8 @@ export declare const componentsDefaultProps: {
             backgroundPosition: string;
             zIndex: number;
             position: string;
-            right: number;
-            left: number;
-            top: number;
-            bottom: number;
+            left: string;
+            top: string;
             width: string;
             height: string;
             overflow: string;
@@ -579,16 +568,16 @@ export declare const componentsDefaultProps: {
         props: {
             left: string;
             top: string;
-            size: string;
             opacity: number;
             position: string;
-            backgroundColor: string;
             borderRadius: string;
             borderColor: string;
             borderStyle: string;
             borderWidth: string;
             width: string;
             height: string;
+            backgroundColor: string;
+            size: string;
             date: string;
             dateColor: string;
             themeColor: string;
@@ -680,7 +669,6 @@ export declare const componentsDefaultProps: {
             position: string;
             left: string;
             top: string;
-            right: string;
             transform: string;
         };
     };
@@ -696,6 +684,7 @@ export declare const componentsDefaultProps: {
             number: number;
             spead: number;
             transform: string;
+            id: string;
         };
     };
     'uni-register-form': {
@@ -709,9 +698,9 @@ export declare const componentsDefaultProps: {
             borderStyle: string;
             borderWidth: string;
             borderColor: string;
+            opacity: number;
             backgroundColor: string;
             attendanceTimeList: string[];
-            opacity: number;
             isPhoneNumber: boolean;
             buttonBackgroundColor: string;
             buttonFontColor: string;

package/dist/unika-components.css

@@ -6,6 +6,19 @@
   display: inline-block;
 }
 
+h2.uni-text-component, p.uni-text-component {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+button.uni-text-component {
+  padding: 5px 10px;
+  cursor: pointer;
+}
+.uni-text-component {
+  box-sizing: border-box;
+  white-space: pre-wrap;
+}
+
 .slide-guide {
     position: absolute;
     bottom: 90px;
@@ -110,31 +123,6 @@ body, html {
   .play-pause-button:hover {
     background: rgba(0, 0, 0, 0.8);
   }
-
-h2.uni-text-component, p.uni-text-component {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-button.uni-text-component {
-  padding: 5px 10px;
-  cursor: pointer;
-}
-.uni-text-component {
-  box-sizing: border-box;
-  white-space: pre-wrap;
-}
-
-
-.uni-calendar-component {
-
-}
-.slot-number {
-  position: absolute;
-  bottom: 2px;
-  left: 7px;
-  font-size: 12px;
-  color: #666
-}
 
 .like-button {
   display: flex;
@@ -158,22 +146,10 @@ button.uni-text-component {
   color: #333;
 }
 
-.uni-lotties-component {
-  width: 100%;
-  height: 100%;
-}
-
 .effect {
   width: 100%;
   height: 100%;
 }
-
-.uni-svg-component {
-  display: inline-block;
-}
-
-  .uni-build-up-component {
-  }
 
 .swiper-warp {
   width: 100%;
@@ -223,6 +199,30 @@ button.uni-text-component {
   margin-bottom: 0px;
   vertical-align: top;
 }
+
+.uni-lotties-component {
+  width: 100%;
+  height: 100%;
+}
+
+  .uni-build-up-component {
+  }
+
+
+.uni-calendar-component {
+
+}
+.slot-number {
+  position: absolute;
+  bottom: 2px;
+  left: 7px;
+  font-size: 12px;
+  color: #666
+}
+
+.uni-svg-component {
+  display: inline-block;
+}
 /**
  * Swiper 6.8.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions

package/dist/unika-components.esm.js

@@ -4993,7 +4993,7 @@ const commonDefaultProps = {
     paddingBottom: '0px',
     // border type
     borderStyle: 'none',
-    borderColor: '#000',
+    borderColor: '#000000',
     borderWidth: '0',
     borderRadius: '0',
     // shadow and opacity
@@ -5001,9 +5001,8 @@ const commonDefaultProps = {
     opacity: 1,
     // position and x,y
     position: 'absolute',
-    left: '0',
-    top: '0',
-    right: '0',
+    left: '0px',
+    top: '0px',
     transform: 'rotate(0deg)'
 };
 const textDefaultProps = {
@@ -5038,10 +5037,8 @@ const backgroundDefaultProps = {
     backgroundPosition: '50% 50%',
     zIndex: 0,
     position: 'absolute',
-    right: 0,
-    left: 0,
-    top: 0,
-    bottom: 0,
+    left: '0px',
+    top: '0px',
     width: '100%',
     height: '100%',
     overflow: 'hidden',
@@ -5091,16 +5088,16 @@ const buildUpDefaultProps = {
 const calendarDefaultProps = {
     left: '25px',
     top: '204.5px',
-    size: 'middle',
     opacity: 1,
     position: 'absolute',
-    backgroundColor: 'rgb(255, 255, 255)',
     borderRadius: '0px',
     borderColor: 'rgb(237, 85, 102)',
     borderStyle: 'solid',
     borderWidth: '2px',
     width: '325px',
     height: '325px',
+    backgroundColor: 'rgb(255, 255, 255)',
+    size: 'middle',
     date: '2024-05-21',
     dateColor: '#000000',
     themeColor: 'rgb(237, 85, 102)',
@@ -5200,7 +5197,8 @@ const effectDefaultProps = {
     shape: ['image'],
     number: 100,
     spead: 5,
-    transform: 'rotate(0deg)'
+    transform: 'rotate(0deg)',
+    id: '1'
 };
 const registerFormDefaultProps = {
     left: '57px',
@@ -5212,9 +5210,9 @@ const registerFormDefaultProps = {
     borderStyle: 'solid',
     borderWidth: '2px',
     borderColor: 'blue',
+    opacity: 1,
     backgroundColor: 'rgb(33, 147, 255)',
     attendanceTimeList: ['Evening'],
-    opacity: 1,
     isPhoneNumber: true,
     buttonBackgroundColor: 'blue',
     buttonFontColor: 'black',
@@ -26322,7 +26320,7 @@ script$8.install = (app) => {
 };
 
 const defaultProps$6 = transformToComponentProps(componentsDefaultProps['uni-effect'].props, isEditingProp);
-const defaultStyles$5 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead');
+const defaultStyles$5 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead', 'id');
 // import Particles from './Particles.vue'
 // array that contains style props
 var script$7 = defineComponent({
@@ -26670,10 +26668,10 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     (openBlock(), createBlock(_component_Particles, {
       key: _ctx.particlesKey,
-      id: "tsparticles",
+      id: _ctx.id,
       options: _ctx.options,
       class: "effect"
-    }, null, 8 /* PROPS */, ["options"]))
+    }, null, 8 /* PROPS */, ["id", "options"]))
   ], 4 /* STYLE */))
 }
 
@@ -54131,9 +54129,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle$1(_ctx.styleProps),
     class: "uni-register-form-component inner-component"
   }, [
-    createElementVNode("h3", {
-      style: normalizeStyle$1({ color: _ctx.titleFontColor, textAlign: 'center' })
-    }, "出席人数登记表单", 4 /* STYLE */),
+    createCommentVNode("    <h3 :style=\"{ color: titleFontColor, textAlign: 'center' }\">出席人数登记表单</h3>"),
     createVNode(_component_a_form, {
       "label-col": _ctx.labelCol,
       "wrapper-col": _ctx.wrapperCol,

package/dist/unika-components.umd.js

@@ -5000,7 +5000,7 @@
       paddingBottom: '0px',
       // border type
       borderStyle: 'none',
-      borderColor: '#000',
+      borderColor: '#000000',
       borderWidth: '0',
       borderRadius: '0',
       // shadow and opacity
@@ -5008,9 +5008,8 @@
       opacity: 1,
       // position and x,y
       position: 'absolute',
-      left: '0',
-      top: '0',
-      right: '0',
+      left: '0px',
+      top: '0px',
       transform: 'rotate(0deg)'
   };
   const textDefaultProps = {
@@ -5045,10 +5044,8 @@
       backgroundPosition: '50% 50%',
       zIndex: 0,
       position: 'absolute',
-      right: 0,
-      left: 0,
-      top: 0,
-      bottom: 0,
+      left: '0px',
+      top: '0px',
       width: '100%',
       height: '100%',
       overflow: 'hidden',
@@ -5098,16 +5095,16 @@
   const calendarDefaultProps = {
       left: '25px',
       top: '204.5px',
-      size: 'middle',
       opacity: 1,
       position: 'absolute',
-      backgroundColor: 'rgb(255, 255, 255)',
       borderRadius: '0px',
       borderColor: 'rgb(237, 85, 102)',
       borderStyle: 'solid',
       borderWidth: '2px',
       width: '325px',
       height: '325px',
+      backgroundColor: 'rgb(255, 255, 255)',
+      size: 'middle',
       date: '2024-05-21',
       dateColor: '#000000',
       themeColor: 'rgb(237, 85, 102)',
@@ -5207,7 +5204,8 @@
       shape: ['image'],
       number: 100,
       spead: 5,
-      transform: 'rotate(0deg)'
+      transform: 'rotate(0deg)',
+      id: '1'
   };
   const registerFormDefaultProps = {
       left: '57px',
@@ -5219,9 +5217,9 @@
       borderStyle: 'solid',
       borderWidth: '2px',
       borderColor: 'blue',
+      opacity: 1,
       backgroundColor: 'rgb(33, 147, 255)',
       attendanceTimeList: ['Evening'],
-      opacity: 1,
       isPhoneNumber: true,
       buttonBackgroundColor: 'blue',
       buttonFontColor: 'black',
@@ -26329,7 +26327,7 @@
   };
 
   const defaultProps$6 = transformToComponentProps(componentsDefaultProps['uni-effect'].props, isEditingProp);
-  const defaultStyles$5 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead');
+  const defaultStyles$5 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead', 'id');
   // import Particles from './Particles.vue'
   // array that contains style props
   var script$7 = vue.defineComponent({
@@ -26677,10 +26675,10 @@
     }, [
       (vue.openBlock(), vue.createBlock(_component_Particles, {
         key: _ctx.particlesKey,
-        id: "tsparticles",
+        id: _ctx.id,
         options: _ctx.options,
         class: "effect"
-      }, null, 8 /* PROPS */, ["options"]))
+      }, null, 8 /* PROPS */, ["id", "options"]))
     ], 4 /* STYLE */))
   }
 
@@ -54138,9 +54136,7 @@ summary tabindex target title type usemap value width wmode wrap`;
       style: vue.normalizeStyle(_ctx.styleProps),
       class: "uni-register-form-component inner-component"
     }, [
-      vue.createElementVNode("h3", {
-        style: vue.normalizeStyle({ color: _ctx.titleFontColor, textAlign: 'center' })
-      }, "出席人数登记表单", 4 /* STYLE */),
+      vue.createCommentVNode("    <h3 :style=\"{ color: titleFontColor, textAlign: 'center' }\">出席人数登记表单</h3>"),
       vue.createVNode(_component_a_form, {
         "label-col": _ctx.labelCol,
         "wrapper-col": _ctx.wrapperCol,

package/package.json

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