resolver-egretimp-plus 0.1.103 → 0.1.104

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "resolver-egretimp-plus",
-  "version": "0.1.103",
+  "version": "0.1.104",
   "description": "交付体验渲染",
   "main": "./dist/web/index.js",
   "module": "./dist/web/index.js",

package/src/components/helper/resolver.js

@@ -76,7 +76,6 @@ export async function executeLoadServices(services = [], {
         }
       }
     }
-
     const ret = await (axiosInstance.value && axiosInstance.value(reqConfig))
     if (resultToast(ret.data, messageInstance, { noSuccessIip: true })) {
       respCb && respCb(ret?.data?.result)

package/src/components/packages-H5/CmiPicker.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { computed, defineProps, inject, ref, useAttrs, watch } from 'vue'
+import { computed, defineProps, inject, onMounted, ref, useAttrs, watch } from 'vue'
 import { commonPropsType } from '../../utils/index.js'
 
 const filterKey = ref('')
@@ -145,9 +145,41 @@ watch(open, (val) => {
 }, {
   immediate: true
 })
+
 function filterChange(e) {
   filterKey.value = e.detail.value
 }
+
+onMounted(() => {
+  // 支持过滤的时候，因为是上下层级结构，默认情况下头部的高被限制住了，会显示不全，所以这边需要进行webComponent中样式修改
+  watch(isFilter, (() => {
+    let oldTop = null
+    let oldBottom = null
+    return (val) => {
+      const pickerContentDom = pickerRef.value.shadowRoot?.querySelector('.cmi-picker-content')
+      if (pickerContentDom) {
+        if (val) {
+          const tabStyles = window.getComputedStyle(pickerContentDom)
+          oldTop = tabStyles.top
+          oldBottom = tabStyles.bottom
+          pickerContentDom.style.top = '24vw'
+          pickerContentDom.style.bottom = '10.2vw'
+        } else {
+          if (oldTop) {
+            pickerContentDom.style.top = oldTop
+          }
+          if (oldBottom) {
+            pickerContentDom.style.bottom = oldBottom
+          }
+        }
+        
+      }
+    }
+  })(), {
+    immediate: true
+  })
+
+})
 </script>
 
 <template>
@@ -182,14 +214,16 @@ function filterChange(e) {
 .filter-header-wrap {
   display: flex;
   justify-content: flex-start;
-  align-items: center;
+  align-items: start;
+  flex-direction: column;
   width: 100%;
   .filte-title {
-    max-width: 50%;
+    margin-bottom: 6px;
+    // max-width: 50%;
   }
   .filter-input {
     flex: 1;
-    margin-left: 16px;
+    // margin-left: 16px;
   }
 }
 </style>