resolver-egretimp-plus 0.1.113 → 0.1.115

package/src-bak/components/packages-web/ElText.jsx

@@ -0,0 +1,187 @@
+import { ElText, ElIcon } from 'element-plus'
+import { computed, defineProps, inject, getCurrentInstance, useAttrs, useSlots } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+import { h, resolveComponent, withModifiers } from 'vue'
+import { useToolTip } from '../helper/calcTooltip.jsx'
+
+export default {
+  inheritAttrs: false,
+  props: {
+    ...commonPropsType,
+    ...ElText.props,
+    fontSize: [String, Number],
+    needWrap: {
+      type: [String, Number],
+      default: '0'
+    },
+    suffixIcon: {
+      type: [String, Object],
+      default: ''
+    },
+    isPointer: {
+      type: [String, Number]
+    },
+    // 是否在超出的时候展示tooltip
+    showTooltip: {
+      type: [String, Number],
+      default: '0'
+    },
+    truncated: {
+      type: [String, Number, Boolean],
+      default: '0'
+    }
+  },
+  emits: ['update:modelValue'],
+  setup(props, { emit, attrs, expose, slots }) {
+    // 这个是真实的值
+    const modelValue = computed({
+      get() {
+        return props.modelValue
+      },
+      set(val) {
+        emit('update:modelValue', val)
+      }
+    })
+    const lang = inject('lang')
+    const appContext = getCurrentInstance()?.appContext
+    const isPagePopup = computed(() => {
+      return props.config?.lcpPagePopupMapVO
+    })
+    const normalVal = computed(() => {
+      let val = (modelValue.value !== null && modelValue.value !== undefined) ? modelValue.value : ''
+      if (typeof val === 'object') {
+        try {
+          val = JSON.stringify(val)
+        } catch (error) {
+          val = ''
+        }
+      } else if (typeof val === 'function') {
+        val = ''
+      }
+      const findItem = props?.options?.find(item => item.columnValue == val)
+      if (findItem) {
+        return lang?.value?.indexOf('zh') > -1 ? findItem.columnDesc_zh : findItem.columnDesc
+      }
+      return val
+    })
+  
+    const elTextProps = computed(() => {
+      const result = Object.keys(ElText.props).reduce((ret, key) => {
+        ret[key] = props[key]
+        return ret
+      }, {})
+      if (typeof result.truncated !== 'boolean') {
+        result.truncated = result.truncated == '1'
+      }
+      return result
+    })
+    const buttonActions = inject('buttonActions', {})
+  
+    const labelDesc = computed(() => {
+      return normalVal.value
+    })
+    const showTooltip = computed(() => {
+      return props?.showTooltip == '1'
+    })
+
+    const { generateTooltipWrap } = useToolTip({
+      showTooltip,
+      offset: computed(() => {
+        let offset = 0
+        if (props.needWrap == '1') {
+          offset = 22
+          if (props.suffixIcon) {
+            offset = 36
+          }
+        }
+        return offset
+      }),
+      displayValue: labelDesc,
+      config: props.config,
+      calcFn(node) {
+        return node?.getBoundingClientRect?.()?.width
+      }
+    })
+  
+    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 clickAction = (e) => {
+      // 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
+      }, appContext)
+    }
+    function getSuffixIcon() {
+      if (props.suffixIcon && !props.disabled) {
+        const iconProps = {
+          color: '#a8abb2',
+          size: 14
+        }
+        let suffixIcon = props.suffixIcon
+        if (typeof suffixIcon === 'string') {
+          if (isPagePopup.value && suffixIcon == 'Search') {
+            iconProps.onClick = withModifiers(attrs.onClick, [
+              'stop'
+            ]),
+            iconProps.style = {
+              cursor: 'pointer',
+            }
+          }
+          suffixIcon = resolveComponent(suffixIcon)
+        }
+        return (
+          <ElIcon {...iconProps}>
+            <suffixIcon></suffixIcon>
+          </ElIcon>
+        )
+      }
+      return null
+    }
+    function getWrap(node) {
+      if (props.needWrap == '1') {
+        return (
+          <div class={{
+            'resolver-custom-cust-input-wrap': true,
+            'resolver-custom-is-disabled': props.disabled
+          }}>
+            { node }
+            { getSuffixIcon() }
+          </div>
+        )
+      } else {
+        return node
+      }
+    }
+    function getSlots() {
+      return {
+        default: () => labelDesc.value,
+        ...slots,
+      }
+    }
+    return () => {
+      return generateTooltipWrap(getWrap(
+        <ElText {...{...attrs, ...elTextProps.value}} onClickCapture={withModifiers((e) => {clickAction(e)}, [ 'stop', 'self' ])} class={{cursor: props.isPointer == '1'}}>
+          {
+            getSlots()
+          }
+        </ElText>
+      ), {
+        maintain: true,
+      })
+    }
+  }
+}

package/src-bak/components/packages-web/ElTextaa.vue

