resolver-egretimp-plus 0.0.293 → 0.0.295

package/package.json

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

package/src/components/packages-web/ElText.jsx

@@ -0,0 +1,151 @@
+import { ElText, ElIcon } from 'element-plus'
+import { computed, defineProps, inject, getCurrentInstance, useAttrs, useSlots } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+import { h, resolveComponent, withModifiers } from 'vue'
+import '../styles/text.scss'
+
+export default {
+  inheritAttrs: false,
+  props: {
+    ...commonPropsType,
+    ...ElText.props,
+    fontSize: [String, Number],
+    needWrap: {
+      type: [String, Number],
+      default: '0'
+    },
+    suffixIcon: {
+      type: [String, Object],
+      default: ''
+    },
+    isPointer: {
+      type: [String, Number]
+    }
+  },
+  emits: ['update:modelValue'],
+  setup(props, { emit, attrs, expose, slots }) {
+    // 这个是真实的值
+    const modelValue = computed({
+      get() {
+        return props.modelValue
+      },
+      set(val) {
+        emit('update:modelValue', val)
+      }
+    })
+    const lang = inject('lang')
+    const appContext = getCurrentInstance()?.appContext
+    const isPagePopup = computed(() => {
+      return props.config?.lcpPagePopupMapVO
+    })
+    const normalVal = computed(() => {
+      let val = (modelValue.value !== null && modelValue.value !== undefined) ? modelValue.value : ''
+      if (typeof val === 'object') {
+        try {
+          val = JSON.stringify(val)
+        } catch (error) {
+          val = ''
+        }
+      } else if (typeof val === 'function') {
+        val = ''
+      }
+      const findItem = props?.options?.find(item => item.columnValue == val)
+      if (findItem) {
+        return lang?.value?.indexOf('zh') > -1 ? findItem.columnDesc_zh : findItem.columnDesc
+      }
+      return val
+    })
+  
+    const elTextProps = computed(() => {
+      const result = Object.keys(ElText.props).reduce((ret, key) => {
+        ret[key] = props[key]
+        return ret
+      }, {})
+      return result
+    })
+    const buttonActions = inject('buttonActions', {})
+  
+    const labelDesc = computed(() => {
+      return normalVal.value
+    })
+  
+    const dynamicMapComp = inject('dynamicMapComp')
+    const hireRelatMapRules = inject('hireRelatMapRules')
+    const components = inject('components')
+    const selects = inject('selects')
+    const rootValue = inject('rootValue')
+    const dataLoad = inject('dataLoad')
+    const rootForm = inject('rootForm')
+  
+    const clickAction = (e) => {
+      // attrs?.onClick?.(e) // 如果配置中有点击事件
+      const actionKey = props.config?.clickActionKey || props.config?.buttonActionKey || props.config?.hireRelat
+      const actionFn = buttonActions[actionKey]
+      actionFn && actionFn(props, {
+        dynamicMapComp,
+        hireRelatMapRules,
+        components,
+        selects,
+        rootValue,
+        dataLoad,
+        rootForm
+      }, appContext)
+    }
+    function getSuffixIcon() {
+      if (props.suffixIcon && !props.disabled) {
+        const iconProps = {
+          color: '#a8abb2',
+          size: 14
+        }
+        let suffixIcon = props.suffixIcon
+        if (typeof suffixIcon === 'string') {
+          if (isPagePopup.value && suffixIcon == 'Search') {
+            iconProps.onClick = withModifiers(attrs.onClick, [
+              'stop'
+            ]),
+            iconProps.style = {
+              cursor: 'pointer',
+            }
+          }
+          suffixIcon = resolveComponent(suffixIcon)
+        }
+        return (
+          <ElIcon {...iconProps}>
+            <suffixIcon></suffixIcon>
+          </ElIcon>
+        )
+      }
+      return null
+    }
+    function getWrap(node) {
+      if (props.needWrap == '1') {
+        return (
+          <div class={{
+            'resolver-custom-cust-input-wrap': true,
+            'resolver-custom-is-disabled': props.disabled
+          }}>
+            { node }
+            { getSuffixIcon() }
+          </div>
+        )
+      } else {
+        return node
+      }
+    }
+    function getSlots() {
+      return {
+        default: () => labelDesc.value,
+        ...slots,
+      }
+    }
+    return () => {
+      return getWrap(
+        <ElText {...{...attrs, ...elTextProps.value}} onClickCapture={withModifiers((e) => {clickAction(e)}, [ 'stop', 'self' ])} class={{cursor: props.isPointer == '1'}}>
+          {
+            getSlots()
+          }
+        </ElText>
+      )
+    }
+  }
+}

package/src/components/styles/text.scss

@@ -0,0 +1,20 @@
+.resolver-custom-cust-input-wrap {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 32px;
+  line-height: 24px;
+  padding: 1px 11px;
+  box-sizing: border-box;
+  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
+  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
+  background: var(--el-input-bg-color, var(--el-fill-color-blank));
+  cursor: 'not-allowed';
+}
+.resolver-custom-is-disabled {
+  background: var(--el-disabled-bg-color);
+}
+.cursor {
+  cursor: pointer;
+}