resolver-egretimp-plus 0.0.10 → 0.0.28

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "resolver-egretimp-plus",
-  "version": "0.0.10",
+  "version": "0.0.28",
   "description": "交付体验渲染",
   "main": "./dist/web/index.js",
   "module": "./dist/web/index.js",
   "exports": {
-    ".": "./dist/index.js",
-    "./dist/*": "./dist/*"
+    ".": "./dist/web/index.js",
+    "./h5": "./dist/h5/index.js",
+    "./web": "./dist/web/index.js",
+    "./*": "./*"
   },
   "scripts": {
     "build:package": "webpack --config scripts/webpack.config.js",
@@ -26,6 +28,7 @@
     "babel-loader": "^9.1.3",
     "consola": "^3.2.3",
     "core-js-pure": "^3.38.1",
+    "crypto-js": "^4.2.0",
     "css-loader": "^7.1.2",
     "dayjs": "^1.11.13",
     "element-plus": "^2.7.6",
@@ -38,6 +41,7 @@
     "lodash-es": "^4.17.21",
     "mini-css-extract-plugin": "^2.9.0",
     "node-sass": "^9.0.0",
+    "qs": "^6.13.0",
     "sass": "1.77.6",
     "sass-loader": "^14.2.1",
     "vue-loader": "^17.4.2",

package/scripts/webpack.config.js

@@ -5,7 +5,7 @@ module.exports = {
   mode: 'production',
   entry: {
     web: path.resolve(__dirname, '../index-web.js'),
-    h5: path.resolve(__dirname, '../index-h5.js'),
+    h5: path.resolve(__dirname, '../index-H5.js'),
   },
   output: {
     clean: true,
@@ -71,7 +71,9 @@ module.exports = {
   },
   externals: {
     vue: 'vue',
-    'cmid-dev': 'cmid-dev',
+    'cmid': 'cmid',
+    'cmid/lib/toast': 'cmid/lib/toast',
+    'cmid/lib/fullloading': 'cmid/lib/fullloading',
     'element-plus': 'element-plus',
     'vue-router': 'vue-router',
     'element-plus/es/hooks/index.mjs': 'element-plus/es/hooks/index.mjs',

package/src/api/builtIn.js

@@ -0,0 +1,4 @@
+export const QUERY_PAGE_CONFIG_DATA = '/sa-lcp/api/v1/pageConfig/queryPageConfigData'
+export const LCP_LOGIN = '/sa-lcp/login'
+export const GET_SYS_PARAM_CACHE = '/sa-lcp/api/v1/sysparam/getSysParamCache'
+export const REFRESH_TOKEN = '/sa-lcp/changePwd/refreshToken'

package/src/components/helper/button-H5.js

@@ -0,0 +1,17 @@
+// import { ElMessage } from 'element-plus';
+
+export async function dispatchClickEvents  ({serviceList = [], axiosInstance, reqData}) {
+  for (let i = 0; i < serviceList.length; i++) {
+    const service = serviceList[i]
+    const url = service.serviceCode
+    const ret = await (axiosInstance.value && axiosInstance.value({
+      url,
+      method: "post",
+      data: reqData
+    }))
+    if (!ret?.data?.success) {
+      // ElMessage.error(ret?.data?.resultMessage || '')
+      await Promise.reject()
+    }
+  }
+}

package/src/components/icons/question-filled.vue

@@ -1,10 +1,11 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 192a58.43 58.43 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.43 58.43 0 0 0 512 256m0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4"/></svg>
+  <!-- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
     <path
       fill="currentColor"
       d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592q0-64.416-42.24-101.376c-28.16-25.344-65.472-37.312-111.232-37.312m-12.672 406.208a54.27 54.27 0 0 0-38.72 14.784 49.4 49.4 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.85 54.85 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.97 51.97 0 0 0-15.488-38.016 55.94 55.94 0 0 0-39.424-14.784"
     />
-  </svg>
+  </svg> -->
 </template>
 <script setup>
 defineOptions({

package/src/components/loading/index.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+import CmiTLoading from './loading.vue'
+import { CmiLoading, loadingInstance as Loading } from './loading.js'
+
+let loadingInstance = Loading
+export { CmiTLoading, loadingInstance, CmiLoading }

package/src/components/loading/loading.js

@@ -0,0 +1,98 @@
+/* eslint-disable */
+import { createApp } from 'vue'
+import loading from './loading.vue'
+const app = createApp(loading)
+
+let instance = null
+let seed = 1
+
+let getAnInstance = () => {
+  if (instance) {
+    return instance
+  }
+  instance = app.mount(document.createElement('div'))
+  console.log('install==:', instance)
+  return instance
+}
+
+
+let isChildOf = (child, parent) => {
+  var parentNode
+  if (child && parent) {
+    parentNode = child.parentNode
+    while (parentNode) {
+      if (parent === parentNode) {
+        return true
+      }
+      parentNode = parentNode.parentNode
+    }
+  }
+  return false
+}
+
+let removeDom = event => {
+  if (event.target && event.target.parentNode) {
+    event.target.parentNode.removeChild(event.target)
+  } else {
+    isChildOf(event, event.parentNode) && event.parentNode.removeChild(event)
+  }
+}
+
+app.config.globalProperties.close = function (el) {
+  let instance = getAnInstance()
+  instance.show = false
+  if ('transitionend' in window || 'webkitTransitionEnd' in window) {
+    this.$el.addEventListener('transitionend', removeDom)
+    this.$el.addEventListener('webkitTransitionEnd', removeDom)
+  } else {
+    removeDom(el)
+  }
+  this.closed = true
+}
+
+app.config.globalProperties.start = function (el) {
+  let instance = getAnInstance()
+  instance.closed = false
+  instance.id = seed++
+  instance.show = true
+  document.body.appendChild(instance.$el)
+}
+
+app.config.globalProperties.finish = function (el) {
+  let instance = getAnInstance()
+  instance.closed = true
+  instance.id = seed++
+  instance.show = false
+  if (instance && instance.$el) {
+    removeDom(instance.$el)
+  }
+}
+
+let CmiLoading = (options = {}) => {
+  let duration = options.duration || 1500
+
+  let instance = getAnInstance()
+  instance.closed = false
+  instance.id = seed++
+  clearTimeout(instance.timer)
+
+  document.body.appendChild(instance.$el)
+  Vue.nextTick(() => {
+    instance.show = true
+    instance.$el.removeEventListener('transitionend', removeDom)
+    instance.$el.removeEventListener('webkitTransitionEnd', removeDom)
+    instance.timer = setTimeout(() => {
+      if (instance.closed) return
+      if ('transitionend' in window || 'webkitTransitionEnd' in window) {
+        instance.close()
+      } else {
+        instance.close(instance.$el)
+      }
+    }, duration)
+  })
+  return instance
+}
+
+let loadingInstance = getAnInstance()
+
+export { CmiLoading, loadingInstance }

package/src/components/loading/loading.scss

@@ -0,0 +1,74 @@
+.loading.is-fullscreen {
+  position: fixed;
+}
+.loading {
+  position: absolute;
+  z-index: 10000;
+  // background-color: rgba(0,0,0,.4);
+  margin: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  -webkit-transition: opacity 0.3s;
+  transition: opacity 0.3s;
+  .h2 {
+    top: 30%;
+    margin-top: -21px;
+    width: 100%;
+    text-align: center;
+    position: absolute;
+    font-size: 3rem;
+  }
+}
+.loadEffect .word {
+  font-size: 16px;
+  color: var(--cmi-font-color-2);
+  letter-spacing: -0.2px;
+  font-weight: 500;
+}
+
+// loading e30177 91c426 4c4f53
+.loadEffect {
+  margin: 0 auto;
+  margin-top: 100px;
+  background-color: var(--cmi-white-color-1);
+  box-shadow: 0 4px 10px 0 hsla(0, 0%, 86%, 0.5);
+  border-radius: var(--cmi-border-radius);
+  line-height: 1.2;
+  width: 140px;
+  height: 96px;
+}
+.loadEffect span {
+  display: inline-block;
+  width: 18.5px;
+  height: 18.5px;
+  margin-right: 10px;
+  border-radius: 50%;
+  -webkit-animation: load 1.04s ease infinite;
+}
+.loadEffect span:last-child {
+  margin-right: 0px;
+}
+@keyframes load {
+  0% {
+    opacity: 1;
+    -webkit-transform: scale(1.3);
+  }
+  100% {
+    opacity: 0.2;
+    -webkit-transform: scale(0.3);
+  }
+}
+.loadEffect span:nth-child(1) {
+  -webkit-animation-delay: 0.23s;
+  background: #168fd1;
+}
+.loadEffect span:nth-child(2) {
+  -webkit-animation-delay: 0.38s;
+  background: #ea1681;
+}
+.loadEffect span:nth-child(3) {
+  -webkit-animation-delay: 0.53s;
+  background: #8dc449;
+}

package/src/components/loading/loading.vue

@@ -0,0 +1,89 @@
+<template>
+  <div class="loading is-fullscreen" v-show="model">
+    <div class="h2 text-primary">
+      <div class="loadEffect">
+        <span></span>
+        <span></span>
+        <span></span>
+        <!-- <div class="word" style="display: block">{{ worldTip }}</div> -->
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+/* eslint-disable */
+import { computed } from 'vue'
+export default {
+  name: 'CmiLoading',
+  setup(props) {
+    const lang = computed(() => {
+      return props.lang
+    })
+    return {
+      lang
+    }
+  },
+  data() {
+    return {
+      show: true
+    }
+  },
+  props: {
+    isNative: {
+      type: Boolean,
+      default: true
+    },
+    value: {
+      type: Boolean,
+      default: false
+    },
+    duration: {
+      type: Number,
+      default: 1500
+    },
+    autoHide: {
+      type: Boolean,
+      default: false
+    },
+    word: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    model: {
+      get() {
+        return this.isNative ? this.show : this.value || ''
+      },
+      set(val) {
+        if (this.isNative) {
+          this.show = val
+        } else {
+          this.$emit('input', val)
+        }
+      }
+    },
+    worldTip() {
+      return this.word || this.lang == 'zh-CN' ? '加载中...' : 'Loading...'
+    }
+  },
+  watch: {
+    model(val) {
+      this.hide(val)
+    }
+  },
+  methods: {
+    hide(val) {
+      let that = this
+      if (val && this.autoHide) {
+        setTimeout(() => {
+          that.model = false
+        }, that.duration)
+      }
+    }
+  }
+}
+</script>
+<style lang="scss">
+@import './loading.scss';
+</style>

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

@@ -2,7 +2,7 @@
 import { defineProps, inject, getCurrentInstance, computed, useAttrs } from 'vue'
 import { commonPropsType } from '../../utils/index.js'
 import { useRoute } from 'vue-router'
-import { dispatchClickEvents } from '../helper/button.js';
+import { dispatchClickEvents } from '../helper/button-H5.js';
 
 const appContext = getCurrentInstance()?.appContext
 

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

@@ -1,21 +1,22 @@
 <script setup>
 import { computed, defineProps, inject, useAttrs } from 'vue'
-import { commonPropsType } from '../../utils/index.js'
+import { commonPropsType, hasOwn } from '../../utils/index.js'
 
 const lang = inject('lang')
 const modelValue = defineModel()
 const props = defineProps({
   ...commonPropsType,
 })
+
 const calcProps = computed(() => {
   return {
     title: lang?.value?.indexOf('zh') > -1 ? props.config?.metaNameZh : props.config?.metaNameEn,
     desc: modelValue.value || props.config?.desc,
     content: props.config?.content,
-    to: props.config?.min,
+    to: props.config?.toHref,
     islink: props.config?.islink === '1',
     icon: props.config?.icon,
-    selfadaption: props.config?.selfadaption === '1',
+    selfadaption: hasOwn(props.config, 'selfadaption') ? props.config.selfadaption === '1' : true,
     noborder: props.noborder === '1',
   }
 })

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

@@ -1,5 +1,5 @@
 <template>
-  <TabPane v-bind="{...tabPaneProps, ...polyProps, ...attrs}">
+  <TabPane v-bind="{...attrs, ...tabPaneProps, ...polyProps}">
     <template #label v-if="slotsPageMetalist.length">
       <Renderer :config="slotsPageMetalist" v-model="props.refValue.value"></Renderer>
     </template>

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

@@ -1,5 +1,5 @@
 <template>
-  <Tabs :class="[`tabs-level-${level}`, fullBorder ? 'full-border' : '']" v-bind="{...transTabsProps, ...attrs}" v-model="activeNames">
+  <Tabs :class="[`tabs-level-${level}`, fullBorder ? 'full-border' : '']" v-bind="transTabsProps" v-model="activeNames">
     <Renderer :config="tabpanes" v-model="props.refValue.value"></Renderer>
   </Tabs>
 </template>
@@ -18,10 +18,13 @@ const props = defineProps({
 })
 const attrs = useAttrs()
 const tabsProps = computed(() => {
-  return Object.keys(ElTabs.props).reduce((ret, key) => {
+  const ret = Object.keys(ElTabs.props).reduce((ret, key) => {
     ret[key] = props[key]
     return ret
-  }, {})
+  }, {...attrs})
+  delete ret.modelValue
+  delete ret['onUpdate:modelValue']
+  return ret
 })
 const tabpanes = computed(() => {
   return props.config.pmPageMetaList || []

package/src/components/patchComponents-H5.js

@@ -8,14 +8,14 @@ export default function () {
     let resolveModule = null
     try {
       if (require) {
-        modulesFiles = require.context('./packages', false, /\.(vue|jsx|js)$/)
+        modulesFiles = require.context('./packages-H5', false, /\.(vue|jsx|js)$/)
         modulesFilesKeys = modulesFiles.keys() || []
         resolveModule = (modulePath) => {
           return modulesFiles(modulePath)
         }
       }
     } catch (error) {
-      modulesFiles = import.meta.glob('./packages/*.{vue,jsx,js}')
+      modulesFiles = import.meta.glob('./packages-H5/*.{vue,jsx,js}')
       modulesFilesKeys = Object.keys(modulesFiles)
       resolveModule = (modulePath) => {
         return modulesFiles[modulePath]

package/src/enums/index.js

@@ -0,0 +1,10 @@
+import { LCP_LOGIN } from "../api/builtIn"
+
+export const USER_NAME = 'lcpsupport'
+export const PASSWORD = '8ik,*IK<'
+export const USER_TYPE = '1'
+export const AUTH_CODE = '9887'
+
+export const NOT_AUTH_APIS = [
+  LCP_LOGIN
+]

package/src/hooks/pageConfig.js

@@ -1,5 +1,7 @@
 import { parsePageConfig } from "../utils"
 import { ref } from 'vue'
+import { buildInRequest } from "../utils/request"
+import { GET_SYS_PARAM_CACHE, QUERY_PAGE_CONFIG_DATA } from "../api/builtIn"
 
 export function usePageConfig() {
   const pageConfigRef = ref(null)
@@ -17,4 +19,52 @@ export function usePageConfig() {
     pageConfigRef,
     hireRelatMapRulesRef,
   }
-}
+}
+
+export function useBuildInData(messageTipInstance, loadingInstance) {
+  const pageConfig = ref(null)
+  function getPageConfig(reqData) {
+    if (loadingInstance.start && typeof loadingInstance.start === 'function') {
+      loadingInstance.start()
+    } else if (loadingInstance.show && typeof loadingInstance.show === 'function') {
+      loadingInstance.show()
+    }
+    buildInRequest(QUERY_PAGE_CONFIG_DATA, reqData).then(ret => {
+      if (ret.data.success) {
+        pageConfig.value = ret.data.result
+        getSelects(ret.data.result?.pmBusinessIdentityVO?.tenantId)
+        return
+      }
+      messageTipInstance?.error(ret.data.resultMessage)
+    }).catch(() => {
+      if (loadingInstance.finish && typeof loadingInstance.finish === 'function') {
+        loadingInstance.finish()
+      } else if (loadingInstance.hide && typeof loadingInstance.hide === 'function') {
+        loadingInstance.hide()
+      }
+    })
+  }
+  const selects = ref([])
+  function getSelects(tenantId) {
+    buildInRequest(GET_SYS_PARAM_CACHE, {
+      tenantId
+    }).then(ret => {
+      if (ret.data.success) {
+        selects.value = JSON.parse(ret.data.result || '{}')
+        return
+      }
+      messageTipInstance?.error(ret.data.resultMessage)
+    }).finally(() => {
+      if (loadingInstance.finish && typeof loadingInstance.finish === 'function') {
+        loadingInstance.finish()
+      } else if (loadingInstance.hide && typeof loadingInstance.hide === 'function') {
+        loadingInstance.hide()
+      }
+    })
+  }
+  return {
+    pageConfig,
+    getPageConfig,
+    selects
+  }
+}

package/src/index.jsx

@@ -1,7 +1,7 @@
 import { provide, toRef, watch, computed, ref, defineExpose, reactive, getCurrentInstance } from "vue"
 import Renderer from './renderer.jsx'
 // import './style/index.scss'
-import { usePageConfig } from './hooks/pageConfig'
+import { useBuildInData, usePageConfig } from './hooks/pageConfig'
 import { toValidate } from './utils/valid.js'
 import { MODE } from "./utils/const.js"
 import { generateRequester } from "./utils/request.js"
@@ -72,7 +72,7 @@ export default {
     getNativeComps: {
       type: Function,
       default: () => ({composeComponents: {}})
-    }
+    },
   },
   setup(props, { emit, attrs, expose }) {
     let axiosInstance = ref(props.axiosInstance)

package/src/resolver-H5.vue

@@ -1,13 +1,29 @@
 <script setup>
 import getNativeComps from './components/patchComponents-H5.js'
 import { useAttrs } from 'vue';
-import Resolver from './index.jsx'
+import Resolver from './resolver-common.vue'
+import CmiToast from "cmid/lib/toast"
+import CmiFullLoading from "cmid/lib/fullloading"
+
+const props = defineProps({
+  loadingInstance: {
+    type: [Object, Function],
+    default: () => CmiFullLoading
+    // default: () => null
+  },
+  messageInstance: {
+    type: [Object, Function],
+    default: () => CmiToast
+    // default: () => null
+  },
+})
 
 defineOptions({
   inheritAttrs: false
 })
 const attrs = useAttrs()
+
 </script>
 <template>
-  <Resolver v-bind="attrs" :getNativeComps="getNativeComps"></Resolver>
+  <Resolver v-bind="attrs" :isH5="true" :getNativeComps="getNativeComps" :messageInstance="props.messageInstance" :loadingInstance="props.loadingInstance"></Resolver>
 </template>

package/src/resolver-common.vue

@@ -0,0 +1,45 @@
+<script setup>
+import { computed, useAttrs } from 'vue';
+import Resolver from './index.jsx'
+import { useBuildInData } from './hooks/pageConfig';
+
+const props = defineProps({
+  busiIdentityId: String,
+  selects: {
+    type: Object,
+    default: () => ({})
+  },
+  getNativeComps: {
+    type: Function,
+    default: () => ({composeComponents: {}})
+  },
+  loadingInstance: {
+    type: Object,
+    default: () => null
+  },
+  messageInstance: {
+    type: Object,
+    default: () => null
+  },
+})
+defineOptions({
+  inheritAttrs: false
+})
+const attrs = useAttrs()
+
+const { getPageConfig, pageConfig, selects } = useBuildInData(props.messageInstance, props.loadingInstance)
+getPageConfig({
+  busiIdentityId: props.busiIdentityId,
+  queryPageMeta: '1',
+  queryPageService: '1',
+})
+const allSelects = computed(() => {
+  return {
+    ...props.selects,
+    ...selects
+  }
+})
+</script>
+<template>
+  <Resolver v-bind="attrs" :getNativeComps="props.getNativeComps" :config="pageConfig || null" :selects="allSelects"></Resolver>
+</template>

package/src/resolver-web.vue

@@ -1,13 +1,28 @@
 <script setup>
 import getNativeComps from './components/patchComponents-web'
+import { ElMessage } from "element-plus"
+import { loadingInstance } from './components/loading'
 import { useAttrs } from 'vue';
-import Resolver from './index.jsx'
+import Resolver from './resolver-common.vue'
+
+const props = defineProps({
+  loadingInstance: {
+    type: [Object, Function],
+    default: () => loadingInstance
+    // default: () => null
+  },
+  messageInstance: {
+    type: [Object, Function],
+    default: () => ElMessage
+  },
+})
 
 defineOptions({
   inheritAttrs: false
 })
 const attrs = useAttrs()
+
 </script>
 <template>
-  <Resolver v-bind="attrs" :getNativeComps="getNativeComps"></Resolver>
+  <Resolver v-bind="attrs" :getNativeComps="getNativeComps" :messageInstance="props.messageInstance" :loadingInstance="props.loadingInstance"></Resolver>
 </template>

package/src/theme/element/components/form.scss

@@ -27,6 +27,10 @@
         -webkit-box-orient: vertical;
         text-align: right;
       }
+      .label-tip {
+        display: flex;
+        align-items: center;
+      }
     }
   }
   .label-position-right {