@@ -0,0 +1,169 @@
+<template>
+  <!-- <ElText v-bind="{...attrs, ...elTextProps}">{{ labelDesc }}</ElText> -->
+  <renderNode></renderNode>
+</template>
+<script setup>
+import { ElText, ElIcon } from 'element-plus'
+import { computed, defineProps, inject, getCurrentInstance, useAttrs, useSlots } from 'vue'
+import { commonPropsType } from '../../utils/index.js'
+import { h, resolveComponent, withModifiers } from 'vue'
+
+defineOptions({
+  inheritAttrs: false
+})
+const slots = useSlots()
+const lang = inject('lang')
+const modelValue = defineModel()
+const appContext = getCurrentInstance()?.appContext
+const props = defineProps({
+  ...commonPropsType,
+  ...ElText.props,
+  fontSize: [String, Number],
+  needWrap: {
+    type: [String, Number],
+    default: '0'
+  },
+  suffixIcon: {
+    type: [String, Object],
+    default: ''
+  },
+  isPointer: {
+    type: [String, Number]
+  }
+})
+const isPagePopup = computed(() => {
+  return props.config?.lcpPagePopupMapVO
+})
+const attrs = useAttrs()
+
+const normalVal = computed(() => {
+  let val = (modelValue.value !== null && modelValue.value !== undefined) ? modelValue.value : ''
+  if (typeof val === 'object') {
+    try {
+      val = JSON.stringify(val)
+    } catch (error) {
+      val = ''
+    }
+  } else if (typeof val === 'function') {
+    val = ''
+  }
+  const findItem = props?.options?.find(item => item.columnValue == val)
+  if (findItem) {
+    return lang?.value?.indexOf('zh') > -1 ? findItem.columnDesc_zh : findItem.columnDesc
+  }
+  return val
+})
+
+const elTextProps = computed(() => {
+  const result = Object.keys(ElText.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+  return result
+})
+const buttonActions = inject('buttonActions', {})
+
+const labelDesc = computed(() => {
+  return normalVal.value
+})
+
+const renderNode = computed(() => {
+  const textNode = h(ElText, {
+    ...attrs,
+    ...elTextProps.value,
+    onClick: withModifiers(() => {
+      clickAction()
+    }, [
+      'stop'
+    ]),
+    class:{
+      cursor: props.isPointer == '1'
+    }
+  }, {
+    default: () => labelDesc.value,
+    ...slots,
+  })
+  if (props.needWrap == '1') {
+    return h('div', {
+      class: {
+        'cust-input-wrap': true,
+        'is-disabled': props.disabled
+      },
+
+    }, [
+      textNode,
+      getSuffixIcon()
+    ])
+  } else {
+    return textNode
+  }
+})
+
+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 clickAction = (e) => {
+  // 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
+  }, appContext)
+}
+function getSuffixIcon() {
+  if (props.suffixIcon && !props.disabled) {
+    const iconProps = {
+      color: '#a8abb2',
+      size: 14
+    }
+    let suffixIcon = props.suffixIcon
+    if (typeof suffixIcon === 'string') {
+      if (isPagePopup.value && suffixIcon == 'Search') {
+        iconProps.onClick = withModifiers(attrs.onClick, [
+          'stop'
+        ]),
+        iconProps.style = {
+          cursor: 'pointer',
+        }
+      }
+      suffixIcon = resolveComponent(suffixIcon)
+    }
+    return h(ElIcon, {
+      ...iconProps
+    }, [h(suffixIcon)])
+  }
+  return null
+}
+</script>
+<style lang="scss" scoped>
+.cust-input-wrap {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  min-height: 32px;
+  line-height: 24px;
+  padding: 1px 11px;
+  box-sizing: border-box;
+  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
+  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
+  background: var(--el-input-bg-color, var(--el-fill-color-blank));
+  cursor: 'not-allowed';
+}
+.is-disabled {
+  background: var(--el-disabled-bg-color);
+}
+.cursor {
+  cursor: pointer;
+}
+</style>

package/src-bak/components/packages-web/ElTimePicker.vue

@@ -0,0 +1,39 @@
+<template>
+  <ElTimePicker v-bind="calcProps" v-model="modeValue">
+    <template v-for="(_, key) in slots" :key="key" v-slot:[key]="scope">
+      <slot :name="key" v-bind="scope"></slot>
+    </template>
+  </ElTimePicker>
+</template>
+<script setup>
+import { ElTimePicker } from "element-plus"
+import { useAttrs, computed, useSlots } from "vue"
+import { commonPropsType } from "../../utils/index.js"
+
+const slots = useSlots()
+const attrs = useAttrs()
+const props = defineProps({
+  min: {
+    type: [Date, String],
+    default: null
+  },
+  max: {
+    type: [Date, String],
+    default: null
+  },
+  ...ElTimePicker.props,
+  ...commonPropsType
+})
+const calcProps = computed(() => {
+  const ret = Object.keys(ElTimePicker.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {...attrs})
+
+  delete ret.modelValue
+  delete ret.defaultValue
+  return ret
+})
+
+const modeValue = defineModel()
+</script>

