resolver-egretimp-plus 0.1.113 → 0.1.115

package/src-bak/components/cmiFormItem/src/index.vue

@@ -0,0 +1,112 @@
+<script setup>
+import { computed, useAttrs } from 'vue';
+
+const props = defineProps({
+  messageInstance: {
+    type: [Object, Function],
+    default: () => null
+  },
+  config: {
+    type: Object,
+    default: () => ({})
+  },
+  lang: {
+    type: String,
+    default: 'zh'
+  },
+  labelWidth: [String, Number]
+})
+const attrs = useAttrs()
+const label = computed(() => {
+  if (props.config.labelHidden == '1' || props.config.labelWidth == 0 || props.config.labelWidth == '0') {
+    return ''
+  }
+  return (props.lang.indexOf('zh') > -1 ? props.config.metaNameZh : props.config.metaNameEn) || ''
+})
+const labelWidth = computed(() => {
+  if (!!props.config.labelPosition) {
+    return props.config.labelPosition
+  }
+  return 'left'
+})
+function handleClickTip() {
+  messageInstance?.text(props.lang.indexOf('zh') > -1 ? props.config.hintContentZh : props.config.hintContentEn)
+}
+
+</script>
+<template>
+  <cmi-form-item v-bind="attrs" class="custom-form-item-h5"
+    :class="[{'--required': props.config.requiredFlag == '1', '--label-hide': !labelWidth, 
+              '--label-text-left': labelPosition === 'left', '--label-text-right': labelPosition === 'right'
+            }, customClass]"
+    :labelWidth="props.labelWidth"
+  >
+    <div slot="label" class="custom-label--formItem">
+      <div class="custom-label-content">
+        <span class="label-required" v-if="props.config.requiredFlag == '1'">*</span>
+        <span class="label-text">{{ label }}</span>
+        <span class="label-tip" v-if="props.config.hintFlag == '1'" @click="handleClickTip"><cmi-icon-question-circle size="14"/></span>
+      </div>
+    </div>
+    <slot></slot>
+  </cmi-form-item>
+</template>
+<style lang="scss" scoped>
+cmi-form-item {
+  position: relative;
+
+  .custom-label--formItem {
+    display: inline-flex;
+    align-items: center;
+    width: 100%;
+    // height: 16px;
+    
+    .custom-label-content {
+      width: 100%;
+      display: -webkit-box;
+      line-height: 16px;
+      overflow: hidden; 
+      text-overflow: ellipsis;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      text-align: left;
+      .label-required {
+        color: #f5222d;
+        position: relative;
+        right: 3px;
+        top: 3px;
+      }
+      .label-text {
+        padding-right: 3px;
+      }
+      .label-tip {
+        position: absolute;
+        right: 16px;
+        top: 2px;
+      }
+    }
+  }
+
+  &.--label-text-left {
+    .custom-label--formItem {
+      .custom-label-content {
+        text-align: left;
+      }
+    }
+  }
+  
+  &.--label-text-right {
+    .custom-label--formItem {
+      .custom-label-content {
+        text-align: right;
+      }
+    }
+  }
+  
+  &.--required {
+    .custom-label-content {
+      padding-left: 3px;
+    }
+  }
+}
+</style>

package/src-bak/components/confirmInstance-H5/index.js

@@ -0,0 +1,53 @@
+import confirmInstance from './src/index.vue'
+import { createVNode, render } from 'vue'
+
+let instance = null
+
+export function confirmDialog(content, title, opts = {}, appContext) {
+  const options = {
+    ...opts,
+    content,
+    title
+  }
+  let resolver = null
+  let inject = null
+  const cancelFn = () => {
+    inject && inject()
+  }
+  const confirmFn = () => {
+    resolver && resolver()
+  }
+  const retPromise = new Promise((reso, inj) => {
+    resolver = reso
+    inject = inj
+  })
+  if (instance) {
+    Object.keys(options).forEach(key => {
+      instance.props[key] = options[key]
+    })
+    instance.props.cancel = cancelFn
+    instance.props.confirm = confirmFn
+    instance.vm.exposed.dialogVisible.value = true
+    return retPromise
+  }
+  const container = document.createElement('div')
+  const vnode = createVNode(confirmInstance, {
+    ...options,
+    cancel: cancelFn,
+    confirm: confirmFn
+  })
+  appContext && (vnode.appContext = appContext)
+  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 retPromise
+}

