resolver-egretimp-plus 0.1.114 → 0.1.115

package/src-bak/components/tabs/src/tabs.jsx

@@ -0,0 +1,223 @@
+import {
+  defineComponent,
+  getCurrentInstance,
+  nextTick,
+  provide,
+  ref,
+  renderSlot,
+  watch,
+} from 'vue'
+import {
+  buildProps,
+  definePropType,
+  isNumber,
+  isString,
+  isUndefined,
+} from 'element-plus/es/utils/index.mjs'
+import { EVENT_CODE, UPDATE_MODEL_EVENT } from 'element-plus/es/constants/index.mjs'
+import ElIcon from 'element-plus/es/components/icon/index.mjs'
+import { Plus } from '@element-plus/icons-vue'
+import { useNamespace, useOrderedChildren } from 'element-plus/es/hooks/index.mjs'
+import { tabsRootContextKey } from './constants.js'
+import TabNav from './tab-nav'
+
+// import type { TabNavInstance } from './tab-nav'
+// import type { TabsPaneContext } from './constants'
+// import type { ExtractPropTypes } from 'vue'
+// import type { Awaitable } from '@element-plus/utils'
+
+// export type TabPaneName = string | number
+
+export const tabsProps = buildProps({
+  type: {
+    type: String,
+    values: ['card', 'border-card', ''],
+    default: '',
+  },
+  closable: Boolean,
+  addable: Boolean,
+  modelValue: {
+    type: [String, Number],
+  },
+  editable: Boolean,
+  tabPosition: {
+    type: String,
+    values: ['top', 'right', 'bottom', 'left'],
+    default: 'top',
+  },
+  beforeLeave: {
+    type: Function,
+    default: () => true,
+  },
+  showBar: {
+    type: Boolean,
+    default: true
+  },
+  stretch: Boolean,
+})
+// export type TabsProps = ExtractPropTypes<typeof tabsProps>
+
+const isPaneName = (value) =>
+  isString(value) || isNumber(value)
+
+export const tabsEmits = {
+  [UPDATE_MODEL_EVENT]: (name) => isPaneName(name),
+  tabClick: (pane, ev) => ev instanceof Event,
+  tabChange: (name) => isPaneName(name),
+  edit: (paneName, action) =>
+    ['remove', 'add'].includes(action),
+  tabRemove: (name) => isPaneName(name),
+  tabAdd: () => true,
+}
+// export type TabsEmits = typeof tabsEmits
+
+// export type TabsPanes = Record<number, TabsPaneContext>
+
+const Tabs = defineComponent({
+  name: 'ElTabs',
+
+  props: tabsProps,
+  emits: tabsEmits,
+
+  setup(props, { emit, slots, expose }) {
+    const ns = useNamespace('tabs')
+
+    const {
+      children: panes,
+      addChild: registerPane,
+      removeChild: unregisterPane,
+    } = useOrderedChildren(getCurrentInstance(), 'ElTabPane')
+
+    const nav$ = ref({})
+    const currentName = ref(props.modelValue ?? '0')
+
+    const setCurrentName = async (value, trigger = false) => {
+      // should do nothing.
+      if (currentName.value === value || isUndefined(value)) return
+
+      try {
+        const canLeave = await props.beforeLeave?.(value, currentName.value)
+        if (canLeave !== false) {
+          currentName.value = value
+          if (trigger) {
+            emit(UPDATE_MODEL_EVENT, value)
+            emit('tabChange', value)
+          }
+
+          nav$.value?.removeFocus?.()
+        }
+      } catch {}
+    }
+
+    const handleTabClick = (
+      tab,
+      tabName,
+      event
+    ) => {
+      if (tab.props.disabled) return
+      setCurrentName(tabName, true)
+      emit('tabClick', tab, event)
+    }
+
+    const handleTabRemove = (pane, ev) => {
+      if (pane.props.disabled || isUndefined(pane.props.name)) return
+      ev.stopPropagation()
+      emit('edit', pane.props.name, 'remove')
+      emit('tabRemove', pane.props.name)
+    }
+
+    const handleTabAdd = () => {
+      emit('edit', undefined, 'add')
+      emit('tabAdd')
+    }
+
+    watch(
+      () => props.modelValue,
+      (modelValue) => setCurrentName(modelValue)
+    )
+
+    watch(currentName, async () => {
+      await nextTick()
+      nav$.value?.scrollToActiveTab()
+    })
+
+    provide(tabsRootContextKey, {
+      props,
+      currentName,
+      registerPane,
+      unregisterPane,
+    })
+
+    expose({
+      currentName,
+    })
+
+    return () => {
+      const addSlot = slots['add-icon']
+      const newButton =
+        props.editable || props.addable ? (
+          <span
+            class={ns.e('new-tab')}
+            tabindex="0"
+            onClick={handleTabAdd}
+            onKeydown={(ev) => {
+              if (ev.code === EVENT_CODE.enter) handleTabAdd()
+            }}
+          >
+            {addSlot ? (
+              renderSlot(slots, 'add-icon')
+            ) : (
+              <ElIcon class={ns.is('icon-plus')}>
+                <Plus />
+              </ElIcon>
+            )}
+          </span>
+        ) : null
+
+      const header = (
+        <div class={[ns.e('header'), ns.is(props.tabPosition)]}>
+          {newButton}
+          <TabNav
+            ref={nav$}
+            currentName={currentName.value}
+            editable={props.editable}
+            showBar={props.showBar}
+            type={props.type}
+            panes={panes.value}
+            stretch={props.stretch}
+            onTabClick={handleTabClick}
+            onTabRemove={handleTabRemove}
+          />
+        </div>
+      )
+
+      const panels = (
+        <div class={ns.e('content')}>{renderSlot(slots, 'default')}</div>
+      )
+
+      return (
+        <div
+          class={[
+            'resolver-tabs',
+            ns.b(),
+            ns.m(props.tabPosition),
+            {
+              [ns.m('card')]: props.type === 'card',
+              [ns.m('border-card')]: props.type === 'border-card',
+            },
+          ]}
+        >
+          {...props.tabPosition !== 'bottom'
+            ? [panels, header]
+            : [header, panels]}
+        </div>
+      )
+    }
+  },
+})
+
+// export type TabsInstance = InstanceType<typeof Tabs> & {
+//   currentName: TabPaneName
+// }
+
+export default Tabs

