resolver-egretimp-plus 0.0.4

package/src/analysisComponent.jsx

@@ -0,0 +1,166 @@
+import { computed, defineAsyncComponent, getCurrentInstance, inject, onBeforeMount, provide, ref } from 'vue'
+import { getComponentPropsKeys, hasOwn } from './utils/index.js'
+import { useVmodels } from './hooks/index.js'
+import { getRenderComponentProps, generateFormItemPolyfill } from './utils/index.js'
+import rulesDriver from './rules/rulesDriver'
+import { penddingRules } from './rules/ruleUtils.js'
+
+export default {
+  name: 'AnalysisComponent',
+  inheritAttrs: false,
+  props: {
+    config: {
+      type: Object,
+      default: () => ({})
+    },
+    // 这个组件通过v-model进行数据的绑定
+    modelValue: {
+      // type: [String, Number, Object],
+      default: null
+    },
+    component: {
+      type: [Function, Object, String],
+      default: null
+    },
+    // 如果是表格中列的组件，会传入行数据，{row, $index}
+    rowScope: {
+      type: [Object],
+      default: () => null
+    },
+    // 当前模式；操作：operate（默认）、详情：detail、日志：log
+    mode: {
+      type: String,
+      default: 'operate', // 操作：operate（默认）、详情：detail、日志：log
+    },
+    additionConfigs: {
+      type: Array,
+      default: () => []
+    },
+  },
+  emits: ['update:modelValue'],
+  setup(props, { emit, attrs }) {
+    const selects = inject('selects')
+    // 当前组件的实例
+    const instance = getCurrentInstance()
+    props.config.wrapVm = instance
+    const refFn = e => {
+      // 具体渲染的组件
+      props.config.vm = e
+    }
+    const onVnodeMounted = (e) => {
+      props.config.vmIsBind = true
+      if (props.config.onVnodeMounted && typeof props.config.onVnodeMounted === 'function') {
+        props.config.onVnodeMounted(props, e, selects)
+      }
+      if (props.config.onMounted) {
+        let onMounted = props.config.onMounted
+        if (typeof onMounted === 'string') {
+          onMounted = eval(`(function({props, e, selects}) {
+            ${props.config.onMounted}
+          })`)
+        }
+        typeof onMounted === 'function' && onMounted({props, e, selects})
+      }
+
+      // 执行没有执行完的规则
+      const hireRelat = props.config?.hireRelat
+      if (penddingRules[hireRelat]?.length) {
+        penddingRules[hireRelat].forEach(context => {
+          const rules = context.rules
+          delete context.rules
+          setTimeout(() => {
+            rulesDriver.call(context, rules)
+          }, 0)
+        })
+        penddingRules[hireRelat] = null
+      }
+    }
+    const onVnodeUnmounted = () => {
+      props.config.vmIsBind = false
+      if (props.config.onVnodeUnmounted && typeof props.config.onVnodeUnmounted === 'function') {
+        props.config.onVnodeUnmounted(props)
+      }
+    }
+
+    const { vModelObjs, initVmodels, modelValue } = useVmodels(props, emit) // 过个v-model绑定对象，实现可以组件过赋值
+    props.config.refValue = modelValue
+    // onBeforeMount(() => {
+    //   defaultVal(props.config, modelValue) // 设置默认值
+    // })
+
+
+    // 获取组件中定义的props，赋值对应的属性====start====
+    const componentProps = ref({})
+    if (typeof props.component === 'function') {
+      props.component()?.then(res => {
+        const obj = {}
+        if (res?.default?.emits) {
+          initVmodels(res?.default?.emits)
+        }
+        const propsKeys = getComponentPropsKeys(res?.default)
+        propsKeys.forEach(key => {
+          if (hasOwn(props.config, key)) {
+            obj[key] = props.config[key]
+          }
+        })
+        componentProps.value = obj
+      })
+    } else {
+      if (props.component?.emits) {
+        initVmodels(props.component?.emits)
+      }
+    }
+    // 获取组件中定义的props，赋值对应的属性===en===
+    const currentComponent = computed(() => {
+      if (typeof props.component === 'function') {
+        return defineAsyncComponent(props.component)
+      } else {
+        return props.component
+      }
+    })
+    /**
+     * 动态赋值parent跟dynamicHireRelat
+     * 同时设置dynamicMapComp（动态dynamicHireRelat对应的config集合）
+     */
+    const parent = inject('parent', null)
+    const dynamicMapComp = inject('dynamicMapComp')
+
+    const configLinks = [parent, ...props.additionConfigs, props.config]
+    configLinks.reduce((parent, config) => {
+      config.parent = parent
+      config.dynamicMapComp = dynamicMapComp
+      config.dynamicHireRelat = parent?.dynamicHireRelat ?  `${parent?.dynamicHireRelat}${hasOwn(props.config, 'rowIndex') ? `[${props.config.rowIndex}]` : ''}->${(props.config.metaCode || '')}` : props.config.metaCode
+      config.dynamicHireRelat && (dynamicMapComp[props.config.dynamicHireRelat] = props.config)
+    })
+
+    // props.config.parent = parent
+    // props.config.dynamicMapComp = dynamicMapComp
+    // props.config.dynamicHireRelat = parent?.dynamicHireRelat ?  `${parent?.dynamicHireRelat}${hasOwn(props.config, 'rowIndex') ? `[${props.config.rowIndex}]` : ''}->${(props.config.metaCode || '')}` : props.config.metaCode
+    // props.config.dynamicHireRelat && (dynamicMapComp[props.config.dynamicHireRelat] = props.config)
+    provide('parent', props.config)
+
+    const _isH5 = inject('_isH5')
+    const lang = inject('lang')
+    const rootValue = inject('rootValue')
+    return () => {
+      const compProps = getRenderComponentProps({config: props.config, props, component: props.component, modelValue, selects})
+      const formItemPolyfill = generateFormItemPolyfill(props.config, lang.value, compProps, _isH5?.value, {
+        lang,
+        rootValue,
+        dynamicMapComp,
+        props
+      }) // 生成formItem（）的辅助函数
+      return formItemPolyfill(
+        <currentComponent.value
+          ref={refFn}
+          onVnodeMounted={onVnodeMounted}
+          onVnodeUnmounted={onVnodeUnmounted}
+          {...attrs}
+          {...componentProps.value}
+          {...compProps}
+          {...vModelObjs}
+        ></currentComponent.value>
+      )
+    }
+  }
+}

