agilebuilder-ui 1.1.65-tmp7 → 1.1.65-tmp9

package/packages/super-grid/src/columns-config.vue

@@ -1,329 +0,0 @@
-<template>
-  <el-dialog
-    :close-on-click-modal="false"
-    :model-value="true"
-    :show-close="true"
-    :title="$t('superGrid.columnConfig')"
-    append-to-body
-    top="5vh"
-    width="50%"
-    @close="$emit('close')"
-    @closed="$emit('closed')"
-    @open="$emit('open')"
-    @opend="$emit('opend')"
-  >
-    <div class="operation-area">
-      <el-button size="default" type="primary" @click="saveConfig">
-        {{ $t('imatrixUIPublicModel.sure') }}
-      </el-button>
-      <el-button size="default" @click="resetConfig">
-        {{ $t('imatrixUIPublicModel.reset') }}
-      </el-button>
-      <el-button size="default" @click="$emit('close')">
-        {{ $t('imatrixUIPublicModel.cancel') }}
-      </el-button>
-      <span v-if="isDragColumn" style="padding-left: 10px; color: red"
-        >({{ $t('superGrid.dragColumnOrderMessage') }})</span
-      >
-    </div>
-    <el-table v-if="hasLoaded" :data="columns" class="custom-config-elTable" max-height="450" row-key="prop">
-      <el-table-column :label="$t('superGrid.label')" property="label" width="220">
-        <template v-slot="scope">
-          <span :title="scope.row.label" class="ellipsis cell--span">{{ scope.row.label }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column :label="$t('superGrid.isShow')" property="showType" width="120">
-        <template v-slot="scope">
-          <el-select
-            v-model="scope.row.showType"
-            :disabled="isDisabledShow(scope.row)"
-            @change="changeShow(scope.row, $event)"
-          >
-            <el-option
-              :label="isDisabledShow(scope.row) ? $t('superGrid.default') : $t('superGrid.show')"
-              value="default"
-            />
-            <el-option :label="$t('superGrid.hidden')" value="false" />
-          </el-select>
-        </template>
-      </el-table-column>
-      <el-table-column :label="$t('superGrid.isExportable')" property="exportType" width="120">
-        <template v-slot="scope">
-          <el-select
-            v-model="scope.row.exportType"
-            :disabled="isDisabledExport(scope.row)"
-            @change="changeExport(scope.row, $event)"
-          >
-            <el-option
-              :label="isDisabledExport(scope.row) ? $t('superGrid.default') : $t('superGrid.export')"
-              value="default"
-            />
-            <el-option :label="$t('superGrid.unExport')" value="false" />
-          </el-select>
-        </template>
-      </el-table-column>
-      <el-table-column v-if="isDragColumn" :label="$t('superGrid.displayOrder')" property="displayOrder" sortable>
-        <template v-slot="scope">
-          <el-input
-            v-if="scope.row.displayOrderType && scope.row.displayOrderType === 'custom'"
-            v-model="scope.row.displayOrder"
-            clearable
-            type="number"
-            size="default"
-            @clear="clearDisplayOrder(scope.row)"
-            @input="handleInput(scope.row, 'displayOrder')"
-          />
-          <el-select v-else v-model="scope.row.displayOrderType">
-            <el-option :label="$t('superGrid.default')" value="default" />
-            <el-option :label="$t('superGrid.custom')" value="custom" />
-          </el-select>
-        </template>
-      </el-table-column>
-      <el-table-column
-        v-if="isDragColumn"
-        :label="$t('superGrid.searchDisplayOrder')"
-        property="searchDisplayOrder"
-        sortable
-      >
-        <template v-slot="scope">
-          <el-input
-            v-if="scope.row.searchDisplayOrderType && scope.row.searchDisplayOrderType === 'custom'"
-            v-model="scope.row.searchDisplayOrder"
-            :disabled="!searchColumns.includes(scope.row.prop)"
-            clearable
-            type="number"
-            size="default"
-            @clear="scope.row.searchDisplayOrderType = 'default'"
-            @input="handleInput(scope.row, 'searchDisplayOrder')"
-          />
-          <el-select
-            v-else
-            v-model="scope.row.searchDisplayOrderType"
-            :disabled="!searchColumns.includes(scope.row.prop)"
-          >
-            <el-option :label="$t('superGrid.default')" value="default" />
-            <el-option :label="$t('superGrid.custom')" value="custom" />
-          </el-select>
-        </template>
-      </el-table-column>
-      <el-table-column :label="$t('superGrid.width')" property="widthType">
-        <template v-slot="scope">
-          <el-input
-            v-if="scope.row.widthType && scope.row.widthType === 'custom'"
-            v-model="scope.row.width"
-            clearable
-            size="default"
-            @clear="clearWidth(scope.row)"
-          />
-          <el-select v-else v-model="scope.row.widthType">
-            <el-option :label="$t('superGrid.default')" value="default" />
-            <el-option :label="$t('superGrid.custom')" value="custom" />
-          </el-select>
-        </template>
-      </el-table-column>
-    </el-table>
-  </el-dialog>
-</template>
-
-<script>
-import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
-import * as Vue from 'vue'
-import store from './store'
-import Sortable from 'sortablejs'
-
-export default {
-  name: 'ColumnsConfig',
-  props: {
-    listCode: {
-      type: String,
-      default: ''
-    },
-    visibleColumns: {
-      type: Object,
-      default: () => {}
-    }
-  },
-  data() {
-    return {
-      columns: [],
-      searchColumns: [],
-      hasLoaded: false
-    }
-  },
-  created() {
-    for (let i = 0; i < this.visibleColumns.length; i++) {
-      const column = this.visibleColumns[i]
-      if (column.queryType === 'normal' && !column.custom && column.prop) {
-        this.searchColumns.push(column.prop)
-      }
-    }
-  },
-  mounted() {
-    this.listAllColumns().then((columns) => {
-      this.columns = columns
-      this.hasLoaded = true
-      this.$nextTick(() => {
-        this.dragColumnDisplayOrder()
-      })
-    })
-  },
-  methods: {
-    isDisabledShow(row) {
-      // 序号、复选框列不可以配置是否显示；占位符列不可以设置是否显示；当不是自定义的显示状态为false时，不可配置是否显示
-      return (
-        (row.prop && (row.prop === '$index' || row.prop === '$selection')) ||
-        row.custom === true ||
-        (row.showType && row.showType !== 'false' && row.show === false)
-      )
-    },
-    isDisabledExport(row) {
-      // 序号、复选框列不可以配置是否导出；占位符列不可以设置是否导出；当不是自定义的导出状态为false时，不可配置是否导出
-      return (
-        (row.prop && (row.prop === '$index' || row.prop === '$selection')) ||
-        row.custom === true ||
-        (row.exportType && row.exportType !== 'false' && row.exportable === false)
-      )
-    },
-    changeShow(row, value) {
-      if (value !== undefined && value === 'false') {
-        row.show = false
-      } else {
-        row.show = true
-      }
-    },
-    changeExport(row, value) {
-      if (value !== undefined && value === 'false') {
-        row.exportable = false
-      } else {
-        row.exportable = true
-      }
-    },
-    saveConfig() {
-      const params = {
-        settingColumns: this.columns,
-        listCode: this.listCode
-      }
-      this.$http
-        .post(window.$vueApp.config.globalProperties.baseAPI + '/component/super-grids/setting-columns', params)
-        .then((data) => {
-          this.$message({
-            type: 'success',
-            message: this.$t('imatrixUIMessage.saveSuccessfully'),
-            showClose: true
-          })
-          $emit(this, 'close', true)
-        })
-    },
-    resetConfig() {
-      this.$confirm(this.$t('superGrid.whetherToConfirmReset'), this.$t('imatrixUIMessage.tips'), {
-        confirmButtonText: this.$t('imatrixUIPublicModel.sure'),
-        cancelButtonText: this.$t('imatrixUIPublicModel.cancel'),
-        type: 'warning'
-      }).then(() => {
-        const url =
-          window.$vueApp.config.globalProperties.baseAPI + '/component/super-grids/reset-columns/' + this.listCode
-        this.$http.delete(url).then(() => {
-          this.$message({
-            type: 'success',
-            message: this.$t('superGrid.resetSuccessful'),
-            showClose: true
-          })
-          this.hasLoaded = false
-          this.listAllColumns().then((columns) => {
-            this.columns = columns
-            this.hasLoaded = true
-            this.$nextTick(() => {
-              this.dragColumnDisplayOrder()
-            })
-            $emit(this, 'reset', true)
-          })
-        })
-      })
-    },
-    listAllColumns() {
-      return new Promise((resolve, reject) => {
-        const url =
-          window.$vueApp.config.globalProperties.baseAPI + '/component/super-grids/all-list-columns/' + this.listCode
-        const gridParams = store.get(this.listCode)
-        const params = {}
-        const isSql = gridParams.isSql
-        this.isDragColumn = gridParams.colSetting.isDragColumn
-        if (typeof isSql !== 'undefined') {
-          params.isSql = isSql + ''
-        }
-        this.$http
-          .post(url, params)
-          .then((columns) => {
-            resolve(columns)
-          })
-          .catch((error) => {
-            reject(error)
-          })
-      })
-    },
-    clearDisplayOrder(row) {
-      row.displayOrderType = 'default'
-    },
-    clearWidth(row) {
-      row.widthType = 'default'
-    },
-    handleInput(row, field) {
-      if (row[field] < 0) {
-        row[field] = 0 // 如果值小于 0，则重置为 0
-      }
-    },
-    // 拖动列顺序
-    dragColumnDisplayOrder() {
-      if (!this.isDragColumn) {
-        return
-      }
-      return new Promise((resolve, reject) => {
-        const tbody = document.querySelector('.custom-config-elTable .el-table__body-wrapper tbody')
-        if (tbody != null) {
-          const vm = this
-          Sortable.create(tbody, {
-            onEnd({ newIndex, oldIndex }) {
-              if (
-                oldIndex !== null &&
-                oldIndex !== undefined &&
-                oldIndex !== -1 &&
-                newIndex !== null &&
-                newIndex !== undefined &&
-                newIndex !== -1
-              ) {
-                const column = vm.columns[oldIndex]
-                const newColumn = vm.columns[newIndex]
-                if (
-                  column.prop &&
-                  column.prop !== '$index' &&
-                  column.prop !== '$selection' &&
-                  newColumn.prop &&
-                  newColumn.prop !== '$index' &&
-                  newColumn.prop !== '$selection'
-                ) {
-                  // 如果是 序号、复选框列，不要修改元素
-                  const dragColumn = JSON.parse(JSON.stringify(vm.columns[oldIndex]))
-                  // 将拖动的元素删除
-                  vm.columns.splice(oldIndex, 1)
-                  // 将拖动的元素插入到新位置
-                  vm.columns.splice(newIndex, 0, dragColumn)
-                }
-              }
-              // 重置列顺序
-              for (let i = 0; i < vm.columns.length; i++) {
-                let column = vm.columns[i]
-                column.displayOrderType = 'custom'
-                column.displayOrder = i + 1
-              }
-              console.log('config拖动字段', vm.columns)
-              console.log('config拖动字段oldIndex', oldIndex)
-              console.log('config拖动字段newIndex', newIndex)
-            }
-          })
-        }
-      })
-    }
-  },
-  emits: ['open', 'opend', 'close', 'closed', 'reset', 'opend', 'close', 'closed']
-}
-</script>

package/packages/super-grid/src/components/grid-icon.vue

@@ -1,157 +0,0 @@
-<template>
-  <span>
-    <span v-if="formatConfig.isTag">
-      <el-tag
-        v-if="displayText"
-        :type="customStyle.type || formatConfig.tagType"
-        :color="customStyle.color"
-        :effect="formatConfig.tagEffect"
-        :size="formatConfig.size"
-        :hit="formatConfig.hit"
-        :round="customStyle.round || formatConfig.round"
-      >
-        {{ displayText }}
-      </el-tag>
-    </span>
-    <span v-else :style="customStyle">
-      <i v-if="formatConfig.position === 'pre'" :class="formatConfig.icon" />
-      <span v-if="formatConfig.displayTextJudge" class="cell--span">{{ displayText }} </span>
-      <i v-if="formatConfig.position === 'suf'" :class="formatConfig.icon" />
-    </span>
-  </span>
-</template>
-
-<script>
-import store from '../store'
-import { getParentObjectUtil } from '../../../../src/utils/util'
-import customFormatter from '../custom-formatter'
-import { isPromise } from '../../../../src/utils/common-util'
-import publicMethodService from '../../../plugins/public-method'
-export default {
-  name: 'GridIcon',
-  props: {
-    column: {
-      type: Object,
-      default: null
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    listCode: {
-      type: String,
-      default: null
-    },
-    isSql: {
-      type: Boolean,
-      default: false
-    },
-    rowIndex: {
-      type: Number,
-      default: 0
-    }
-  },
-  data() {
-    return {
-      customStyle: {},
-      formatConfig: {},
-      displayText: null
-    }
-  },
-  watch: {
-    row: {
-      handler(newValue, oldValue) {
-        this.initFomrat()
-      },
-      deep: true
-    }
-  },
-  created() {
-    this.initFomrat()
-  },
-  mounted() {},
-  methods: {
-    ...customFormatter,
-    initFomrat() {
-      if (this.column.formatter && this.column.formatter.options && this.column.formatter.options.format) {
-        this.formatConfig = JSON.parse(this.column.formatter.options.format)
-        Object.assign(this.formatConfig, this.getFormatIconSetting(this.row))
-        this.displayText = publicMethodService.escapeHtml(this.formatConfig.label)
-        if (this.formatConfig.event) {
-          this.getCustomStyle()
-        }
-      }
-    },
-    // 兼容oracle和mysql数据库，oracle是字段名是大写的，mysql是小写的，将小写转为大写
-    transferColumnDataToUpperCase(row) {
-      const reg1 = /[A-Z]+/ // 大写字母
-      if (this.isSql && reg1.test(this.column.prop)) {
-        this.transferColumnDataToUpperCaseWithProp(row, this.column.prop.toLowerCase(), this.column.prop)
-      }
-    },
-    transferColumnDataToUpperCaseWithProp(row, propLowerCase, columnProp) {
-      let dataModel
-      if (propLowerCase && propLowerCase.indexOf('.') > 0) {
-        const parentObj = getParentObjectUtil(propLowerCase, row)
-        const prop = propLowerCase.substring(propLowerCase.lastIndexOf('.') + 1)
-        dataModel = parentObj[prop]
-        if (dataModel !== undefined) {
-          // sql字段名小写转大写，兼容mysql、oracle数据库
-          parentObj[columnProp] = dataModel
-          delete parentObj[prop]
-        }
-      } else {
-        dataModel = row[propLowerCase]
-        if (dataModel !== undefined) {
-          // sql字段名小写转大写，兼容mysql、oracle数据库
-          row[columnProp] = dataModel
-          delete row[propLowerCase]
-        }
-      }
-      return dataModel
-    },
-    getFormatIconSetting(row) {
-      this.transferColumnDataToUpperCase(row)
-      const gridParams = store.get(this.listCode)
-      const result = this.getIconSetting(this.column, row, this.isSql, gridParams, this.listCode)
-      return result
-    },
-    getHyperIconClass(iconFormat) {
-      let iconName
-      if (iconFormat && iconFormat !== null && iconFormat.icon && iconFormat.icon !== '') {
-        iconName = iconFormat.icon
-      }
-      if (iconName && iconName.indexOf('fa-') === 0) {
-        // 表示以“fa-”开头，使用font-awesome中的图标
-        iconName = 'fa ' + iconName
-      }
-      return iconName
-    },
-    async getCustomStyle() {
-      const params = {
-        value: this.row[this.column.property],
-        row: this.row,
-        column: this.column,
-        prop: this.column.property,
-        rowIndex: this.rowIndex
-      }
-      const gridParams = store.get(this.listCode)
-      if (gridParams.options['eventCallBack'] && gridParams.options['eventCallBack'][this.formatConfig.event]) {
-        const customEventResult = gridParams.options['eventCallBack'][this.formatConfig.event].call(this, params)
-        if (isPromise(customEventResult)) {
-          await customEventResult.then((result) => {
-            console.log('点击前事件返回结果--Promise--resolve---', result)
-            this.customStyle = result
-          })
-        } else {
-          if (customEventResult) {
-            this.customStyle = customEventResult
-          }
-        }
-      }
-    }
-  }
-}
-</script>
-
-<style></style>

package/packages/super-grid/src/components/grid-radio-input.vue

@@ -1,84 +0,0 @@
-<template>
-  <el-radio-group
-    ref="item"
-    v-model="innerValue"
-    :disabled="disabled"
-    :title="getClassOptionTitle(innerValue)"
-    @blur="emits('cellEvent', 'blur', $event)"
-    @change="changeValue"
-    @clear="emits('cellEvent', 'clear', $event)"
-    @focus="emits('cellEvent', 'focus', $event)"
-    @input="emits('cellEvent', 'input', $event)"
-    @visible-change="emits('cellEvent', 'visible-change', $event)"
-  >
-    <el-radio v-for="item in options" :key="item.value" :value="item.value">
-      {{ item.label }}
-    </el-radio>
-  </el-radio-group>
-</template>
-<script lang="ts" setup>
-import { onMounted, ref, defineProps, defineEmits } from 'vue'
-import { getClassOptionTitleCommon } from '../utils'
-const props = defineProps({
-  options: {
-    type: Array,
-    default: () => []
-  },
-  valueSetOptions: {
-    type: Object,
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  modelValue: {
-    type: [String, Number, Boolean],
-    default: ''
-  },
-  prop: {
-    type: String,
-    default: ''
-  },
-  entity: {
-    type: Object,
-    default: () => ({})
-  }
-})
-
-const emits = defineEmits(['update:modelValue', 'cellEvent'])
-const innerValue = ref(props.modelValue)
-
-const changeValue = (val: any) => {
-  innerValue.value = val
-  if (props.valueSetOptions && props.valueSetOptions.length > 0) {
-    // 如果有valueSetOptions，则根据valueSetOptions设置对应的值
-    const selectedOptions = getSelectedOptionItem(val, props.options)
-    if (selectedOptions) {
-      props.valueSetOptions.forEach((item: any) => {
-        if (item.valueField !== props.prop) {
-          props.entity[item.valueField] = selectedOptions[item.columnName]
-        }
-      })
-    }
-  }
-  emits('update:modelValue', val)
-  emits('cellEvent', 'change', val)
-}
-
-/**
- * 根据value获取options中value等于传递的value的选项
- */
-function getSelectedOptionItem(value, options) {
-  if (!options) {
-    return []
-  }
-  return options.find((item) => {
-    return item.value === value
-  })
-}
-
-function getClassOptionTitle(val) {
-  return getClassOptionTitleCommon(val, props.options)
-}
-</script>

package/packages/super-grid/src/components/hyperlinks.vue

@@ -1,130 +0,0 @@
-<template>
-  <span>
-    <el-link :type="getLinkType(row)" @click="clickHyperLink(column, row, listCode, scopeIndex)">
-      <span
-        v-if="isShowOverflowTooltip"
-        :id="column.prop + 'DomData' + scopeIndex"
-        :title="$escapeHtml(getMyHyperLinkSetting(row).title)"
-        :style="{ width: cellWidth + 'px' }"
-        class="ellipsis cell--span"
-        >{{ $escapeHtml(getMyHyperLinkSetting(row).label)
-        }}<i v-if="getMyHyperLinkSetting(row).icon" :class="getMyHyperLinkSetting(row).icon"
-      /></span>
-      <span v-else :id="column.prop + 'DomData' + scopeIndex" class="cell--span"
-        >{{ $escapeHtml(getMyHyperLinkSetting(row).label)
-        }}<i v-if="getMyHyperLinkSetting(row).icon" :class="getMyHyperLinkSetting(row).icon"
-      /></span>
-    </el-link>
-  </span>
-</template>
-
-<script>
-import store from '../store'
-import { getParentObjectUtil } from '../../../../src/utils/util'
-import customFormatter from '../custom-formatter'
-export default {
-  name: 'Hyperlinks',
-  props: {
-    column: {
-      type: Object,
-      default: null
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    listCode: {
-      type: String,
-      default: null
-    },
-    isSql: {
-      type: Boolean,
-      default: false
-    },
-    scopeIndex: {
-      type: Number,
-      default: 0
-    },
-    isShowOverflowTooltip: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    ...customFormatter,
-    getMyHyperLinkSetting(row) {
-      this.transferColumnDataToUpperCase(row)
-      const gridParams = store.get(this.listCode)
-      let tableName
-      if (gridParams && gridParams.basicInfo && gridParams.basicInfo.tableName) {
-        tableName = gridParams.basicInfo.tableName
-      }
-      const hyperLinkResult = this.getHyperLinkSetting(
-        this.column,
-        row,
-        this.isSql,
-        gridParams.additionalParamMap,
-        gridParams.contextParameter,
-        tableName,
-        this.listCode
-      )
-      hyperLinkResult.icon = this.getHyperIconClass(hyperLinkResult)
-      return hyperLinkResult
-    },
-    // 兼容oracle和mysql数据库，oracle是字段名是大写的，mysql是小写的，将小写转为大写
-    transferColumnDataToUpperCase(row) {
-      const reg1 = /[A-Z]+/ // 大写字母
-      if (this.isSql && reg1.test(this.column.prop)) {
-        this.transferColumnDataToUpperCaseWithProp(row, this.column.prop.toLowerCase(), this.column.prop)
-      }
-    },
-    transferColumnDataToUpperCaseWithProp(row, propLowerCase, columnProp) {
-      let dataModel
-      if (propLowerCase && propLowerCase.indexOf('.') > 0) {
-        const parentObj = getParentObjectUtil(propLowerCase, row)
-        const prop = propLowerCase.substring(propLowerCase.lastIndexOf('.') + 1)
-        dataModel = parentObj[prop]
-        if (dataModel !== undefined) {
-          // sql字段名小写转大写，兼容mysql、oracle数据库
-          parentObj[columnProp] = dataModel
-          delete parentObj[prop]
-        }
-      } else {
-        dataModel = row[propLowerCase]
-        if (dataModel !== undefined) {
-          // sql字段名小写转大写，兼容mysql、oracle数据库
-          row[columnProp] = dataModel
-          delete row[propLowerCase]
-        }
-      }
-      return dataModel
-    },
-    getHyperIconClass(hyperLinkResult) {
-      let iconName
-      if (hyperLinkResult && hyperLinkResult !== null && hyperLinkResult.icon && hyperLinkResult.icon !== '') {
-        iconName = hyperLinkResult.icon
-      }
-      if (iconName && iconName.indexOf('fa-') === 0) {
-        // 表示以“fa-”开头，使用font-awesome中的图标
-        iconName = 'fa ' + iconName
-      }
-      return iconName
-    },
-    getLinkType(row) {
-      if (this.column.events && this.column.events['cellStyle']) {
-        const params = {
-          value: row[this.column.property],
-          row: row,
-          column: this.column,
-          prop: this.column.property
-        }
-        const gridParams = store.get(this.listCode)
-        return gridParams.options['eventCallBack'][this.column.events['cellStyle']].call(this, params)
-      }
-      return 'primary'
-    }
-  }
-}
-</script>
-
-<style></style>