package/src-bak/components/tabs/style/css.js

@@ -0,0 +1,2 @@
+import 'element-plus/components/base/style/css'
+import 'element-plus/theme-chalk/el-tabs.css'

package/src-bak/components/tabs/style/index.js

@@ -0,0 +1,2 @@
+import 'element-plus/components/base/style'
+import 'element-plus/theme-chalk/src/tabs.scss'

package/src-bak/components/thirdPartyFrame/index.js

@@ -0,0 +1,32 @@
+import ThirdPartyFrame from './src/ThirdPartyFrame.vue'
+import { createVNode, render } from 'vue'
+
+let instance = null
+
+export default function (options = {}) {
+  if (instance) {
+    Object.keys(options).forEach(key => {
+      instance.props[key] = options[key]
+
+      instance.vm.exposed.dialogVisible.value = true
+    })
+    return instance.close
+  }
+  const container = document.createElement('div')
+  const vnode = createVNode(ThirdPartyFrame, {
+    ...options,
+  })
+  render(vnode, container)
+  document.body.appendChild(container.firstElementChild)
+
+  instance = {
+    vnode,
+    vm: vnode.component,
+    props: vnode.component?.props,
+    close: () => {
+      vnode.component.exposed.dialogVisible.value = false
+    }
+  }
+  vnode.component.exposed.dialogVisible.value = true
+  return instance.close
+}

package/src-bak/components/thirdPartyFrame/src/ThirdPartyFrame.vue

