resolver-egretimp-plus 0.1.113 → 0.1.115

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

@@ -0,0 +1,126 @@
+<template>
+  <Tabs :class="tabsClass" v-bind="transTabsProps" v-model="activeNames">
+    <Renderer :activeNames="activeNames" :config="tabpanes" v-model="props.refValue.value"></Renderer>
+    <template v-for="(_, key) in slots" :key="key" v-slot:[key]="scope">
+      <slot :name="key" v-bind="scope"></slot>
+    </template>
+  </Tabs>
+</template>
+<script setup>
+import { ElTabs } from 'element-plus'
+import Tabs from '../tabs'
+import Renderer from '../../renderer.jsx'
+import { computed, useAttrs, useSlots } from 'vue'
+import { commonPropsType, hasOwn } from '../../utils/index.js'
+
+// import * as lib from 'element-plus/es/utils/index.mjs'
+
+const slots = useSlots()
+const props = defineProps({
+  ...ElTabs.props,
+  ...commonPropsType,
+  showBar: {
+    type: Boolean,
+    default: true
+  },
+  hiddenHeadUnderline: {
+    type: [String, Number],
+    default: '0'
+  }
+})
+const attrs = useAttrs()
+const tabsProps = computed(() => {
+  const ret = Object.keys(ElTabs.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {...attrs})
+  delete ret.modelValue
+  delete ret['onUpdate:modelValue']
+  return ret
+})
+const tabpanes = computed(() => {
+  return props.config.pmPageMetaList || []
+})
+const activeNames = computed({
+  get() {
+    const currentTab = tabpanes.value.find(tab => tab.defaultShowFlag == '1')
+    const currentCycleTab = tabpanes.value.find(tab => tab.currentCode)
+    if (currentTab) {
+      return currentTab?.isCycle == '1' ? `${currentTab.metaCode}-0` : currentTab.metaCode
+    }
+    if (currentCycleTab) {
+      return currentCycleTab.currentCode
+    }
+    if (tabpanes.value[0]) {
+      if (assertMetaType(tabpanes.value[0], 'CustomComponentCycleTabPane') || tabpanes.value[0]?.isCycle == '1') {
+        return `${tabpanes.value[0].metaCode}-0`
+      } else {
+        return tabpanes.value[0].metaCode
+      }
+    }
+  },
+  set(val) {
+    tabpanes.value.forEach(tab => {
+      if (assertMetaType(tab, 'CustomComponentCycleTabPane') || tab?.isCycle == '1') {
+        if (/^cycleTabpane-(\d+)$/.test(val)) {
+          tab.currentCode = val
+        } else {
+          tab.currentCode = ''
+        }
+      } else if (tab.metaType === 'CustomComponentTabPane') {
+        if (tab.metaCode === val) {
+          tab.defaultShowFlag = '1'
+        } else {
+          tab.defaultShowFlag = '0'
+        }
+      }
+      
+    })
+  }
+})
+const isHeaderAuto = computed(() => {
+  return props.config.autoHeader == '1'
+})
+const level = computed(() => {
+  return props.config.level ?? tabpanes.value.find(tabpane => hasOwn(tabpane, 'level'))?.level ?? 1
+})
+const transTabsProps = computed(() => {
+  const polyProps = level.value == 1 ? {
+    stretch: true,
+    type: 'border-card'
+  } : level.value == 2 ? {
+  } : level.value == 3 ? {
+    type: 'card'
+  } : {}
+  return {
+    ...tabsProps.value,
+    ...polyProps,
+    showBar: props.showBar,
+  }
+})
+/**
+ * 层级为一的时候，并且只有一个页签，激活的页签头，应该有分割线
+ */
+const fullBorder = computed(() => {
+  return tabpanes.value.length === 1 && level.value == 1
+})
+
+const tabsClass = computed(() => {
+  return {
+    [`tabs-level-${level.value}`]: true,
+    'tabpane-auto-header': isHeaderAuto.value,
+    'full-border': fullBorder.value,
+    'hidden-head-underline': props.hiddenHeadUnderline == '1'
+  }
+})
+
+function assertMetaType(config, metaType) {
+  return config.renderby === metaType || config.metaType === metaType
+}
+
+defineExpose({
+  setActiveTab(tabMetaCode) {
+    activeNames.value = tabMetaCode
+  }
+})
+</script>

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