package/src-bak/components/patchComponents-H5.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-H5', false, /\.(vue|jsx|js)$/)
+        modulesFilesKeys = modulesFiles.keys() || []
+        resolveModule = (modulePath) => {
+          return modulesFiles(modulePath)
+        }
+      }
+    } catch (error) {
+      modulesFiles = import.meta.glob('./packages-H5/*.{vue,jsx,js}', { import: 'default', eager: true })
+      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-bak/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}', { eager: true })
+      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-bak/components/simpleFormItemPc/index.js

@@ -0,0 +1 @@
+export { default as default} from './src/index.vue'

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

@@ -0,0 +1,94 @@
+<script setup>
+import { computed, inject, useAttrs } from 'vue';
+
+
+defineOptions({
+  inheritAttrs: false,
+  name: 'SimpleFormItemPc'
+})
+
+const attrs = useAttrs()
+const props = defineProps({
+  label: String,
+  labelWidth: [String, Number],
+  labelPosition: String,
+})
+
+const formContextKey = inject('_formContextKey')
+const formContext = inject(formContextKey, undefined)
+
+const labelStyle = computed(() => {
+  if (formContext?.labelPosition === 'top' || props?.labelPosition === 'top') {
+    return {}
+  }
+
+  const labelWidth = props.labelWidth || formContext?.labelWidth || ''
+  if (labelWidth) return { width: `${parseInt(labelWidth)}px` }
+  return {}
+})
+
+const formItemClass = computed(() => {
+  const clas = attrs.class
+  return [
+    clas || '',
+    {
+      [`label-position__${props.labelPosition || 'right'}`]: true
+    }
+  ]
+})
+
+</script>
+<template>
+  <div class="simple-form-item el-form-item" :class="formItemClass" :style="attrs.style">
+    <label class="simple-form-item-label el-form-item__label" :style="labelStyle">
+      <slot name="label"></slot>
+    </label>
+    <div class="simple-form-item-content el-form-item__content">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<style lang="scss">
+.simple-form-item {
+  display: flex;
+  margin-bottom: var(--prmary-marign);
+  margin-right: var(--prmary-marign);
+  .simple-form-item-label {
+    flex: 0 0 auto;
+    display: flex;
+    font-size: var(--el-form-label-font-size);
+    color: var(--el-text-color-regular);
+    height: 32px;
+    line-height: 32px;
+    padding: 0 12px 0 0;
+    align-items: center;
+    box-sizing: content-box;
+    max-width: 100%;
+  }
+  .simple-form-item-content {
+    align-items: center;
+    display: flex;
+    flex: 1;
+    flex-wrap: wrap;
+    line-height: 32px;
+    min-width: 0;
+    position: relative;
+  }
+}
+.label-position__left {
+  .simple-form-item-label {
+    justify-content: flex-start;
+    text-align: left;
+  }
+}
+.label-position__right {
+  .simple-form-item-label {
+    justify-content: flex-end;
+    text-align: right;
+  }
+}
+.label-position__top {
+  display: block;
+}
+</style>

package/src-bak/components/table/index.ts

@@ -0,0 +1,29 @@
+import { withInstall, withNoopInstall } from 'element-plus/es/utils/index.mjs'
+import Table from './src/table.vue'
+import TableColumn from './src/tableColumn'
+
+export const ElTable = withInstall(Table, {
+  TableColumn,
+})
+export default ElTable
+export const ElTableColumn = withNoopInstall(TableColumn)
+
+export type TableInstance = InstanceType<typeof Table>
+
+export type TableColumnInstance = InstanceType<typeof TableColumn>
+
+export type {
+  SummaryMethod,
+  Table,
+  TableProps,
+  TableRefs,
+  ColumnCls,
+  ColumnStyle,
+  CellCls,
+  CellStyle,
+  TreeNode,
+  RenderRowData,
+  Sort,
+  Filter,
+  TableColumnCtx,
+} from './src/table/defaults'

package/src-bak/components/table/src/composables/use-scrollbar.ts

@@ -0,0 +1,30 @@
+import { ref } from 'vue'
+import { isNumber } from 'element-plus/es/utils/index.mjs'
+
+export const useScrollbar = () => {
+  const scrollBarRef = ref()
+
+  const scrollTo = (options: ScrollToOptions | number, yCoord?: number) => {
+    const scrollbar = scrollBarRef.value
+    if (scrollbar) {
+      scrollbar.scrollTo(options, yCoord)
+    }
+  }
+
+  const setScrollPosition = (position: 'Top' | 'Left', offset?: number) => {
+    const scrollbar = scrollBarRef.value
+    if (scrollbar && isNumber(offset) && ['Top', 'Left'].includes(position)) {
+      scrollbar[`setScroll${position}`](offset)
+    }
+  }
+
+  const setScrollTop = (top?: number) => setScrollPosition('Top', top)
+  const setScrollLeft = (left?: number) => setScrollPosition('Left', left)
+
+  return {
+    scrollBarRef,
+    scrollTo,
+    setScrollTop,
+    setScrollLeft,
+  }
+}