resolver-egretimp-plus 0.0.124 → 0.0.125

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "resolver-egretimp-plus",
-  "version": "0.0.124",
+  "version": "0.0.125",
   "description": "交付体验渲染",
   "main": "./dist/web/index.js",
   "module": "./dist/web/index.js",
@@ -49,9 +49,10 @@
     "vue-loader": "^17.4.2",
     "vue-style-loader": "^4.1.3",
     "vue3-quill": "^0.3.1",
+    "vue3-sfc-loader": "^0.9.5",
     "webpack": "^5.90.0",
-    "webpack-cli": "^5.1.4",
-    "vue3-sfc-loader": "^0.9.5"
+    "json-rules-engine": "^7.2.1",
+    "webpack-cli": "^5.1.4"
   },
   "dependencies": {}
 }

package/src/analysisComponent.jsx

@@ -49,6 +49,7 @@ export default {
       delete ret.onClick
       return ret
     })
+    const ruleExecuter = inject('_ruleExecuter')
     const dialogReq = inject('_dialogReq', {})
     const requestTraceId = inject('requestTraceId')
     const polyfillConfigs = inject('_polyfillConfigs', {})
@@ -113,9 +114,21 @@ export default {
         })
         penddingRules[hireRelat] = null
       }
+      // 使用json-rules-engine书写的规则，打开这边，需要对之前的规则进行注释，并且需要再index.js文件中进行开启 ====start====
+      if (ruleExecuter?.penddingRules?.[hireRelat]?.length) {
+        ruleExecuter?.penddingRules[hireRelat].forEach(context => {
+          const rules = context.rules
+          delete context.rules
+          setTimeout(() => {
+            rulesDriver.call(context, rules)
+          }, 0)
+        })
+        ruleExecuter.penddingRules[hireRelat] = null
+      }
       if (props.config?.immediateClickEvent) {
         executeClickEvents()
       }
