agilebuilder-ui 1.1.65-tmp7 → 1.1.65-tmp9

package/packages/super-grid/src/row-operation.vue

@@ -1,315 +0,0 @@
-<template>
-  <!--将@click改为@mousedown.native是因为操作列保存按钮时事件和input等组件的@blur冲突，导致保存需要保存两次，因为
-      @blur先于@click执行的，所以只会执行@blur，@click就失效了，@mousedown是先于@blur执行的-->
-  <span :style="myStyle">
-    <template v-if="isShowButton()">
-      <el-tooltip :disabled="tooltipDisabled" :content="label" placement="top">
-        <template v-if="operationSettingData.permission">
-          <component
-            v-bind="operationSettingData"
-            :is="isElementType"
-            class="row-operation-icon"
-            v-permission="operationSettingData.permission"
-            :disabled="preventReclick"
-            @mousedown="onClickFun(operationSettingData)"
-          >
-            <superIcon
-              v-if="prefixIcon"
-              :iconValue="prefixIcon"
-              :class="{ 'is-text-labl': !!labelText }"
-              class="prefix-btn-icon"
-            />
-            {{ labelText }}
-            <superIcon
-              v-if="suffixIcon"
-              :iconValue="suffixIcon"
-              :class="{ 'is-text-labl': !!labelText }"
-              class="suffix-btn-icon"
-            />
-          </component>
-        </template>
-        <template v-else>
-          <component
-            v-bind="operationSettingData"
-            :is="isElementType"
-            class="row-operation-icon"
-            :disabled="preventReclick"
-            @mousedown="onClickFun(operationSettingData)"
-          >
-            <superIcon
-              v-if="prefixIcon"
-              :iconValue="prefixIcon"
-              :class="{ 'is-text-labl': !!labelText }"
-              class="prefix-btn-icon"
-            />
-            {{ labelText }}
-            <superIcon
-              v-if="suffixIcon"
-              :iconValue="suffixIcon"
-              :class="{ 'is-text-labl': !!labelText }"
-              class="suffix-btn-icon"
-            />
-          </component>
-        </template>
-      </el-tooltip>
-    </template>
-  </span>
-</template>
-
-<script>
-import { mapGetters } from 'vuex'
-import customFormatter from './custom-formatter'
-import superIcon from '../../super-icon/src/index.vue'
-import { analysisCondition } from '../../../src/utils/util'
-import store from './store'
-export default {
-  name: 'RowOperation',
-  components: { superIcon },
-  props: {
-    editing: {
-      // 当前行是否是编辑行
-      type: Boolean,
-      default: false
-    },
-    isTableBtnLink: {
-      type: [Boolean],
-      default: false
-    },
-    isShow: {
-      type: [Boolean, Function],
-      default: true
-    },
-    onClick: {
-      type: Function,
-      default: function () {}
-    },
-    entity: {
-      type: Object,
-      default: null
-    },
-    column: {
-      type: Object,
-      default: null
-    },
-    rowIndex: {
-      type: Number,
-      default: null
-    },
-    label: {
-      type: String,
-      default: null
-    },
-    operationSetting: {
-      type: Object,
-      default: null
-    },
-    operationIndex: {
-      type: Number,
-      default: null
-    },
-    listCode: {
-      type: String,
-      default: null
-    },
-    parentFormData: {
-      type: Object,
-      default: null
-    },
-    // 按钮绑定的事件名称
-    eventName: {
-      type: String,
-      default: null
-    }
-  },
-  data() {
-    return {
-      elementType: 'el-button', // 组件标签，默认是按钮
-      myStyle: null // 组件样式
-    }
-  },
-  computed: {
-    ...mapGetters(['preventReclick']),
-    // 是否是保存按钮
-    isSaveRow() {
-      return ['lineEditSave', 'saveRow'].includes(this.eventName)
-    },
-    // 是否是删除按钮
-    isDeleteRow() {
-      return ['lineEditDelete', 'deleteRow'].includes(this.eventName)
-    },
-    // 是否是修改按钮
-    isEditRow() {
-      return ['lineEditUpdate', 'editRow'].includes(this.eventName)
-    },
-    // 是否是取消按钮
-    isRestoreRow() {
-      return ['restoreEdit', 'restoreRow'].includes(this.eventName)
-      // return /^\s*function\s+restoreRow*\s*\(/.test((this.onClick ?? ''))
-    },
-    // 前置图标
-    prefixIcon() {
-      if (this.suffixIcon) return undefined
-      if (['left', true, ''].includes(this.operationSettingData.iconPosition) || this.operationSetting.iconValue) {
-        if (this.operationSetting.iconValue) {
-          // 兼容非彩色图标默认按钮样式
-          if (this.isSaveRow && this.operationSetting.iconValue === 'amb-icon-save') return 'amb-color-icon-save'
-          if (this.isDeleteRow && this.operationSetting.iconValue === 'amb-icon-del') return 'amb-color-icon-del'
-          if (this.isEditRow && this.operationSetting.iconValue === 'amb-icon-edit') return 'amb-color-icon-edit'
-          if (this.isRestoreRow && this.operationSetting.iconValue === 'amb-icon-no-edit')
-            return 'amb-color-icon-no-edit'
-        }
-        return this.operationSetting.iconValue
-      }
-      if (this.isTextIcon) {
-        // 当没有初始图标，根据事件类型 绑定图标
-        if (this.isSaveRow) return 'amb-color-icon-save'
-        if (this.isDeleteRow) return 'amb-color-icon-del'
-        if (this.isEditRow) return 'amb-color-icon-edit'
-        if (this.isRestoreRow) return 'amb-color-icon-no-edit'
-      }
-      return undefined
-    },
-    // 后置图标
-    suffixIcon() {
-      if (['right'].includes(this.operationSettingData.iconPosition)) return this.operationSetting.iconValue
-      return undefined
-    },
-    // 是否显示文字按钮 > 图标模式
-    isTextIcon() {
-      if (this.isTableBtnLinkShow) {
-        if (this.operationSettingData.isTextIcon === undefined) {
-          return this.isSaveRow || this.isDeleteRow || this.isEditRow || this.isRestoreRow
-        }
-        return this.operationSettingData.isTextIcon
-      } else {
-        return false
-      }
-    },
-    labelText() {
-      if (this.isTextIcon) return undefined
-      return this.label || undefined
-    },
-    tooltipDisabled() {
-      if (this.isTextIcon && this.label) return false
-      return true
-    },
-    // 是否自动开启表格 按钮 转 文字按钮
-    isTableBtnLinkShow() {
-      if (this.operationSetting.text) return true
-      if (this.isTableBtnLink && this.elementType === 'el-button') {
-        return [this.operationSetting.text, this.operationSetting.plain, this.operationSetting.round].every(
-          (v) => v === undefined
-        )
-      }
-      return false
-    },
-    operationSettingData() {
-      const dataList = { ...this.operationSetting }
-      if (this.isTableBtnLinkShow) {
-        dataList.underline = false
-        delete dataList.text
-      }
-      if (!this.tooltipDisabled) {
-        delete dataList.title
-      }
-      return dataList
-    },
-    isElementType() {
-      if (this.isTableBtnLinkShow) return 'el-link'
-      return this.elementType
-    }
-  },
-  created() {
-    if (this.operationSetting.elementType && this.operationSetting.elementType === 'el-link') {
-      this.operationSetting.type = 'primary'
-    }
-    if (!this.operationSetting.elementType || this.operationSetting.elementType === 'el-button') {
-      this.operationSetting.size = 'small'
-    }
-    if (this.operationSetting.style) {
-      // 等于配置的样式
-      this.myStyle = this.operationSetting.style
-    } else if (
-      this.operationIndex !== 0 &&
-      (this.operationSetting.elementType === undefined || this.operationSetting.elementType === 'el-button')
-    ) {
-      // 如果不是第0个元素，且是按钮时，添加左边距10px，使按钮不紧挨着
-      // this.myStyle = { marginLeft: '10px' } // 不适合固定，建议结构样式默认
-    }
-    if (this.operationSetting.elementType) {
-      this.elementType = this.operationSetting.elementType
-    }
-    // if (!this.operationSetting.icon) {
-    //   if (this.operationSetting.code === 'lineEditUpdate') {
-    //     this.operationSetting.icon = 'el-icon-edit'
-    //   } else if (this.operationSetting.code === 'lineEditSave') {
-    //     this.operationSetting.icon = 'el-icon-check'
-    //   } else if (this.operationSetting.code === 'lineEditDelete') {
-    //     this.operationSetting.icon = 'el-icon-delete'
-    //   } else if (this.operationSetting.code === 'restoreEdit') {
-    //     this.operationSetting.icon = 'el-icon-circle-close'
-    //   } else if (this.operationSetting.code === 'viewDetail') {
-    //     this.operationSetting.icon = 'el-icon-view'
-    //   }
-    // }
-  },
-  methods: {
-    onClickFun(button) {
-      customFormatter.onClickFun(this.entity, this.column, this.onClick, this.rowIndex, button)
-      this.$emit('afterClick', { row: this.entity, column: this.column, rowIndex: this.rowIndex })
-    },
-    isShowButton() {
-      // const start = new Date().getTime()
-      const gridParams = store.get(this.listCode)
-      const val = customFormatter.isShowButtonFun(this.entity, this.column, this.isShow, this.rowIndex)
-      if (this.operationSetting.buttonDisplayConditionsList) {
-        const displayJudgment = JSON.stringify(this.operationSetting.buttonDisplayConditionsList)
-        if (gridParams) {
-          let tableName = null
-          if (gridParams.basicInfo.tableName) {
-            tableName = gridParams.basicInfo.tableName
-          }
-          return analysisCondition(
-            displayJudgment,
-            this.entity,
-            gridParams.additionalParamMap,
-            gridParams.contextParameter,
-            true,
-            tableName,
-            this.parentFormData
-          )
-        } else {
-          return analysisCondition(displayJudgment, this.entity, {}, {}, true, null, null)
-        }
-      }
-
-      if (val) {
-        if (this.editing) {
-          if (this.operationSetting.code === 'lineEditUpdate') {
-            return false
-          }
-        } else {
-          if (this.operationSetting.code === 'restoreEdit') {
-            return false
-          }
-        }
-      }
-      // const end = new Date().getTime()
-      // console.log('---super-grid--isShowButtonFun--time1=', (end - start))
-      return val
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.is-text-labl {
-  &.prefix-btn-icon {
-    margin-right: 5px;
-  }
-
-  &.suffix-btn-icon {
-    margin-left: 5px;
-  }
-}
-</style>

package/packages/super-grid/src/scan-util.ts

@@ -1,243 +0,0 @@
-import { setEntityFieldValue } from "../../../src/utils/util";
-
-export interface ScanRuleSet {
-  [key: string]: { outs: any[]; adaptations: any[] }
-}
-export function formatScanRuleSets(ruleList: any[]) {
-  const scanRuleSets: ScanRuleSet = {}
-  // 从配置的解析规则中获取所有使用的条码解析规则， （因为有的配置的是规则分组，并且有可能值设置只使用了分组中的某几个规则，）
-  // 输出为 {规则编码：[ outs:[{returnedValue:'返回值的编码',pageVariable:'设置到'}], adaptations:[] ]} 的结构
-  // 获取到这个结构后，再去后端调用，获取规则的详细信息(适配条件，输出字段的匹配规则)
-  ruleList.forEach((ruleSet: any) => {
-    if (ruleSet.type === 'group') {
-      // 当时规则组时，需要获取每条值设置的规则，并存放到scanRuleSets
-      ruleSet.outs.forEach((valueSet: any) => {
-        if (!scanRuleSets[valueSet.ruleCode]) {
-          scanRuleSets[valueSet.ruleCode] = { outs: [], adaptations: [] }
-        }
-        scanRuleSets[valueSet.ruleCode].outs.push(valueSet)
-      })
-    } else {
-      scanRuleSets[ruleSet.code] = { outs: ruleSet.outs, adaptations: [] }
-    }
-  })
-  return packageScanRuleSets(scanRuleSets)
-}
-
-function packageScanRuleSets(scanRuleSets: ScanRuleSet) {
-  //  获取规则的详细信息(适配条件，输出字段的匹配规则)
-  return new Promise((resolve, reject) => {
-    //
-    if (Object.keys(scanRuleSets).length > 0) {
-      //  Object.keys(scanRuleSets) 为当前配置使用的所有规则的编码
-      window.$vueApp.config.globalProperties.$http
-        .post(
-          window['$vueApp'].config.globalProperties.baseAPI +
-            '/dc/setting-barcode-analysis/by-codes',
-          Object.keys(scanRuleSets)
-        )
-        .then((res: any) => {
-          res.forEach((rule: any) => {
-            // 遍历所有的规则，看哪些规则的输出字段需要设值，因为有可能配置的规则中只使用了部分输出字段
-            const ruleOuts = JSON.parse(rule.barcodeAnalysisOuts)
-            // 获取当前输入框配置的输出字段编码
-            const needOutsFields = new Set()
-            // 解析规则配置的"返回值编码（来自条码解析规则定义的输出字段，唯一值）"字段和"设置到"字段的映射
-            const outsFiledsSet: any = {}
-            scanRuleSets[rule.code].outs.forEach((valueSet: any) => {
-              needOutsFields.add(valueSet.returnedValue)
-              outsFiledsSet[valueSet.returnedValue] = valueSet.pageVariable
-            })
-            const filteredOutsField: any[] = []
-            ruleOuts.forEach((outFiled: any) => {
-              if (needOutsFields.has(outFiled.code)) {
-                // 设置输出字段 需要设置到的变量
-                outFiled.pageVariable = outsFiledsSet[outFiled.code]
-                filteredOutsField.push(outFiled)
-              }
-            })
-            scanRuleSets[rule.code].outs = filteredOutsField
-            // 适配条件
-            scanRuleSets[rule.code].adaptations = JSON.parse(rule.barcodeAnalysisAdaptations)
-            resolve(scanRuleSets)
-          })
-        })
-    } else {
-      resolve(null)
-    }
-  })
-}
-
-/**
- * 解析扫描值
- * @param obj
- * return {value:扫描值,params:{},scanSet:{}}
- */
-export function analysisScanValue(scanValue: any, scanRuleSets: ScanRuleSet) {
-  if (!scanValue || !scanRuleSets) {
-    return null
-	}
-  const scanSets = Object.values(scanRuleSets)
-  for (let i = 0; i < scanSets.length; i++) {
-    const scanSet: any = scanSets[i]
-    //检查是否匹配
-    const adaptations = scanSet.adaptations
-    let validStr = ''
-    for (let k = 0; k < adaptations.length; k++) {
-      const adap = adaptations[k]
-      const indexs = _getScanIndexs(scanValue, adap.startIndex, adap.endIndex)
-      const startIndex = indexs[0]
-      const endIndex = indexs[1]
-      let paramValue = scanValue.substring(startIndex, endIndex)
-      let compareValue = adap.value
-      //比较条件为times时,把operate设置为==
-      let operate = adap.operate
-      if (operate == 'times') {
-        //出现的次数
-        const realValue = paramValue.split(compareValue == undefined ? '' : compareValue).length - 1
-        //替换为需要比较的次数
-        compareValue = realValue
-        paramValue = adap.times
-        operate = '='
-      }
-
-      if (isNaN(paramValue) || isNaN(compareValue)) {
-        paramValue = "'" + paramValue + "'"
-        compareValue = "'" + compareValue + "'"
-      }
-      if (adap.leftBracket) {
-        validStr += adap.leftBracket
-      }
-      if (operate == '<>') {
-        operate = '!='
-      } else if (operate == '=') {
-        operate = '=='
-      }
-      if (operate == 'include' || operate == 'notinclude') {
-        validStr += paramValue + '.indexOf(' + compareValue + ')'
-        if (operate == 'include') {
-          validStr += '>-1'
-        } else {
-          validStr += '<0'
-        }
-      } else {
-        validStr += paramValue + operate + compareValue
-      }
-      if (adap.rightBracket) {
-        validStr += adap.rightBracket
-      }
-      if (adap.joinStr && k + 1 < adaptations.length) {
-        const joinStr = adap.joinStr == 'and' ? '&&' : '||'
-        validStr += joinStr
-      }
-    }
-    let res = false
-    if (validStr) {
-      try {
-        console.log('validStr', validStr)
-        res = eval('(' + validStr + ')')
-        console.log('res', res)
-      } catch (e) {
-        console.log(e)
-      }
-    } else {
-      res = true //没有规则表示都符合
-    }
-    //如果符合条件时,后续规则不验证
-    if (res) {
-      return executeAnalysisForScan(scanValue, scanSet)
-    }
-  }
-  return null
-}
-
-/**
- * 处理条码解析
- * @param obj
- */
-function executeAnalysisForScan(scanValue: any, scanSet: any) {
-  if (!scanSet || !scanValue) {
-    return
-  }
-  //解析获取指定的值
-  const outs = scanSet.outs
-  const params: any = {}
-  outs.forEach((outJson: any) => {
-    const fieldName = outJson.fieldName
-    if (outJson.fixedValue != undefined) {
-      params[fieldName] = outJson.fixedValue
-    } else {
-      let pValue = scanValue
-      //分隔符后取值
-      if (outJson.splitChar && outJson.splitNum) {
-        const splitChar = outJson.splitChar == '|' ? outJson.splitChar : outJson.splitChar
-        const strs = scanValue.split(splitChar)
-        const splitNum = outJson.splitNum < 1 ? 1 : outJson.splitNum
-        console.log(pValue, splitChar, strs, splitNum)
-        if (splitNum <= strs.length) {
-          pValue = strs[splitNum - 1]
-        } else {
-          pValue = ''
-        }
-      }
-      //检查第二次分隔符后取值
-      if (outJson.splitChar2 && outJson.splitNum2) {
-        const splitChar2 = outJson.splitChar2 == '|' ? outJson.splitChar2 : outJson.splitChar2
-        const strs: any = pValue.split(splitChar2)
-        const splitNum2 = outJson.splitNum2 < 1 ? 1 : outJson.splitNum2
-        console.log(pValue, splitChar2, strs, splitNum2)
-        if (splitNum2 <= strs.length) {
-          pValue = strs[splitNum2 - 1]
-        } else {
-          pValue = ''
-        }
-      }
-      //有值时,判断是否有截取
-      if (pValue.length > 0) {
-        const indexs = _getScanIndexs(pValue, outJson.startIndex, outJson.endIndex)
-        const startIndex = indexs[0]
-        const endIndex = indexs[1]
-        pValue = pValue.substring(startIndex, endIndex)
-      }
-      //获取值
-      params[fieldName] = pValue
-    }
-  })
-  return { value: scanValue, params: params, scanSet: scanSet }
-}
-
-/**
- * 获取有效的索引位置
- * @param value
- * @param startIndex
- * @param endIndex
- */
-function _getScanIndexs(value: any, startIndex: any, endIndex: any) {
-  startIndex = startIndex == undefined ? 0 : startIndex - 1
-  startIndex = startIndex < 0 ? 0 : startIndex
-  startIndex = startIndex > value.length - 1 ? value.length - 1 : startIndex
-  endIndex = endIndex == undefined ? value.length : endIndex
-  endIndex = endIndex > value.length ? value.length : endIndex
-  endIndex = endIndex < 1 ? 1 : endIndex
-  if (endIndex < startIndex) {
-    endIndex = startIndex
-  }
-  return [startIndex, endIndex]
-}
-
-export function setScanAnalysisValue(entity: any, scanSet: any, params: any) {
-  if (!scanSet) {
-    return
-  }
-  const outs = scanSet.outs
-  outs.forEach((outField: any) => {
-    const fieldName = outField.fieldName
-    const value = params[fieldName]
-    let variableName = outField.pageVariable
-    if (variableName && variableName.indexOf('${')>=0) {
-      variableName = variableName.substring(2, variableName.length - 1)
-    }
-    
-    setEntityFieldValue(entity, variableName, value)
-  })
-}

package/packages/super-grid/src/search-button.vue

@@ -1,88 +0,0 @@
-<template>
-	<div class="search-button" :style="{textAlign: isMobile?'center':'right'}">
-		<!-- :loading="loading" -->
-		<el-button
-				:loading="loading"
-				size="default"
-				class="button--default"
-				@click="submitForm"
-		>
-			{{$t('imatrixUIPublicModel.sure')}}
-		</el-button>
-		<el-button :loading="loading" class="button--default" size="default" @click="resetForm">
-			{{ $t('imatrixUIPublicModel.reset') }}
-		</el-button>
-		<el-button class="button--default" size="default" @click="$emit('save-condition')">
-			{{ $t('superGrid.saveCondition') }}
-		</el-button>
-		<el-button
-			v-if="isShowOpen ?? !isMobile"
-			:icon="isMyOpen ? CaretTop : CaretBottom"
-			link
-			size="default"
-			@click="openFold"
-		>
-			{{ isMyOpen ? $t('superGrid.fold') : $t('superGrid.open') }}
-		</el-button>
-		<!-- <span v-if="advancedQuery !== null && advancedQuery!== undefined && advancedQuery === true && normalQuery !== null && normalQuery!== undefined && normalQuery === true" style="margin-left:10px">
-								<el-button v-if="searchType === 'advanced'" size="default" @click="searchType = 'normal'">
-									{{ $t('imatrixUIPublicModel.switchToNormalQuery') }}
-								</el-button>
-								<el-button v-if="searchType === 'normal'" size="default" @click="searchType = 'advanced'">
-									{{ $t('imatrixUIPublicModel.switchToAdvancedQuery') }}
-								</el-button>
-							</span> -->
-	</div>
-</template>
-
-<script>
-import {$emit} from '../../utils/gogocodeTransfer'
-import {CaretBottom, CaretTop} from '@element-plus/icons-vue'
-import {shallowRef} from "vue";
-import {isMobileBrowser} from '../../../src/utils/common-util'
-
-export default {
-	name: 'SearchButton',
-	props: {
-		isOpen: {
-			type: Boolean,
-			default: false,
-		},
-		// 是否手动开启与管理
-		isShowOpen: {
-			type: Boolean,
-			default: undefined,
-		},
-	},
-	data() {
-		const isMobile = isMobileBrowser()
-		const isMyOpen = this.isOpen
-		return {
-			isMyOpen, // false表示折叠状态，应该显示“展开”,true表示当前是展开状态，应该显示“折叠”
-			loading: false,
-			CaretTop: shallowRef(CaretTop),
-			CaretBottom: shallowRef(CaretBottom),
-			isMobile // 移动端时不需要显示展开折叠按钮
-		}
-	},
-	methods: {
-		openFold() {
-			this.isMyOpen = !this.isMyOpen
-			$emit(this, 'open-fold', this.isMyOpen)
-		},
-		submitForm() {
-			this.loading = true
-			$emit(this, 'submit-form')
-		},
-		resetForm() {
-			this.loading = true
-			$emit(this, 'reset-form')
-		},
-		// 加载完毕
-		searchComplete() {
-			this.loading = false
-		},
-	},
-	emits: ['save-condition', 'open-fold', 'submit-form', 'reset-form'],
-}
-</script>