package/src-bak/components/confirmInstance-H5/src/index.vue

@@ -0,0 +1,54 @@
+<script setup>
+import { computed, ref } from 'vue';
+
+const props = defineProps({
+  title: String,
+  content: String,
+  confirm: {
+    type: Function,
+    default: () => {}
+  },
+  cancel: {
+    type: Function,
+    default: () => {}
+  },
+  showCancelButton: {
+    type: Boolean,
+    default: true
+  },
+  type: String
+})
+const dialogType = computed(() => {
+  return props.showCancelButton === false ? 'confirm' : 'modal'
+})
+const dialogVisible = ref(true)
+
+const confirm = () => {
+  props.confirm()
+  dialogVisible.value = false
+}
+
+const cancel = () => {
+  props.cancel()
+  dialogVisible.value = false
+}
+
+
+defineExpose({
+  dialogVisible
+})
+</script>
+<template>
+  <cmi-dialog
+    :type="dialogType"
+    :zIndex="10000"
+    :open="dialogVisible"
+    :title="props.title"
+    :content="props.content"
+    @confirm="confirm"
+    @cancel="cancel"
+  />
+</template>
+
+<style lang="scss">
+</style>

package/src-bak/components/helper/FormPolyfill.jsx

@@ -0,0 +1,25 @@
+import { formContextKey } from "element-plus"
+import { inject } from "vue"
+
+export default {
+  name: 'FormPolyfill',
+  props: {
+    form: Object
+  },
+  setup(props, { slots }) {
+    const formContext = inject(formContextKey, undefined)
+    formContext.removeField = (field) => {
+      const fields = props.form?.fields
+      if (field.prop && fields) {
+        const idx = fields.indexOf(field)
+        if (idx !== -1) {
+          fields.splice(idx, 1)
+        }
+      }
+    }
+
+    return () => {
+      return slots?.default?.() || null
+    }
+  }
+}

package/src-bak/components/helper/calcTooltip.jsx