@@ -0,0 +1,125 @@
+<template>
+  <ElDialog class="third-party-frame custom-component-dialog" width="90%" v-model="dialogVisible" :close-on-click-modal="false">
+    <div class="header" v-if="!!props.title">
+      <span>{{ props.title }}</span>
+    </div>
+    <!-- :style="{marginTop: !!props.title ? 0 : '16px'}" -->
+    <iframe ref="iframeRef" class="iframe-box" :src="dialogVisible ? props.src : ''"></iframe>
+    <div class="footer">
+      <div class="dialog-footer">
+        <ElButton @click="dialogVisible = false" v-if="showClose">
+          {{lang.indexOf('zh') > -1 ? '关闭' : 'Close'}}
+        </ElButton>
+      </div>
+    </div>
+  </ElDialog>
+</template>
+<script setup>
+import { ElDialog, ElButton } from "element-plus"
+import { ref, defineProps, defineExpose, onMounted, computed, watch, onUnmounted } from "vue";
+
+const iframeRef = ref(null)
+const props = defineProps({
+  src: {
+    type: String,
+    default: ''
+  },
+  awalyCloseCb:  {
+    type: Function,
+    default: null
+  },
+  closeCb: {
+    type: Function,
+    default: null
+  },
+  title: {
+    type: String,
+    default: ''
+  },
+  showClose: {
+    type: Boolean,
+    default: true
+  },
+  lang: String,
+})
+const lang = computed(() => {
+  return props.lang
+})
+let closeCb = null
+const dialogVisible = ref(false)
+defineExpose({
+  dialogVisible
+})
+watch(dialogVisible, (val, old) => {
+  if (!val && old) {
+    closeCb && closeCb()
+    props.awalyCloseCb?.()
+    iframeRef.value = null
+    closeCb = null
+    // changeSlide(true)//隐藏致远侧边框
+  } else{
+    // changeSlide(false)//显示致远侧边框
+  }
+})
+const messageCb = (event) => {
+  console.log('event===:', event)
+  let data = event.data;
+  switch (data.submitType) {
+    case 'CCM_CLOSE': // 这个是合同中心的message回调判断
+    case 'PROCUREMENT_CONTRACT_SUBMIT': // 这个是scm的message回调判断
+      console.log('props===:', props)
+      closeCb = props.closeCb
+      dialogVisible.value = false
+      break
+    default:
+      // closeDialog()
+  }
+}
+
+// const contentHeight = computed(() => {
+//   let reduceNum = 0
+//   if (!!props.title.value) {
+//     reduceNum += 46
+//   }
+//   reduceNum += 72
+//   return `calc(100% - ${reduceNum}px)`
+// })
+
+onMounted(() => {
+  watch(iframeRef, (val) => {
+    if (val) {
+      window &&  window.addEventListener('message', messageCb)
+    }
+  }, {
+    immediate: true
+  })
+})
+onUnmounted(() => {
+  window &&  window.removeEventListener('message', messageCb)
+})
+</script>
+<style lang="scss">
+.third-party-frame {
+  overflow: hidden;
+  &.el-dialog {
+    margin-top: 30px !important;
+    margin-bottom: 30px;
+    iframe {
+      border: 1px solid #dee0e3;
+      height: 80vh;
+      width: 100%;
+    }
+  }
+}
+</style>
+<style scoped lang="scss">
+.iframe-box {
+  box-sizing: border-box;
+  display: block;
+}
+.dialog-footer {
+  margin-top: 10px;
+  text-align: right;
+}
+
+</style>

package/src-bak/enums/index.js

@@ -0,0 +1,16 @@
+import { DATA_VALID_RULE_EXECUTE, FIND_FILEA_NND_CONENT_BY_ID, GET_SYS_PARAM_CACHE, LCP_LOGIN, QUERY_PAGE_CONFIG_DATA } from "../api/builtIn"
+
+export const USER_NAME = 'caowb3'
+export const PASSWORD = '123456'
+// 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,
+  GET_SYS_PARAM_CACHE,
+  QUERY_PAGE_CONFIG_DATA,
+  DATA_VALID_RULE_EXECUTE,
+  FIND_FILEA_NND_CONENT_BY_ID
+]