+      // 使用json-rules-engine书写的规则，打开这边，需要对之前的规则进行注释，并且需要再index.js文件中进行开启 ====end====
     }
     const onVnodeUnmounted = () => {
       props.config.vmIsBind = false

package/src/components/helper/eventOrchestration.js

@@ -419,6 +419,7 @@ export async function executeDataValid(validConfig, {
     return
   }
   const ret = await buildInRequest(url, {
+    aid_language: lang,
     requestTraceId,
     ...reqData,
     pmHandleBusinessIdentity: {

package/src/components/packages-web/ElInput.vue

@@ -1,8 +1,16 @@
 <script setup>
 import { ElInput } from 'element-plus'
 import { computed, defineProps, useAttrs } from 'vue'
-import { commonPropsType } from '../../utils/index.js'
+import { commonPropsType, isElement } from '../../utils/index.js'
+import { ref } from 'vue';
+import { onMounted } from 'vue';
+import { getDomWidth } from '../../utils/dom.js';
+import { watch } from 'vue';
+import { nextTick } from 'vue';
 
+const isOverflow = ref(false)
+const inputWrapRef = ref(null)
+const calcSpanRef = ref(null)
 const props = defineProps({
   ...commonPropsType,
   ...ElInput.props
@@ -17,10 +25,78 @@ const inputProps = computed(() => {
   }
   return ret
 })
+const showTooltip = computed(() => {
+  return props?.config?.showTooltip == '1' && props.disabled
+})
 const attrs = useAttrs()
 const modelValue = defineModel()
 
+
+const tooltipCalc = (() => {
+  let unWatch = null
+  let onResize = null
+  return {
+    clear: () => {
+      unWatch && unWatch()
+      onResize && window.removeEventListener('resize', onResize)
+    },
+    calc() {
+      this.clear()
+      let inputWrapWidth = getDomWidth(inputWrapRef.value, 0)
+      let textLengthWidth = getDomWidth(calcSpanRef.value, -22)
+      isOverflow.value = inputWrapWidth < textLengthWidth
+      unWatch = watch(() => modelValue.value, (val) => {
+        nextTick(() => {
+          textLengthWidth = getDomWidth(calcSpanRef.value, -22)
+          isOverflow.value = inputWrapWidth < textLengthWidth
+        })
+      })
+      onResize = () => {
+        inputWrapWidth = getDomWidth(inputWrapRef.value, 0)
+        isOverflow.value = inputWrapWidth < textLengthWidth
+        console.log('isOverflow==:', isOverflow.value, inputWrapWidth)
+      }
+      window.addEventListener('resize', onResize)
+    }
+  }
+})()
+
+onMounted(() => {
+  watch(showTooltip, (val) => {
+    if (val) {
+      tooltipCalc?.calc()
+    }
+  }, {
+    immediate: true
+  })
+})
 </script>
 <template>
-  <ElInput v-model="modelValue" v-bind="{...attrs, ...inputProps}"></ElInput>
+  <div class="input-contrainer">
+    <span ref="calcSpanRef" class="calc-span">{{ modelValue }}</span>
+    <el-tooltip v-if="isOverflow" :content="modelValue" placement="top">
+      <div class="input-wrap" :ref="(e) => inputWrapRef = e">
+        <ElInput v-model="modelValue" v-bind="{...attrs, ...inputProps}"></ElInput>
+      </div>
+    </el-tooltip>
+    <div v-else class="input-wrap" :ref="(e) => inputWrapRef = e">
+      <ElInput v-model="modelValue" v-bind="{...attrs, ...inputProps}"></ElInput>
+    </div>
+  </div>
 </template>
+
+<style lang="scss" scoped>
+.input-contrainer {
+  width: 100%;
+  .calc-span {
+    white-space: nowrap;
+    position: absolute;
+    visibility: hidden;
+    padding: 0 11px;
+    box-sizing: border-box;
+  }
+  .input-wrap{
+    width: 100%;
+  }
+}
+</style>

package/src/hooks/index.js

@@ -9,7 +9,7 @@ export function useVModel(config, props, emit, modelKey = 'update:modelValue') {
   // const dataLoad = inject('dataLoad')
   // const dynamicMapComp = inject('dynamicMapComp')
   // const lang = inject('lang')
-  const { hireRelatMapRules, dataLoad, dynamicMapComp, lang, _mapComp } = this
+  const { hireRelatMapRules, messageInstance, rootValue, ruleExecuter, dataLoad, dynamicMapComp, lang, _mapComp } = this
   const currentRules = hireRelatMapRules.value[config.hireRelat]
   let metaCodeKey = config.metaCode
   if (modelKey !== 'update:modelValue') {
@@ -34,11 +34,22 @@ export function useVModel(config, props, emit, modelKey = 'update:modelValue') {
         // 事件初始化执行，在dataLoaded请求完成之后，执行一次事件
         if (dataLoad.value && !config.eventInit && !config.notInit) {
           setTimeout(() => {
+            ruleExecuter?.run({
+              rootValue,
+              rules: currentRules,
+              config,
+              dynamicMapComp,
+              lang,
+              messageInstance,
+              _mapComp,
+              isInit: true,
+            })
             rulesDriver.call({
               config,
               dynamicMapComp,
               lang,
-              _mapComp
+              _mapComp,
+              messageInstance
             }, currentRules, true)
             config.eventInit = true
           }, 0)
@@ -68,11 +79,21 @@ export function useVModel(config, props, emit, modelKey = 'update:modelValue') {
       }
       if (config) {
         setTimeout(() => {
+          ruleExecuter?.run({
+            rootValue,
+            rules: currentRules,
+            config,
+            dynamicMapComp,
+            lang,
+            messageInstance,
+            _mapComp,
+          })
           rulesDriver.call({
             config,
             dynamicMapComp,
             lang,
-            _mapComp
+            _mapComp,
+            messageInstance
           }, currentRules)
         }, 0)
       }
@@ -86,13 +107,19 @@ export function useVmodels(props, emit) {
   const dynamicMapComp = inject('dynamicMapComp')
   const lang = inject('lang')
   const _mapComp = inject('_mapComp')
+  const rootValue = inject('rootValue')
+  const ruleExecuter = inject('_ruleExecuter')
+  const messageInstance = inject('_messageInstance')
 
   const thisObj = {
     hireRelatMapRules,
     dataLoad,
     dynamicMapComp,
     lang,
-    _mapComp
+    rootValue,
+    _mapComp,
+    ruleExecuter,
+    messageInstance: messageInstance?.value
   }
 
   const vModelObjs = reactive({})

package/src/index.jsx

@@ -7,8 +7,7 @@ import { MODE } from "./utils/const.js"
 import { generateRequester } from "./utils/request.js"
 import { executeLoadServices } from "./components/helper/resolver.js"
 import { deepMerge } from "./utils/index.js"
-// import { useRouter } from "vue-router"
-// import { useRoute } from "vue-router"
+// import { RuleExecuter } from "./rulesImp/index.js"
 export default {
   name: 'Resolver',
   props: {
@@ -130,6 +129,8 @@ export default {
     }
   },
   setup(props, { emit, attrs, expose }) {
+    const ruleExecuter = null
+    // const ruleExecuter = new RuleExecuter()
     const rootStore = reactive({})
     const nativeDataLoad = ref(false)
     // const router = useRouter()
@@ -213,6 +214,7 @@ export default {
       })
       toExecuteLoadServices()
     })
+    provide('_ruleExecuter', ruleExecuter)
     provide('_toExecuteLoadServices', toExecuteLoadServices)
     provide('_dialogReq', props.dialogReq)
     provide('_messageCb', props.messageCb)

package/src/rules/eventsSupplement.js

@@ -342,7 +342,7 @@ const allInitEvents = {
   setPopup(event, isInit, tabpanelCode) {
     const { targetMsg, targetMsgEn } = event
     const msg = this.lang.value.indexOf('zh') > -1 ? targetMsg : targetMsgEn
-    this.$alert(msg, '', {
+    this.messageInstance.warning(msg, '', {
       showCancelButton: false,
     });
     // commModal({