unika-components 1.2.2 → 1.2.4

package/dist/unika-components.esm.js

@@ -465,6 +465,7 @@ var script$p = defineComponent({
         }, { immediate: true });
         // 样式计算
         const containerStyle = computed(() => ({
+            position: (props.element && props.element.css && props.element.css.position) || 'absolute',
             left: px2rem(css.value.left),
             top: px2rem(css.value.top),
             width: px2rem(css.value.width),
@@ -949,6 +950,7 @@ var script$n = defineComponent({
     setup(props) {
         const isPlaying = ref(false);
         const containerStyle = computed(() => ({
+            position: (props.element && props.element.css && props.element.css.position) || 'absolute',
             left: px2rem(props.element.css.left),
             top: px2rem(props.element.css.top),
             width: px2rem(props.element.css.width),
@@ -1133,6 +1135,7 @@ var script$m = defineComponent({
         // 计算日历容器的样式
         const calendarStyle = computed(() => {
             return {
+                position: (props.element && props.element.css && props.element.css.position) || 'absolute',
                 left: px2rem(props.element.css.left),
                 top: px2rem(props.element.css.top),
                 width: px2rem(props.element.css.width),
@@ -1564,7 +1567,7 @@ var script$l = defineComponent({
         });
         // 容器样式
         const containerStyle = computed(() => ({
-            position: props.element?.css?.position || 'absolute',
+            position: (props.element && props.element.css && props.element.css.position) || 'absolute',
             left: px2rem(props.element.css.left),
             top: px2rem(props.element.css.top),
             width: px2rem(props.element.css.width),
@@ -1915,6 +1918,7 @@ var script$k = defineComponent({
         };
         // 容器样式
         const containerStyle = computed(() => ({
+            position: (props.element && props.element.css && props.element.css.position) || 'absolute',
             left: px2rem(props.element.css.left),
             top: px2rem(props.element.css.top),
             width: px2rem(props.element.css.width),
@@ -2039,6 +2043,7 @@ var script$j = defineComponent({
     },
     setup(props) {
         const containerStyle = computed(() => ({
+            position: (props.element && props.element.css && props.element.css.position) || 'absolute',
             left: px2rem(props.element.css.left),
             top: px2rem(props.element.css.top),
             width: px2rem(props.element.css.width),
@@ -23806,6 +23811,7 @@ var script$h = defineComponent({
             return d > 200 ? Math.round(d) : Math.round(d * 1000);
         });
         const lottieStyle = computed(() => ({
+            position: (props.element && props.element.css && props.element.css.position) || 'absolute',
             left: px2rem(props.element.css.left),
             top: px2rem(props.element.css.top),
             width: px2rem(props.element.css.width),
@@ -23889,6 +23895,7 @@ var script$g = defineComponent({
     emits: ['trigger'],
     setup(props, { emit }) {
         const containerStyle = computed(() => ({
+            position: (props.element && props.element.css && props.element.css.position) || 'absolute',
             left: px2rem(props.element.css.left),
             top: px2rem(props.element.css.top),
             width: px2rem(props.element.css.width),
@@ -28676,6 +28683,7 @@ var script$e = defineComponent({
         const title = computed(() => props.element.title || '');
         const inputType = computed(() => props.element.inputType || 'text');
         const containerStyles = computed(() => ({
+            position: (props.element && props.element.css && props.element.css.position) || 'absolute',
             left: px2rem(props.element.css.left || 0),
             top: px2rem(props.element.css.top || 0),
             width: px2rem(props.element.css.width || 235),
@@ -28776,6 +28784,7 @@ var script$d = defineComponent({
         const host = props.env === 'prd' ? 'https://h5.unika.cc' : 'http://localhost:3001';
         const btName = computed(() => props.element.btName || 'ส่ง'); // 提交
         const commonStyles = computed(() => ({
+            position: (props.element && props.element.css && props.element.css.position) || 'absolute',
             left: px2rem(props.element.css.left),
             top: px2rem(props.element.css.top),
             width: px2rem(props.element.css.width),
@@ -28924,6 +28933,7 @@ var script$c = defineComponent({
             return item ? item.label : '';
         });
         const containerStyle = computed(() => ({
+            position: (props.element && props.element.css && props.element.css.position) || 'absolute',
             fontFamily: props.element.css.fontFamily,
             fontSize: px2rem(props.element.css.fontSize || 0),
             color: hasError.value ? '#ff4d4f' : props.element.css.color,
@@ -29099,6 +29109,7 @@ var script$b = defineComponent({
         };
         // 样式计算
         const containerStyles = computed(() => ({
+            position: (props.element && props.element.css && props.element.css.position) || 'absolute',
             fontFamily: props.element.css.fontFamily,
             fontSize: px2rem(props.element.css.fontSize || 0),
             color: hasError.value ? '#ff4d4f' : props.element.css.color,
@@ -29242,6 +29253,7 @@ var script$a = defineComponent({
         };
         // 样式计算
         const containerStyles = computed(() => ({
+            position: (props.element && props.element.css && props.element.css.position) || 'absolute',
             fontFamily: props.element.css.fontFamily,
             fontSize: px2rem(props.element.css.fontSize || 0),
             color: hasError.value ? '#ff4d4f' : props.element.css.color,

package/dist/unika-components.umd.js

@@ -472,6 +472,7 @@
           }, { immediate: true });
           // 样式计算
           const containerStyle = vue.computed(() => ({
+              position: (props.element && props.element.css && props.element.css.position) || 'absolute',
               left: px2rem(css.value.left),
               top: px2rem(css.value.top),
               width: px2rem(css.value.width),
@@ -956,6 +957,7 @@
       setup(props) {
           const isPlaying = vue.ref(false);
           const containerStyle = vue.computed(() => ({
+              position: (props.element && props.element.css && props.element.css.position) || 'absolute',
               left: px2rem(props.element.css.left),
               top: px2rem(props.element.css.top),
               width: px2rem(props.element.css.width),
@@ -1140,6 +1142,7 @@
           // 计算日历容器的样式
           const calendarStyle = vue.computed(() => {
               return {
+                  position: (props.element && props.element.css && props.element.css.position) || 'absolute',
                   left: px2rem(props.element.css.left),
                   top: px2rem(props.element.css.top),
                   width: px2rem(props.element.css.width),
@@ -1571,7 +1574,7 @@
           });
           // 容器样式
           const containerStyle = vue.computed(() => ({
-              position: props.element?.css?.position || 'absolute',
+              position: (props.element && props.element.css && props.element.css.position) || 'absolute',
               left: px2rem(props.element.css.left),
               top: px2rem(props.element.css.top),
               width: px2rem(props.element.css.width),
@@ -1922,6 +1925,7 @@
           };
           // 容器样式
           const containerStyle = vue.computed(() => ({
+              position: (props.element && props.element.css && props.element.css.position) || 'absolute',
               left: px2rem(props.element.css.left),
               top: px2rem(props.element.css.top),
               width: px2rem(props.element.css.width),
@@ -2046,6 +2050,7 @@
       },
       setup(props) {
           const containerStyle = vue.computed(() => ({
+              position: (props.element && props.element.css && props.element.css.position) || 'absolute',
               left: px2rem(props.element.css.left),
               top: px2rem(props.element.css.top),
               width: px2rem(props.element.css.width),
@@ -23813,6 +23818,7 @@
               return d > 200 ? Math.round(d) : Math.round(d * 1000);
           });
           const lottieStyle = vue.computed(() => ({
+              position: (props.element && props.element.css && props.element.css.position) || 'absolute',
               left: px2rem(props.element.css.left),
               top: px2rem(props.element.css.top),
               width: px2rem(props.element.css.width),
@@ -23896,6 +23902,7 @@
       emits: ['trigger'],
       setup(props, { emit }) {
           const containerStyle = vue.computed(() => ({
+              position: (props.element && props.element.css && props.element.css.position) || 'absolute',
               left: px2rem(props.element.css.left),
               top: px2rem(props.element.css.top),
               width: px2rem(props.element.css.width),
@@ -28683,6 +28690,7 @@
           const title = vue.computed(() => props.element.title || '');
           const inputType = vue.computed(() => props.element.inputType || 'text');
           const containerStyles = vue.computed(() => ({
+              position: (props.element && props.element.css && props.element.css.position) || 'absolute',
               left: px2rem(props.element.css.left || 0),
               top: px2rem(props.element.css.top || 0),
               width: px2rem(props.element.css.width || 235),
@@ -28783,6 +28791,7 @@
           const host = props.env === 'prd' ? 'https://h5.unika.cc' : 'http://localhost:3001';
           const btName = vue.computed(() => props.element.btName || 'ส่ง'); // 提交
           const commonStyles = vue.computed(() => ({
+              position: (props.element && props.element.css && props.element.css.position) || 'absolute',
               left: px2rem(props.element.css.left),
               top: px2rem(props.element.css.top),
               width: px2rem(props.element.css.width),
@@ -28931,6 +28940,7 @@
               return item ? item.label : '';
           });
           const containerStyle = vue.computed(() => ({
+              position: (props.element && props.element.css && props.element.css.position) || 'absolute',
               fontFamily: props.element.css.fontFamily,
               fontSize: px2rem(props.element.css.fontSize || 0),
               color: hasError.value ? '#ff4d4f' : props.element.css.color,
@@ -29106,6 +29116,7 @@
           };
           // 样式计算
           const containerStyles = vue.computed(() => ({
+              position: (props.element && props.element.css && props.element.css.position) || 'absolute',
               fontFamily: props.element.css.fontFamily,
               fontSize: px2rem(props.element.css.fontSize || 0),
               color: hasError.value ? '#ff4d4f' : props.element.css.color,
@@ -29249,6 +29260,7 @@
           };
           // 样式计算
           const containerStyles = vue.computed(() => ({
+              position: (props.element && props.element.css && props.element.css.position) || 'absolute',
               fontFamily: props.element.css.fontFamily,
               fontSize: px2rem(props.element.css.fontSize || 0),
               color: hasError.value ? '#ff4d4f' : props.element.css.color,

package/package.json

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