package/src-bak/hooks/configLoad.js

@@ -0,0 +1,45 @@
+import { definePrivatelyProp, findComponent, NOT_LOAD_CHILD_TYPE } from "../utils"
+import { inject, onMounted, provide } from "vue"
+
+const CONFIG_LOAD_KEY = Symbol()
+export const useConfigLoad = (config) => {
+  const injectLoadFn = inject(CONFIG_LOAD_KEY) // 加载父组件传递下来的 加载完成的 回调函数
+  const loadFn = (childConfig) => {
+    const multiPmPageMetaList = config.multiPmPageMetaList
+    const pmPageMetaList = config.pmPageMetaList
+    // if (config.metaCode == 'rackRental') {
+    //   debugger
+    // }
+    if (multiPmPageMetaList && multiPmPageMetaList.length) {
+      const allLoad = multiPmPageMetaList.every(configList => configList.every(config => config._componentLoad))
+      if (allLoad) {
+        config._componentLoad = true
+        injectLoadFn?.(config)
+      }
+    } else {
+      const allLoad = pmPageMetaList.every(config => config._componentLoad)
+      if (allLoad) {
+        config._componentLoad = true
+        injectLoadFn?.(config)
+      }
+    }
+  }
+  provide(CONFIG_LOAD_KEY, loadFn)
+
+  onMounted(() => {
+    const multiPmPageMetaList = config.multiPmPageMetaList
+    const pmPageMetaList = config.pmPageMetaList
+    
+    if (
+      (
+        (!multiPmPageMetaList || multiPmPageMetaList.length === 0) &&
+        (!pmPageMetaList || pmPageMetaList.length === 0)
+      ) ||
+      config.renderby ||
+      findComponent(NOT_LOAD_CHILD_TYPE, config.metaType) !== -1
+    ) {
+      config._componentLoad = true
+      injectLoadFn?.(config)
+    }
+  })
+}

package/src-bak/hooks/index.js

