resolver-egretimp-plus 0.0.9 → 0.0.21

package/index-H5.js

@@ -0,0 +1,2 @@
+export * from './index.js'
+export { default as default} from './src/resolver-H5.vue'

package/index-web.js

@@ -0,0 +1,2 @@
+export * from './index.js'
+export { default as default} from './src/resolver-web.vue'

package/index.js

@@ -1,5 +1,3 @@
-export { default as default} from './src/index.jsx'
-
 export { default as Renderer} from './src/renderer.jsx'
 import { commonPropsType } from './src/utils/index.js'
 

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "resolver-egretimp-plus",
-  "version": "0.0.9",
+  "version": "0.0.21",
   "description": "交付体验渲染",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
+  "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

@@ -3,14 +3,18 @@ const { VueLoaderPlugin, default: loader } = require('vue-loader')
 
 module.exports = {
   mode: 'production',
-  entry: path.resolve(__dirname, '../index.js'),
+  entry: {
+    web: path.resolve(__dirname, '../index-web.js'),
+    h5: path.resolve(__dirname, '../index-H5.js'),
+  },
   output: {
+    clean: true,
     library: {
       // name: 'resolver',
       type: 'module'
     },
     path: path.resolve(__dirname, '../dist'),
-    filename: 'index.js'
+    filename: '[name]/index.js'
   },
   module: {
     rules: [

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 → 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 → 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 → 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.js → 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/components/patchComponents-web.js

@@ -0,0 +1,46 @@
+let composeKeys = null
+let composeComponents = null
+
+export default function () {
+  if (!composeComponents || !composeKeys) {
+    let modulesFiles = {}
+    let modulesFilesKeys = []
+    let resolveModule = null
+    try {
+      if (require) {
+        modulesFiles = require.context('./packages-web', false, /\.(vue|jsx|js)$/)
+        modulesFilesKeys = modulesFiles.keys() || []
+        resolveModule = (modulePath) => {
+          return modulesFiles(modulePath)
+        }
+      }
+    } catch (error) {
+      modulesFiles = import.meta.glob('./packages-web/*.{vue,jsx,js}')
+      modulesFilesKeys = Object.keys(modulesFiles)
+      resolveModule = (modulePath) => {
+        return modulesFiles[modulePath]
+      }
+    }
+
+    const keys = modulesFilesKeys.map(modulePath => modulePath.replace(/(.*\/)*([^.]+).*/ig,"$2"))
+    const components = modulesFilesKeys.reduce((retObj, modulePath) => {
+      const moduleName = modulePath.replace(/(.*\/)*([^.]+).*/ig,"$2")
+      const value = resolveModule(modulePath)
+      retObj[moduleName] = value.default || value
+      return retObj
+    }, {})
+
+    composeKeys = [
+      // ...dynamicKeys,
+      ...keys
+    ]
+    composeComponents = {
+      // ...dynamicComponents,
+      ...components
+    }
+  }
+  return {
+    composeKeys,
+    composeComponents
+  }
+}

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/index.jsx

@@ -68,6 +68,10 @@ export default {
     isH5: {
       type: Boolean,
       default: false
+    },
+    getNativeComps: {
+      type: Function,
+      default: () => ({composeComponents: {}})
     }
   },
   setup(props, { emit, attrs, expose }) {
@@ -90,6 +94,8 @@ export default {
     watch(toRef(props, 'config'), () => {
       initPageConfig(props.config, props.lang, props.polyfillConfigs, instance, props.isH5)
     })
+    
+    provide('_getNativeComps', props.getNativeComps)
     provide('pageConfig', pageConfigRef)
     const dynamicMapComp = reactive({})
     provide('_axiosInstance', axiosInstance)

package/src/renderer.jsx

@@ -40,6 +40,7 @@ export default {
         emit('update:modelValue', val)
       }
     })
+    const getNativeComps = inject('_getNativeComps')
     const _isH5 = inject('_isH5')
     const injectMode = inject('injectMode', '')
     const mode = props.mode || injectMode
@@ -55,7 +56,7 @@ export default {
           return null
         }
         const disabled = calcDisable(config, mode)
-        const component = getComponentForConfig(config, disabled, _isH5?.value)
+        const component = getComponentForConfig({config, disabled, getNativeComps, isH5: _isH5?.value})
         if (component) {
           const layoutPolyfill = generateLayoutPolyfill(config, disabled, _isH5?.value) // // 生成布局框（col）的辅助函数
           return layoutPolyfill(

package/src/resolver-H5.vue

@@ -0,0 +1,13 @@
+<script setup>
+import getNativeComps from './components/patchComponents-H5.js'
+import { useAttrs } from 'vue';
+import Resolver from './index.jsx'
+
+defineOptions({
+  inheritAttrs: false
+})
+const attrs = useAttrs()
+</script>
+<template>
+  <Resolver v-bind="attrs" :getNativeComps="getNativeComps"></Resolver>
+</template>

package/src/resolver-web.vue

@@ -0,0 +1,13 @@
+<script setup>
+import getNativeComps from './components/patchComponents-web'
+import { useAttrs } from 'vue';
+import Resolver from './index.jsx'
+
+defineOptions({
+  inheritAttrs: false
+})
+const attrs = useAttrs()
+</script>
+<template>
+  <Resolver v-bind="attrs" :getNativeComps="getNativeComps"></Resolver>
+</template>

package/src/utils/render.jsx

@@ -1,9 +1,9 @@
 import { getCodeMapRules } from '../rules/rulesDriver.js'
 import { resolveAssetComponents, findComponent, compareComponet, normalPixel, isPlainObject, hasOwn, isFnStr, normalCapitalizeComponent, capitalize, camelize, formatDate} from './common.js'
 import { resolveComponent, inject } from 'vue'
-import getNativeComps from '../components/patchComponents'
-import CustomComponentColH5 from '../components/packages/CustomComponentColH5.vue'
-import { commonPropsType,
+import CustomComponentColH5 from '../components/packages-H5/CustomComponentColH5.vue'
+import {
+  commonPropsType,
   FORM_META_TYPE,
   NOT_NEED_FORM_ITEM_META_TYPE,
   SPECIAL_SET_FULL_WIDTH_ITEM_META_TYPE,
@@ -23,7 +23,7 @@ import { commonPropsType,
 } from './const.js'
 import { preserveCheck } from './preserveFunc.js'
 import { isArray, isFunction, isString } from './is.js'
-import CustomComponentPlain from '../components/packages/CustomComponentPlain.vue'
+import CustomComponentPlain from '../components/packages-web/CustomComponentPlain.vue'
 import QuestionFilled from '../components/icons/question-filled.vue'
 
 // 解析配置中的defStyle属性
@@ -239,7 +239,7 @@ export function isPlainColumn(config, disabled) {
   return false
 }
 
-export function getComponentForConfig(config, disabled) {
+export function getComponentForConfig({config, disabled, getNativeComps}) {
   // 表格中中的列，是否需要转换为普通形式
   if (isPlainColumn(config, disabled)) {
     return CustomComponentPlain

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,
+  })
+}