resolver-egretimp-plus 0.0.4

package/src/components/tabs/src/tab-pane.vue

@@ -0,0 +1,80 @@
+<template>
+  <div
+    v-if="shouldBeRender"
+    v-show="active"
+    :id="`pane-${paneName}`"
+    :class="ns.b()"
+    role="tabpanel"
+    :aria-hidden="!active"
+    :aria-labelledby="`tab-${paneName}`"
+  >
+    <slot />
+  </div>
+</template>
+
+<script setup>
+import {
+  computed,
+  getCurrentInstance,
+  inject,
+  onMounted,
+  onUnmounted,
+  reactive,
+  ref,
+  useSlots,
+  watch,
+} from 'vue'
+import { eagerComputed } from '@vueuse/core'
+import { throwError } from 'element-plus/es/utils/index.mjs'
+import { useNamespace } from 'element-plus/es/hooks/index.mjs'
+import { tabsRootContextKey } from './constants.js'
+import { tabPaneProps } from './tab-pane'
+
+const COMPONENT_NAME = 'ElTabPane'
+defineOptions({
+  name: COMPONENT_NAME,
+})
+const props = defineProps(tabPaneProps)
+
+const instance = getCurrentInstance()
+const slots = useSlots()
+
+const tabsRoot = inject(tabsRootContextKey)
+if (!tabsRoot)
+  throwError(COMPONENT_NAME, 'usage: <el-tabs><el-tab-pane /></el-tabs/>')
+
+const ns = useNamespace('tab-pane')
+
+const index = ref()
+const isClosable = computed(() => props.closable || tabsRoot.props.closable)
+const active = eagerComputed(
+  () => tabsRoot.currentName.value === (props.name ?? index.value)
+)
+const loaded = ref(active.value)
+const paneName = computed(() => props.name ?? index.value)
+const shouldBeRender = eagerComputed(
+  () => !props.lazy || loaded.value || active.value
+)
+
+watch(active, (val) => {
+  if (val) loaded.value = true
+})
+
+const pane = reactive({
+  uid: instance.uid,
+  slots,
+  props,
+  paneName,
+  active,
+  index,
+  isClosable,
+})
+
+onMounted(() => {
+  tabsRoot.registerPane(pane)
+})
+
+onUnmounted(() => {
+  tabsRoot.unregisterPane(pane.uid)
+})
+</script>

package/src/components/tabs/src/tabs.jsx

@@ -0,0 +1,217 @@
+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,
+  },
+  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}
+            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={[
+            ns.b(),
+            ns.m(props.tabPosition),
+            {
+              [ns.m('card')]: props.type === 'card',
+              [ns.m('border-card')]: props.type === 'border-card',
+            },
+          ]}
+        >
+          {...props.tabPosition !== 'bottom'
+            ? [header, panels]
+            : [panels, header]}
+        </div>
+      )
+    }
+  },
+})
+
+// export type TabsInstance = InstanceType<typeof Tabs> & {
+//   currentName: TabPaneName
+// }
+
+export default Tabs

package/src/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/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/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/components/thirdPartyFrame/src/ThirdPartyFrame.vue

@@ -0,0 +1,123 @@
+<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>
+    <iframe ref="iframeRef" class="iframe-box" :src="dialogVisible ? props.src : ''" :style="{marginTop: !!props.title ? 0 : '16px'}"></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/hooks/index.js

@@ -0,0 +1,129 @@
+import { computed, inject, nextTick, reactive } from "vue"
+import rulesDriver from '../rules/rulesDriver'
+import defaultVal from '../utils/defaultVal.js'
+import { isNonRefType } from "../utils"
+// import { deepMerge } from '../utils'
+
+export function useVModel(config, props, emit, modelKey = 'update:modelValue') {
+  // const hireRelatMapRules = inject('hireRelatMapRules')
+  // const dataLoad = inject('dataLoad')
+  // const dynamicMapComp = inject('dynamicMapComp')
+  // const lang = inject('lang')
+  const { hireRelatMapRules, 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]
+  }
+  return computed({
+    get() {
+      const val = (metaCodeKey ? props.modelValue?.[metaCodeKey] : props.modelValue) ?? null
+      if (modelKey === 'update:modelValue' && !val) {
+        setTimeout(() => {
+          defaultVal(config)
+        }, 0)
+      }
+      config && (config.bindValue = val)
+      if (config) {
+        // 事件初始化执行，在dataLoaded请求完成之后，执行一次事件
+        if (dataLoad.value && !config.eventInit && !config.notInit) {
+          setTimeout(() => {
+            rulesDriver.call({
+              config,
+              dynamicMapComp,
+              lang,
+              _mapComp
+            }, currentRules, true)
+            config.eventInit = true
+          }, 0)
+        }
+      }
+      return val
+    },
+    set(val) {
+      const modelValue = props.modelValue
+      const metaCode = metaCodeKey
+      if (!metaCode) return
+      if (!modelValue) {
+        emit('update:modelValue', {
+          [metaCode]: val
+        })
+      } else {
+        // if (modelValue?.[metaCode]) {
+        //   if (typeof modelValue?.[metaCode] === 'object' || typeof val === 'object') {
+        //     val = deepMerge(val, modelValue?.[metaCode], 'union')
+        //   }
+        // }
+        if (isNonRefType(modelValue[metaCode]) && isNonRefType(val) && modelValue[metaCode] === val) {
+          // 这边的值没有变,就不用出触发下面的其他动作了
+          return
+        }
+        modelValue[metaCode] = val
+      }
+      if (config) {
+        setTimeout(() => {
+          rulesDriver.call({
+            config,
+            dynamicMapComp,
+            lang,
+            _mapComp
+          }, currentRules)
+        }, 0)
+      }
+    }
+  })
+}
+
+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 thisObj = {
+    hireRelatMapRules,
+    dataLoad,
+    dynamicMapComp,
+    lang,
+    _mapComp
+  }
+
+  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
+  }
+  
+}

package/src/hooks/pageConfig.js

@@ -0,0 +1,20 @@
+import { parsePageConfig } from "../utils"
+import { ref } from 'vue'
+
+export function usePageConfig() {
+  const pageConfigRef = ref(null)
+  const hireRelatMapRulesRef = ref(null)
+  const mapCompRef = ref(null)
+  function initPageConfig(config, lang, polyfillConfigs, instance, isH5) {
+    const { pageConfig, mapComp, hireRelatMapRules } = parsePageConfig(config, lang, polyfillConfigs, instance, isH5)
+    pageConfigRef.value = pageConfig
+    hireRelatMapRulesRef.value = hireRelatMapRules
+    mapCompRef.value = mapComp
+  }
+  return {
+    mapCompRef,
+    initPageConfig,
+    pageConfigRef,
+    hireRelatMapRulesRef,
+  }
+}