@@ -0,0 +1,28 @@
+<script setup>
+import { ElTree } from 'element-plus'
+import { computed, useAttrs } from "vue";
+import { commonPropsType } from '../../utils/index.js'
+
+const props = defineProps({
+  ...commonPropsType,
+  ...ElTree.props
+})
+
+const attrs = useAttrs()
+const calcProps = computed(() => {
+  return Object.keys(ElTree.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+})
+const options = computed(() => {
+  return props.options || []
+})
+
+</script>
+<template>
+  <el-tree
+    v-bind="{...attrs, ...calcProps}"
+    :data="options"
+  />
+</template>

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

@@ -0,0 +1,146 @@
+<template>
+  <ElButton @click.stop="buttonAction" v-bind="{...calcAttrs, ...calcPorps}" :class="{'el-button--def': isDefSize}">
+    {{label}}
+    <template v-for="(_, keyaa) in slots" :key="keyaa" v-slot:[keyaa]="scope">
+      <slot :name="keyaa" v-bind="scope"></slot>
+    </template>
+  </ElButton>
+</template>
+<script setup>
+import { ElButton } from 'element-plus'
+import { defineProps, inject, getCurrentInstance, computed, useAttrs, useSlots } from 'vue'
+import { commonPropsType, isPromise } from '../../utils/index.js'
+import { useRoute } from 'vue-router'
+
+defineOptions({
+  inheritAttrs: false
+})
+const appContext = getCurrentInstance()?.appContext
+const slots = useSlots()
+const props = defineProps({
+  ...commonPropsType,
+  ...ElButton.props,
+  size: String,
+  plain: [String, Number, Boolean],
+  circle: [String, Number, Boolean]
+})
+const isDefSize = computed(() => {
+  return props?.config?.widgetSize === 'def'
+})
+const calcPorps = computed(() => {
+  const ret = Object.keys(ElButton.props).reduce((total, key) => {
+    total[key] = props[key]
+    return total
+  }, {})
+
+  if (props.config?.icon) {
+    ret.suffixIcon = props.config?.icon
+  }
+  if (ret.plain == '1') {
+    ret.plain = true
+  } else {
+    ret.plain = false
+  }
+
+  if (ret.circle == '1') {
+    ret.circle = true
+  } else {
+    ret.circle = false
+  }
+  if (props?.config?.rounds === true && props?.config?.rounds == '1') {
+    ret.round = true
+  }
+  if (props?.config?.widgetSize) {
+    ret.size = props?.config?.widgetSize
+  }
+  if (props?.config?.displayType) {
+    ret.type = props?.config?.displayType
+  }
+  if (ret.type === 'info') {
+    ret.type = ''
+  }
+  if (ret.size === 'def') {
+    ret.size = ''
+  }
+  return ret
+})
+
+const attrs = useAttrs()
+const calcAttrs = computed(() => {
+  const props = {
+    ...attrs,
+  }
+  delete props.onClick
+  return props
+})
+
+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 validate = inject('_validate', () => {})
+const parentRootValue = inject('_parentRootValue', {})
+const parentDynamicMapComp = inject('_parentDynamicMapComp', {})
+const rootInstance = inject('_rootInstance', {})
+
+const routeQuery= route?.query
+
+// params主要用于外部直接调用click方法时候传入的
+const buttonAction = async (e, params) => {
+  const lastClick = () => {
+    attrs?.onClick?.(e, params)
+  }
+  const actionKey = props.config?.clickActionKey || props.config?.buttonActionKey || props.config?.hireRelat
+  const actionFn = buttonActions[actionKey]
+  
+  let actionFnRet = null
+  if (actionFn) {
+    actionFnRet = actionFn(props, {
+      dynamicMapComp,
+      hireRelatMapRules,
+      components,
+      selects,
+      rootValue: rootValue?.value,
+      dataLoad,
+      rootForm,
+      routeQuery,
+      validate,
+      lastClick,
+      parentRootValue,
+      parentDynamicMapComp,
+      rootInstance
+    }, appContext)
+  }
+  if (actionFnRet !== null && actionFnRet !== undefined) {
+    if (isPromise(actionFnRet)) {
+      actionFnRet.then(res => {
+        if (res) {
+          lastClick()
+        }
+      })
+    } else {
+      if (actionFnRet) {
+        lastClick()
+      }
+    }
+  } else {
+    lastClick()
+  }
+}
+defineExpose({
+  click: (params) => {
+    buttonAction(null, params)
+  }
+})
+</script>

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

@@ -0,0 +1,97 @@
+<template>
+  <ElCheckboxGroup v-if="isMutiple" v-bind="{...checkboxGroupProps, ...attrs}" v-model="proxyValue" >
+    <ElCheckbox 
+      v-for="option in props.options"
+      :key="option.columnValue"
+      :value="option.columnValue"
+      :disabled="option.columnStatus == '0' || option.columnStatus == '2'"
+
+    >
+      {{lang.indexOf('zh') > -1 ? option.columnDesc_zh : option.columnDesc}}
+      <template v-for="(_, key) in slots" :key="key" v-slot:[key]="scope">
+        <slot :name="key" v-bind="scope"></slot>
+      </template>
+    </ElCheckbox>
+  </ElCheckboxGroup>
+  <ElCheckbox v-else v-bind="{...checkboxProps, ...attrs}" v-model="proxyValue">
+    <template v-if="showLabel">{{ label }}</template>
+    <template v-for="(_, key) in slots" :key="key" v-slot:[key]="scope">
+      <slot :name="key" v-bind="scope"></slot>
+    </template>
+  </ElCheckbox>
+</template>
+<script setup>
+import { ElCheckbox, ElCheckboxGroup } from 'element-plus'
+import { useAttrs, computed, inject, useSlots } from 'vue'
+import { commonPropsType, hasOwn } from '../../utils/index.js'
+
+const slots = useSlots()
+const props = defineProps({
+  ...ElCheckbox.props,
+  ...commonPropsType,
+  notShowLabel: {
+    type: [Number, String],
+    default: '0'
+  }
+})
+
+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 showLabel = computed(() => {
+  return props.notShowLabel != '1'
+})
+const checkboxGroupProps = computed(() => {
+  const ret = Object.keys(ElCheckboxGroup.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+  return ret
+})
+
+const checkboxProps = computed(() => {
+  const ret = Object.keys(ElCheckbox.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+  if (!hasOwn(props.config, 'true-value') && !hasOwn(props.config, 'trueValue')) {
+    ret['true-value'] = '1'
+  }
+  if (!hasOwn(props.config, 'false-value') && !hasOwn(props.config, 'falseValue')) {
+    ret['false-value'] = '0'
+  }
+  return ret
+})
+const attrs = useAttrs()
+
+// 值是list 还是,连起来的string
+const isStrVal = computed(() => {
+  // valueType 值为 list 或者 string
+  return props.config?.valueType !== 'list'
+})
+// 是否为多选
+const isMutiple = computed(() => {
+  return props.options && props.options.length
+})
+const modelValue = defineModel()
+
+const proxyValue = computed({
+  get() {
+    if (isMutiple.value) {
+      const val = modelValue.value || ''
+      return val ? (isStrVal.value ? val.split(',') : val) : []
+    } else {
+      return modelValue.value || ''
+    }
+  },
+  set(val) {
+    if (isMutiple.value) {
+      modelValue.value = isStrVal.value ? val.join(',') : val
+    } else {
+      modelValue.value = val || ''
+    }
+  }
+})
+</script>

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

@@ -0,0 +1,93 @@
+<template>
+  <ElDatePicker v-bind="{ ...attrs, ...datePickerProps}" :disabledDate="disabledDate" v-model="value">
+    <template v-for="(_, key) in slots" :key="key" v-slot:[key]="scope">
+      <slot :name="key" v-bind="scope"></slot>
+    </template>
+  </ElDatePicker>
+</template>
+<script setup>
+import { ElDatePicker } from 'element-plus'
+import { useAttrs, computed, watch, nextTick, useSlots } from 'vue'
+import { commonPropsType, formatDate, isDate, hasOwn } from '../../utils/index.js'
+import { useFormItem } from 'element-plus'
+import dateIcon from '../icons/date.vue'
+import dayjs from 'dayjs'
+
+const slots = useSlots()
+const { formItem: elFormItem } = useFormItem()
+const props = defineProps({
+  ...ElDatePicker.props,
+  ...commonPropsType,
+  min: {
+    type: [Date, String],
+    default: null
+  },
+  max: {
+    type: [Date, String],
+    default: null
+  },
+})
+
+const datePickerProps = computed(() => {
+  const ret = Object.keys(ElDatePicker.props).reduce((ret, key) => {
+    ret[key] = props[key]
+    return ret
+  }, {})
+  if (!ret['value-format'] && !ret.valueFormat) {
+    ret.valueFormat = 'YYYY-MM-DD'
+  }
+  if (props?.config?.displayType) {
+    ret.type = props?.config?.displayType
+  }
+  if (!hasOwn(props?.config, 'prefix-icon') && !hasOwn(props?.config, 'prefixIcon')) {
+    if (ret.type == 'date') {
+      ret.prefixIcon = dateIcon
+    }
+  }
+  return ret
+})
+const attrs = useAttrs()
+const modeValue = defineModel()
+
+const value = computed({
+  get() {
+    if (isNaN(Number(modeValue.value))) {
+      return modeValue.value
+    } else {
+      if (datePickerProps.value.valueFormat === 'timestamp' || `${modeValue.value}`.length >= 13) {
+        return Number(modeValue.value)
+      }
+      return modeValue.value
+    }
+  },
+  set(val) {
+    modeValue.value = val
+  }
+})
+watch(value, () => {
+  nextTick(() => {
+    elFormItem?.validate?.('blur').catch()
+  })
+})
+
+const disabledDate = (date) => {
+  if (datePickerProps.value?.disabledDate?.(date)) {
+    return true
+  }
+  const currentDateStr = dayjs(date).format('YYYY-MM-DD')
+  const currentDateUnix = dayjs(currentDateStr).unix()
+  if (props.min) {
+    const minUnix = dayjs(props.min).unix()
+    if (minUnix > currentDateUnix) {
+      return true
+    }
+  }
+  if (props.max) {
+    const maxUnix = dayjs(props.max).unix()
+    if (maxUnix < currentDateUnix) {
+      return true
+    }
+  }
+  return false
+}
+</script>