resolver-egretimp-plus 0.0.10 → 0.0.21

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "resolver-egretimp-plus",
-  "version": "0.0.10",
+  "version": "0.0.21",
   "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",

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,

package/src/api/builtIn.js

@@ -0,0 +1,2 @@
+export const QUERY_PAGE_CONFIG_DATA = '/sa-lcp/api/v1/pageConfig/queryPageConfigData'
+export const LCP_LOGIN = '/sa-lcp/login'

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/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,91 @@
+<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 { useLocaleStoreWithOut } from '@/stores/modules/locale'
+import { computed } from 'vue'
+export default {
+  name: 'CmiLoading',
+  setup() {
+    const localeStore = useLocaleStoreWithOut()
+    const lang = computed(() => {
+      return localeStore.getLocale
+    })
+    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-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,3 @@
+export const ACCOUNT = ''
+export const PASSWORD = ''
+export const AUTH_CODE = ''

package/src/hooks/pageConfig.js

@@ -17,4 +17,76 @@ export function usePageConfig() {
     pageConfigRef,
     hireRelatMapRulesRef,
   }
-}
+}
+
+// export function usePageConfig() {
+//   const pageConfig = ref(null)
+//   function getPageConfig(reqData) {
+//     queryPageConfigData(reqData).then(ret => {
+//       if (ret.data.success) {
+//         pageConfig.value = ret.data.result
+//         return
+//       }
+//       ElMessage.error(ret.data.resultMessage)
+//     })
+//   }
+//   function getSelects() {}
+//   const selects = ref({
+//     treeListValue: [
+//       {
+//         id: 1,
+//         label: 'Level one 1',
+//         children: [
+//           {
+//             id: 4,
+//             label: 'Level two 1-1',
+//             children: [
+//               {
+//                 id: 9,
+//                 label: 'Level three 1-1-1',
+//               },
+//               {
+//                 id: 10,
+//                 label: 'Level three 1-1-2',
+//               },
+//             ],
+//           },
+//         ],
+//       },
+//       {
+//         id: 2,
+//         label: 'Level one 2',
+//         children: [
+//           {
+//             id: 5,
+//             label: 'Level two 2-1',
+//           },
+//           {
+//             id: 6,
+//             label: 'Level two 2-2',
+//           },
+//         ],
+//       },
+//       {
+//         id: 3,
+//         label: 'Level one 3',
+//         children: [
+//           {
+//             id: 7,
+//             label: 'Level two 3-1',
+//           },
+//           {
+//             id: 8,
+//             label: 'Level two 3-2',
+//           },
+//         ],
+//       },
+//     ]
+//   })
+//   return {
+//     pageConfig,
+//     getPageConfig,
+//     getSelects,
+//     selects
+//   }
+// }

package/src/utils/request.js

@@ -7,4 +7,37 @@ export function generateRequester(config) {
   service.interceptors.request.use(interceptors?.requestThen, interceptors?.requestCatch)
   service.interceptors.response.use(interceptors?.responseThen, interceptors?.responseCatch)
   return service
-}
+}
+
+const service = axios.create({
+  timeout: 60000 // request timeout
+})
+service.interceptors.request.use(
+  config => {
+    return {
+      ...config,
+    }
+  },
+  error => {
+    debugger
+  }
+)
+
+// response interceptor
+service.interceptors.response.use(
+  response => {
+    const { config } = response
+    return response
+  },
+  error => {
+    debugger
+  }
+)
+
+export function buildInRequest(url, method = 'post', config = {}) {
+  return service({
+    url,
+    method,
+    ...config,
+  })
+}