@@ -0,0 +1,134 @@
+import { defineComponent, ref, watch, nextTick, onMounted, onUnmounted, computed } from 'vue';
+import { getDomWidth } from '../../utils/dom';
+
+export function useToolTip({
+  showTooltip,
+  offset,
+  displayValue,
+  calcFn,
+  config
+}) {
+  const isFocus = ref(false) // 是否是焦点状态
+  const isEnter = ref(false) // 鼠标是否在内部
+  const triggerRef = ref(null)
+  const isOverflow = ref(false)
+  const inputWrapRef = ref(null)
+  const calcSpanRef = ref(null)
+
+  function calcDomWidth(node) {
+    if (calcFn) {
+      return calcFn(node)
+    }
+    return getDomWidth(node, 0)
+  }
+
+  const tooltipCalc = (() => {
+    let unWatch = null
+    let onResize = null
+    return {
+      clear: () => {
+        unWatch && unWatch()
+        onResize && window.removeEventListener('resize', onResize)
+      },
+      calc() {
+        this.clear()
+        let inputWrapWidth = calcDomWidth(inputWrapRef.value, 0)
+        let textLengthWidth = getDomWidth(calcSpanRef.value, 0 - offset.value)
+        isOverflow.value = inputWrapWidth < textLengthWidth
+
+        unWatch = watch(() => displayValue.value, (val) => {
+          nextTick(() => {
+            textLengthWidth = getDomWidth(calcSpanRef.value, 0 - offset.value)
+            isOverflow.value = inputWrapWidth < textLengthWidth
+          })
+        })
+        onResize = () => {
+          inputWrapWidth = calcDomWidth(inputWrapRef.value, 0)
+          isOverflow.value = inputWrapWidth < textLengthWidth
+          // console.log('===:', inputWrapWidth, textLengthWidth)
+        }
+        window.addEventListener('resize', onResize)
+      }
+    }
+  })()
+  const inputWrapMouseEvents = computed(() => {
+    const ret = {}
+    if (showTooltip.value) {
+      ret.onMouseenter = (e) => {
+        isEnter.value = true
+        triggerRef.value = e?.target
+      }
+      ret.onMouseleave = () => {
+        isEnter.value = false
+        if (!isFocus.value) {
+          triggerRef.value = null
+        }
+      }
+    }
+    return ret
+  })
+  const calcComEvents = computed(() => {
+    const ret = {}
+    ret['onFocus'] = (...arg) => {
+      isFocus.value = true
+      if (showTooltip.value) {
+        triggerRef.value = arg?.[0]?.target
+      }
+    }
+    ret['onBlur'] = (...arg) => {
+      isFocus.value = false
+      if (showTooltip.value) {
+        if (!isEnter.value) {
+          triggerRef.value = null
+        }
+      }
+    }
+    return ret
+  })
+  onMounted(() => {
+    watch(showTooltip, (val) => {
+      if (val) {
+        tooltipCalc?.calc()
+      }
+    }, {
+      immediate: true
+    })
+  })
+  onUnmounted(() => {
+    tooltipCalc?.clear()
+  })
+  function generateTooltipWrap(node, opt) {
+    const {
+      wrapAttrs = {},
+      maintain = false,
+    } = opt || {}
+    const nodeComp = defineComponent(node)
+    if (maintain && !showTooltip.value) {
+      return <nodeComp></nodeComp>
+    }
+    return (
+      <div class="resolver-calc-contrainer" {...wrapAttrs}>
+        <span ref={(e) => calcSpanRef.value = e} class="resolver-calc-span">{ displayValue.value }</span>
+        {
+          isOverflow.value ? 
+            <el-tooltip
+              placement="top"
+              visible={isOverflow.value && !!triggerRef.value}
+              content={displayValue.value}
+              virtualTriggering
+              virtualRef={triggerRef.value}
+            ></el-tooltip>
+            : null
+        }
+        <div class="resolver-calc-wrap" {...inputWrapMouseEvents.value} ref={(e) => inputWrapRef.value = e}>
+          <nodeComp {...calcComEvents.value}></nodeComp>
+        </div>
+      </div>
+    )
+  }
+  return {
+    isFocus,
+    isEnter,
+    generateTooltipWrap
+  }
+}

package/src-bak/components/helper/dock.js