@@ -0,0 +1,189 @@
+import { computed, inject, nextTick, reactive } from "vue"
+import rulesDriver from '../rules/rulesDriver'
+import defaultVal from '../utils/defaultVal.js'
+import {definePrivatelyProp, isNonRefType, modelValueDeepMerge } from "../utils"
+
+export function useVModel(config, props, emit, modelKey = 'update:modelValue') {
+  const { hireRelatMapRules, messageInstance, rootValue, ruleExecuter, dataLoad, dynamicMapComp, lang, _mapComp } = this
+  const currentRules = hireRelatMapRules.value[config.hireRelat]
+  let metaCodeKey = config.metaCode
+  if (modelKey !== 'update:modelValue') {
+    const matchs = modelKey.match(/^update:(\w+)$/)
+    if (!matchs) {
+      return
+    }
+    metaCodeKey = matchs[1]
+    const dynamicMapKey = config.dynamicHireRelat.replace(/->\w+$/, `->${metaCodeKey}`)
+    config = dynamicMapComp[dynamicMapKey]
+  }
+  const retModelVale = computed({
+    get() {
+      if (!config) {
+        // 如果使用v-model:[]方式绑定非modelValue，可能会出现没有对应的config
+        return
+      }
+      const val = (metaCodeKey ? props.modelValue?.[metaCodeKey] : props.modelValue) ?? null
+      if (modelKey === 'update:modelValue' && (val === undefined || val === null)) {
+        defaultVal(config)
+        // setTimeout(() => {
+        //   defaultVal(config)
+        // }, 0)
+      }
+      config && (config.bindValue = val)
+      if (config) {
+        // 事件初始化执行，在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,
+              messageInstance
+            }, currentRules, true)
+            definePrivatelyProp(config, 'eventInit', true)
+          }, 0)
+        }
+      }
+      return val
+    },
+    set(val) {
+      if (!config) {
+        return
+      }
+      const modelValue = props.modelValue
+      const metaCode = metaCodeKey
+      // if (!metaCode) return
+      if (!modelValue) {
+        // frameSet 表示的是一帧之内重复设置对应metaCode的值
+        // 一帧之内重复设置metaCode的值需要进行merge，也就是下面modelValueDeepMerge走的逻辑
+        //（
+        //  原因是因为一帧之后重复设置，如果不走merge，会出现val值直接覆盖原本对应的metaCode的值，
+        //  这个在正常情况下没什么问题，但是如果刚开始根数据对应的层级对应出现断层为空，在进行emit(update:modelValue)进行赋值之后
+        //  并不能立即更新到对应的props.modelValue下面去，所以会出现 同时通过config.refValue设置同层级，并且是根数据断层的情况下；会出现覆盖
+        // ）
+        config.parent && (config.parent.frameSet = true)
+        nextTick(() => {
+          config.parent && (config.parent.frameSet = false)
+        })
+        let updateValue = {
+          [metaCode]: val
+        }
+        if (!metaCode) {
+          updateValue = val
+        }
+        emit('update:modelValue', updateValue)
+      } else {
+        let updateValue = modelValue?.[metaCode]
+        if (config?.frameSet) {
+          if (!metaCode) {
+            updateValue = modelValue
+          }
+          if (updateValue) {
+            if (typeof updateValue === 'object' || typeof val === 'object') {
+              val = modelValueDeepMerge(updateValue, val)
+            }
+          }
+        }
+        if (isNonRefType(updateValue) && isNonRefType(val) && updateValue === val) {
+          // 这边的值没有变,就不用出触发下面的其他动作了
+          return
+        }
+        try {
+          if (!metaCode) {
+            props.modelValue = val
+          } else {
+            props.modelValue[metaCode] = val
+          }
+        } catch (error) {
+          console.log('config', config, metaCode)
+        }
+      }
+      if (config) {
+        setTimeout(() => {
+          ruleExecuter?.run({
+            rootValue,
+            rules: currentRules,
+            config,
+            dynamicMapComp,
+            lang,
+            messageInstance,
+            _mapComp,
+          })
+          rulesDriver.call({
+            config,
+            dynamicMapComp,
+            lang,
+            _mapComp,
+            messageInstance
+          }, currentRules)
+        }, 0)
+      }
+    }
+  })
+  return retModelVale
+}
+
+export function useVmodels(props, emit) {
+  const hireRelatMapRules = inject('hireRelatMapRules')
+  const dataLoad = inject('dataLoad')
+  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,
+    rootValue,
+    _mapComp,
+    ruleExecuter,
+    messageInstance: messageInstance?.value
+  }
+
+  const vModelObjs = reactive({})
+  const modelValue = useVModel.call(thisObj, props.config, props, emit)
+
+  vModelObjs['onUpdate:modelValue'] = (val) => { modelValue.value = val }
+  vModelObjs['modelValue'] = modelValue
+
+  function initVmodels(emitKeys = []) {
+    if (!Array.isArray(emitKeys)) {
+      emitKeys = Object.keys(emitKeys)
+    }
+    emitKeys = emitKeys.filter(key => {
+      return key.match(/^update:(\w+)$/)
+    })
+    emitKeys.forEach(key => {
+      if (typeof key !== 'string') return
+      const modelValue = useVModel.call(thisObj, props.config, props, emit, key)
+      if (modelValue) {
+        const matchs = key.match(/^update:(\w+)$/)
+        vModelObjs[`onUpdate:${matchs[1]}`] = (val) => { modelValue.value = val }
+        vModelObjs[matchs[1]] = modelValue
+      }
+    })
+    vModelObjs['onUpdate:modelValue'] = (val) => { modelValue.value = val }
+    vModelObjs['modelValue'] = modelValue
+  }
+  return {
+    modelValue,
+    vModelObjs,
+    initVmodels
+  }
+  
+}