package/src/components/helper/button.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/helper/dock.js

@@ -0,0 +1,120 @@
+// 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版本）
+const token = ''
+export const useSelEmployeeJs = () => {
+  const getToken = async () => {
+    if (token) {
+      return token
+    }
+    let { data: { result } } = await getFeiShuTokensApi({ "busiType": "CONSULTING_HELP" })
+    return 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 = `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 initSelUser = (params) => {
+    return window.init_selUser(params)
+  }
+  return {
+    getToken,
+    loadStyle,
+    loadScript,
+    initSelUser
+  }
+}

package/src/components/icons/question-filled.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+    <path
+      fill="currentColor"
+      d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592q0-64.416-42.24-101.376c-28.16-25.344-65.472-37.312-111.232-37.312m-12.672 406.208a54.27 54.27 0 0 0-38.72 14.784 49.4 49.4 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.85 54.85 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.97 51.97 0 0 0-15.488-38.016 55.94 55.94 0 0 0-39.424-14.784"
+    />
+  </svg>
+</template>
+<script setup>
+defineOptions({
+  name: 'QuestionFilled',
+})
+</script>

package/src/components/packages/CmiButton.vue

@@ -0,0 +1,84 @@
+<script setup>
+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';
+
+const appContext = getCurrentInstance()?.appContext
+
+const props = defineProps({
+  ...commonPropsType,
+  displayType: String,
+  widgetSize: String,
+  plain: String,
+  color: String,
+  loading: String,
+  loadtype: String,
+  loadingcolor: String,
+})
+const calcPorps = computed(() => {
+  return ['displayType', 'widgetSize', 'plain', 'color', 'loading', 'loadtype', 'loadingcolor'].reduce((ret, key) => {
+    if (['plain', 'loading', 'loadtype'].includes(key)) {
+      ret[key] = props[key] === '1' ? true : false
+    } else if (key === 'displayType') {
+      ret.type = props[key]
+    } else if (key === 'widgetSize') {
+      ret.size = props[key]
+    } else {
+      ret[key] = props[key]
+    }
+    return ret
+  }, {})
+})
+
+const attrs = useAttrs()
+
+const lang = inject('lang')
+
+const label = computed(() => {
+  return lang.value.indexOf('zh') > -1 ? (props.config?.labelZh || props.config?.metaNameZh) : (props.config?.labelEn || props.config?.metaNameEn)
+})
+const route = useRoute()
+const buttonActions = inject('buttonActions', {})
+
+const dynamicMapComp = inject('dynamicMapComp')
+const hireRelatMapRules = inject('hireRelatMapRules')
+const components = inject('components')
+const selects = inject('selects')
+const rootValue = inject('rootValue')
+const dataLoad = inject('dataLoad')
+const rootForm = inject('rootForm')
+const _axiosInstance = inject('_axiosInstance')
+const routeQuery= route?.query
+
+
+const buttonAction = () => {
+  attrs?.onClick?.(e) // 如果配置中有点击事件
+  const actionKey = props.config?.clickActionKey || props.config?.buttonActionKey || props.config?.hireRelat
+  const actionFn = buttonActions[actionKey]
+  actionFn && actionFn(props, {
+    dynamicMapComp,
+    hireRelatMapRules,
+    components,
+    selects,
+    rootValue,
+    dataLoad,
+    rootForm,
+    routeQuery
+  }, appContext)
+  
+  const PageServiceMapVOList = props.config.lcpPageServiceMapVOList
+  if (PageServiceMapVOList?.length) {
+    dispatchClickEvents({
+      serviceList: PageServiceMapVOList,
+      axiosInstance: _axiosInstance
+    })
+  }
+}
+</script>
+
+<template>
+  <cmi-button @click="buttonAction" v-bind="{ ...attrs, ...calcPorps,}">
+    {{label}}
+  </cmi-button>
+</template>

package/src/components/packages/CmiCalendar.vue

@@ -0,0 +1,138 @@
+<script setup>
+import { computed, defineProps, watch, inject, ref, useAttrs } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+import dayjs from "dayjs"
+
+const calendarRef = ref(null)
+const attrs = useAttrs()
+const lang = inject('lang')
+const modelValue = defineModel()
+const props = defineProps({
+  ...commonPropsType,
+})
+const open = computed({
+  get() {
+    return props?.config?.open === '1'
+  },
+  set(val) {
+    props.config.open = val ? '1' : '0'
+  }
+})
+const prefixIcon = computed(() => {
+  return props?.config?.prefixIcon
+})
+const suffixIcon = computed(() => {
+  return props?.config?.suffixIcon
+})
+const format = computed(() => {
+  return props?.config?.format || "YYYY-MM-DD"
+})
+
+const formatValue = computed({
+  get() {
+    return modelValue.value
+  },
+  set(val) {
+    let valueArr = Array.isArray(val) ? val : [val]
+    let formatVal = valueArr.reduce((pre, cur, i) => {
+      pre = pre + dayjs(cur).format(format.value) + (i === valueArr.length - 1 ? "" : ",")
+      return pre
+    }, "")
+    modelValue.value = formatVal
+  }
+})
+
+const separator = computed(() => {
+  if (props?.config?.displayType === "multiple") {
+    return "; "
+  } else if (props?.config?.displayType === "range") {
+    return " ~ "
+  }
+  return ""
+})
+
+const valueDesc = computed(() => {
+  let desc = ""
+  if (formatValue.value) {
+    let valueArr = formatValue.value.split(",")
+    desc = valueArr.reduce((pre, cur, i) => {
+      pre = pre + dayjs(cur).format(format.value) + (i === valueArr.length - 1 ? "" : separator.value)
+      return pre
+    }, "")
+  }
+  return desc
+})
+
+const calcProps = computed(() => {
+  const ret = {
+    type: props?.config?.displayType,
+    title: lang.value?.indexOf('zh') > -1 ? props.config?.metaNameZh : props.config?.metaNameEn,
+    readonly: props?.config?.readonly === '1',
+    tiled: props?.config?.tiled === '1',
+    mindate: props?.config?.mindate,
+    maxdate: props?.config?.maxdate,
+    hidemark: props?.config?.hidemark === '1',
+    hidetitle: props?.config?.hidetitle === '1',
+    hidesubtitle: props?.config?.hidesubtitle === '1',
+    hideconfirm: props?.config?.hideconfirm === '1',
+    eagerrender: props?.config?.eagerrender === '1',
+    confirmtext: props?.config?.confirmtext,
+    confirmdisabledtext: props?.config?.confirmdisabledtext,
+    weekfirstday: props?.config?.weekfirstday,
+    forbidmaskclick: props?.config?.forbidmaskclick === '1',
+
+    maxrange: props?.config?.maxrange,
+    rangeprompt: props?.config?.rangeprompt,
+    hiderangeprompt: props?.config?.hiderangeprompt === '1',
+    allowsameday: props?.config?.allowsameday === '1',
+  }
+  return ret
+})
+const onClose = () => {
+  props.config?.onClose?.()
+  open.value = false
+}
+const onConfirm = (e) => {
+  formatValue.value = e.detail.value
+  props.config?.onConfirm?.(formatValue.value)
+  open.value = false
+}
+
+let setValueUnWatch = null
+watch(() => {
+  return calcProps.tiled
+}, (val) => {
+  setValueUnWatch && setValueUnWatch()
+  if (val) {
+    setValueUnWatch = watch(formatValue, (val) => {
+      let valueArr = val.split(",")
+      if (calcProps.type == single) {
+        calendarRef.value?.setValue?.(dayjs(valueArr[0])?.toDate())
+      } else {
+        calendarRef.value?.setValue?.(valueArr?.map(curVal => dayjs(curVal)?.toDate()) || [])
+      }
+    })
+  }
+}, {
+  immediate: true
+})
+
+</script>
+
+<template>
+  <cmi-input v-if="!calcProps.tiled" :value="valueDesc" suffixIcon @focus="open = true">
+    <div slot="suffix-icon" v-if="suffixIcon">
+      <component :is="`cmi-icon-${suffixIcon}`" color="#4E5969"></component>
+    </div>
+    <span slot="prefix" v-if="prefixIcon">
+      <component :is="`cmi-icon-${prefixIcon}`" color="#4E5969"></component>
+    </span>
+  </cmi-input>
+  <cmi-calendar
+    ref="calendarRef"
+    v-bind="{...attrs, ...calcProps}"
+    :open="open"
+    @close="onClose"
+    @confirm="onConfirm"
+  />
+</template>

package/src/components/packages/CmiCell.vue

@@ -0,0 +1,34 @@
+<script setup>
+import { computed, defineProps, inject, useAttrs } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+
+const lang = inject('lang')
+const modelValue = defineModel()
+const props = defineProps({
+  ...commonPropsType,
+})
+const calcProps = computed(() => {
+  return {
+    title: lang?.value?.indexOf('zh') > -1 ? props.config?.metaNameZh : props.config?.metaNameEn,
+    desc: modelValue.value || props.config?.desc,
+    content: props.config?.content,
+    to: props.config?.min,
+    islink: props.config?.islink === '1',
+    icon: props.config?.icon,
+    selfadaption: props.config?.selfadaption === '1',
+    noborder: props.noborder === '1',
+  }
+})
+const attrs = useAttrs()
+const onChange = (e) => {
+  modelValue.value = e.detail.value
+}
+
+</script>
+
+<template>
+  <cmi-cell
+    :value="modelValue" v-bind="{ ...attrs, ...calcProps}" 
+    @change="onChange"
+  ></cmi-cell>
+</template>

package/src/components/packages/CmiCheckbox.vue

@@ -0,0 +1,63 @@
+<script setup>
+import { useAttrs, computed, inject } from 'vue'
+import { commonPropsType, hasOwn } from '../../utils/index.js'
+
+const props = defineProps({
+  ...commonPropsType,
+})
+
+const lang = inject('lang')
+
+const label = computed(() => {
+  return lang.value.indexOf('zh') > -1 ? (props.config?.labelZh || props.config?.metaNameZh) : (props.config?.labelEn || props.config?.metaNameEn)
+})
+
+const checkboxGroupProps = computed(() => {
+  return {
+    direction: props.config?.direction,
+  }
+})
+
+const checkboxProps = computed(() => {
+  return {
+    size: props?.config?.size,
+    disabled: props.disabled,
+    block: props?.config?.block === '1',
+    indeterminate: props?.config?.indeterminate === '1',
+  }
+})
+const attrs = useAttrs()
+const modeValue = defineModel()
+
+const aa = [
+  {
+    columnValue: 'aaa',
+    columnDesc_zh: 'aaa',
+  },
+  {
+    columnValue: 'bbb',
+    columnDesc_zh: 'bbb',
+  }
+]
+const onChange = ({ detail }) => {
+  modeValue.value = detail.value
+}
+const onSigleChange = ({ detail }) => {
+  modeValue.value = detail.value ? '1' : '0'
+}
+</script>
+
+<template>
+  <cmi-checkbox-group :value="modeValue" @change="onChange" v-if="props.options && props.options.length" v-bind="{...checkboxGroupProps, ...attrs}">
+    <cmi-checkbox 
+      v-for="option in props.options" :key="option.columnValue"
+      :disabled="option.columnStatus == '0' || option.columnStatus == '2'"
+      :name="option.columnValue" :label="lang.indexOf('zh') > -1 ? option.columnDesc_zh : option.columnDesc"
+    >
+      {{lang.indexOf('zh') > -1 ? option.columnDesc_zh : option.columnDesc}}
+    </cmi-checkbox>
+  </cmi-checkbox-group>
+  <cmi-checkbox v-else v-bind="{...checkboxProps, ...attrs}" :checked="modeValue === '1'" :value="modeValue" @change="onSigleChange">
+    {{ label }}
+  </cmi-checkbox>
+</template>