@@ -0,0 +1,141 @@
+// import { http } from '../../../http'
+
+// 获取当前日期String
+const getDateTime = () => {
+  let now = new Date()
+  let year = now.getFullYear()
+  let month = now.getMonth() + 1
+  let day = now.getDate()
+  let clock = year
+  if (month < 10) {
+    clock += "0"
+  }
+  clock += month.toString()
+  if (day < 10) {
+    clock += "0"
+  }
+  clock += day
+  return clock
+}
+
+export const isLocal = location.host.indexOf('uat') > -1 || location.host.indexOf('localhost') > -1 || location.host.indexOf('uip-uat.cmitry.com:18080') > -1
+
+// 动态加载单条资源js、css
+export const dynamicLoadScript = (src = { type: 'js', url: '', id: '' }) => {
+  return new Promise((resolve, reject) => {
+    if (!src.url) {
+      reject(new Error('Failed to load ' + 'url is empty'))
+      return
+    }
+    if (src.type === 'js') {
+      const script = document.createElement('script')
+      script.src = src.url
+      script.id = src.id
+      script.onload = function () {
+        resolve(src.url)
+      }
+      script.onerror = function () {
+        reject(new Error('Failed to load ' + src.url), script)
+      }
+      document.body.appendChild(script)
+    } else if (src.type === 'css') {
+      const link = document.createElement('link')
+      link.rel = 'stylesheet'
+      link.href = src.url
+      link.id = src.id
+      link.onload = function () {
+        resolve(src.url)
+      }
+      link.onerror = function () {
+        reject(new Error('Failed to load ' + src.url), link)
+      }
+      document.head.appendChild(link)
+    }
+  })
+}
+
+// 动态加载多条资源
+export const loadAllResource = (urls) => {
+  return Promise.all(urls.map((url) => dynamicLoadScript(url)))
+}
+
+export const getFeiShuTokensApi = async (params) => {
+  return fetch('/sa-base/api/v1/feishucommon/getFeiShuTokens', {
+    method: 'POST',
+    body: JSON.stringify(params),
+    headers: {
+      'content-type': 'application/json'
+    },
+  }).then(res => {
+    return new Promise((resolve) => {
+      res.json().then((data) => {
+        res.data = data
+        resolve(res)
+      })
+    })
+  })
+}
+
+// https://cmitry.feishu.cn/docs/doccnCtL96HOryMUErjXBMBrn4c#
+// 选人选部门Select组件（原生js版本）
+let tokenAxiosInstance = null
+
+export const useSelEmployeeJs = () => {
+  const getToken = async () => {
+    let currentAxiosInstance = tokenAxiosInstance
+    if (!currentAxiosInstance) {
+      currentAxiosInstance = getFeiShuTokensApi({ "busiType": "CONSULTING_HELP" })
+      tokenAxiosInstance = currentAxiosInstance
+    }
+    let ret = null
+    try {
+      ret = await currentAxiosInstance
+    } catch (error) {
+      tokenAxiosInstance = null
+      ret = null
+    }
+    if (ret) {
+      return ret?.data?.result
+    }
+  }
+
+  const loadStyle = async () => {
+    if (!document.getElementById('selUserJqCss')) {
+      let url = `https://ncoa${isLocal ? '-uat' : ''}.cmitry.com/components/css/selUserJq.css?ver=${getDateTime()}`
+      return dynamicLoadScript({ type: 'css', url: url, id: 'selUserJqCss' })
+    }
+  }
+  const loadScript = async () => {
+    let url1 = ''
+    let url2 = ''
+    let urls = []
+    if (!window.xmSelect) {
+      url1 = `https://ncoa${isLocal ? '-uat' : ''}.cmitry.com/components/plugin/xm-select.js?ver=${getDateTime()}`
+      urls.push({ type: 'js', url: url1, id: 'xmSelectJs' })
+    }
+    if (!window.init_selUser) {
+      // url2 = `/selUserJq.min.js?ver=${getDateTime()}`
+      url2 = `https://ncoa${isLocal ? '-uat' : ''}.cmitry.com/components/lib/selUserJq.min.js?ver=${getDateTime()}`
+      urls.push({ type: 'js', url: url2, id: 'selUserJqJs' })
+    }
+    return loadAllResource(urls)
+  }
+  const loadScriptDepartment = async () => {
+    const urls = []
+    if (!window._DIC_COMMON_JS_) {
+      const url = `https://ncoa${isLocal ? '-uat' : ''}.cmitry.com/components/lib/call.min.js?ver=${getDateTime()}`
+      urls.push({ type: 'js', url, id: 'callJs' })
+    }
+    return loadAllResource(urls)
+  }
+  const initSelUser = (params) => {
+    return window.init_selUser(params)
+  }
+  return {
+    loadScriptDepartment,
+    getToken,
+    loadStyle,
+    loadScript,
+    initSelUser
+  }
+}