agilebuilder-ui 1.1.65-tmp3 → 1.1.65-tmp30

package/packages/row-form/index.vue

@@ -1,284 +0,0 @@
-<template>
-  <el-drawer
-    v-model="isShowForm"
-    :close-on-click-modal="false"
-    :close-on-press-escape="false"
-    direction="btt"
-    size="100%"
-    @close="closeForm()"
-  >
-    <template #header>
-      <div style="text-align: center">
-        {{ $t('superGrid.recordLine', { row: realEditIndex + 1 }) }}
-      </div>
-    </template>
-    <template #default>
-      <operation
-        v-if="operationColumn"
-        :column="operationColumn"
-        :list-code="listCode"
-        :currentPage="currentPage"
-        :grid-data="gridData"
-        :page-grid-data="pageGridData"
-        :row="gridData[realEditIndex]"
-        :rowIndex="realEditIndex"
-        :parentFormData="parentFormData"
-        @refreshList="refreshList"
-        @afterClick="afterClickBtn"
-      />
-      <el-form label-width="auto">
-        <template v-for="(column, index) in columns" >
-          <el-form-item  :key="index" v-if="column.prop != '$index' && column.prop != '$selection'  && column.prop != 'operation'" :label="getMyHeaderLable(column)" >
-            <div class="row-form-item">
-              <NormalColumnContent
-              :ref="column.prop"
-              :is-sql="isSql"
-              :column="column"
-              :list-code="listCode"
-              :drag-column-prop="dragColumnProp"
-              :right-click-menu-arr="options.rightClickMenuArr"
-              :table-name="tableName"
-              :page-code="pageCode"
-              :list-toolbar-form-data="listToolbarFormData"
-              :list-name="listName"
-              :options="options"
-              :current-page="currentPage"
-              :grid-data="gridData"
-              :page-grid-data="pageGridData"
-              :row="gridData[realEditIndex]"
-              :row-index="realEditIndex"
-              :is-show-form="true"
-              @open-page="openPageEvent"
-              @refresData="refresData"
-              @refresh-list="refreshList"
-              @refresPortData="refresPortData"
-              @refresPortsData="refresPortsData"
-              @refresMainTableFields="refresMainTableFields"
-              @prohibitToEdit="prohibitToEdit"
-            />
-            </div>
-          </el-form-item>
-        </template>
-
-      </el-form>
-      <el-button v-if="realEditIndex !== 0" type="primary" link @click="prevRow">
-        {{ $t('superGrid.prevRow') }}
-      </el-button>
-      <el-button v-if="realEditIndex !== gridData.length - 1" type="primary" link @click="nextRow">
-        {{ $t('superGrid.nextRow') }}
-      </el-button>
-    </template>
-  </el-drawer>
-</template>
-<script lang="ts">
-export default {
-  components: { operation },
-  name: 'RowForm'
-}
-</script>
-<script setup lang="ts">
-import NormalColumnContent from '../super-grid/src/normal-column-content.vue'
-import {
-  getHeaderLable
-} from '../super-grid/src/utils'
-import { reactive, ref, onMounted, defineEmits, nextTick } from 'vue'
-import RowOperation from '../super-grid/src/row-operation.vue'
-import store from '../super-grid/src/store'
-import operation from './operation.vue'
-const props = defineProps<{
-  columns: {
-    type: Array<any>
-    default: null
-  }
-  listCode: {
-    type: String
-    default: null
-  }
-  isSql: {
-    type: Boolean
-    default: false
-  }
-  dragColumnProp: {
-    type: String
-    default: null
-  }
-  tableName: {
-    type: String
-    default: null
-  }
-  pageCode: {
-    type: String
-    default: null
-  }
-  listName: {
-    type: String
-    default: null
-  }
-  currentPage: {
-    type: Number
-    default: 1
-  }
-  gridData: {
-    type: Array<any>
-    default: null
-  }
-  pageGridData: {
-    type: Array<any>
-    default: null
-  }
-  listToolbarFormData: {
-    type: Object
-    default: null
-  }
-  // 行记录序号
-  rowIndex: {
-    type: Number
-    default: 0
-  }
-  options: {
-    type: Object
-    default: null
-  }
-  lineEdit: {
-    type: Object
-    default: null
-  }
-  // 是否显示分页
-  showPage: {
-    type: Boolean
-    default: false
-  }
-  // 每页显示多少条
-  pageSize: {
-    type: Number,
-    default: null
-  }
-}>()
-const emits = defineEmits([
-  'open-page',
-  'close',
-  'prohibitToEdit',
-  'refresData',
-  'refresPortData',
-  'refresPortsData',
-  'refresMainTableFields',
-  'refreshList'
-])
-const realEditIndex: any = ref(getCurrentRowIndex())
-
-const isShowForm = ref(true)
-const reload = ref(true)
-let parentFormData:any
-const gridParams = store.get(props.listCode)
-const options = gridParams.options
-if (gridParams.options.extraParam && gridParams.options.extraParam.entityMap) {
-  parentFormData = gridParams.options.extraParam.entityMap
-}
-const operationColumn = ref(null)
-const operationCols = props.columns?props.columns.filter(item=>item.prop&&item.prop==='operation'):null
-if(operationCols && operationCols.length > 0) {
-  operationColumn.value= operationCols[0]
-}
-
-function getCurrentRowIndex() {
-  let realRowIndex:any = props.rowIndex
-  if(props.showPage){
-    if(props.rowIndex < props.pageSize) {
-      realRowIndex = ((props.currentPage-1) * props.pageSize) + props.rowIndex
-    } else {
-      realRowIndex = (props.currentPage * props.pageSize)-1
-    }
-  }
-  return realRowIndex
-}
-
-function getMyHeaderLable(column) {
-  return getHeaderLable(column)
-}
-function prevRow() {
-  reload.value = false
-  --realEditIndex.value
-  nextTick(() => {
-    reload.value = true
-  })
-}
-function nextRow() {
-  reload.value = false
-  ++realEditIndex.value
-  nextTick(() => {
-    reload.value = true
-  })
-}
-function isShowColumn(column) {
-  let hidden = true
-  if (column && column) {
-    if (column.prop === '$index') {
-      hidden = false
-    } else if (column.prop === 'operation') {
-      hidden = false
-    } else if (column.prop === '$detail') {
-      hidden = false
-    } else if (!column.show) {
-      hidden = false
-    } else if (column.formatter && column.formatter.type === 'hyperlinks') {
-      hidden = false
-    }
-  }
-  return hidden
-}
-
-function closeForm() {
-  isShowForm.value = false
-  emits('close')
-}
-
-function openPageEvent(openPageParams) {
-  emits('open-page', openPageParams)
-}
-
-// 设置字段禁止编辑
-function prohibitToEdit(entity) {
-  emits('prohibitToEdit', entity)
-}
-
-function refresData(data) {
-  emits('refresData', data)
-}
-function refresPortData(port, value) {
-  if (props && props.lineEdit && props.lineEdit.editingCell) {
-    emits('refresPortData', port, value, props.lineEdit.editingCell.row)
-  } else {
-    emits('refresPortData', port, value, this.index)
-  }
-}
-function refresPortsData(map) {
-  if (props && props.lineEdit && props.lineEdit.editingCell) {
-    emits('refresPortsData', map, props.lineEdit.editingCell.row)
-  } else {
-    emits('refresPortsData', map, this.index)
-  }
-}
-function refresMainTableFields(map) {
-  emits('refresMainTableFields', map)
-}
-
-function refreshList() {
-  emits('refreshList')
-}
-
-function afterClickBtn(params) {
-  console.log('afterClickBtn----params=', params)
-  reload.value = false
-  realEditIndex.value=props.gridData.length - 1
-  nextTick(() => {
-    reload.value = true
-  })
-}
-</script>
-
-<style lang="scss" scoped>
-// 必须加这个width，否则会导致展开的子表的下拉框组件没有宽度，无法显示内容
-.row-form-item {
-  width: 50%;
-}
-</style>

package/packages/row-form/operation.vue

@@ -1,151 +0,0 @@
-<template>
-  <div v-if="column.operations" class="grid-operation-buttons">
-    <span
-      v-for="(operation, operationIndex) in column.operations"
-      :key="operationIndex"
-      :class="isShowForm ? '' : 'cell--span'"
-      class="buttons-row-operation-span"
-    >
-      <el-dropdown
-        v-if="operation.isGroup"
-        :size="operation.buttons && operation.buttons.length > 0 ? operation.buttons[0].props.size : 'small'"
-        split-button
-        @command="handleCommand"
-      >
-        {{ $escapeHtml(operation.label) }}
-        <template v-slot:dropdown>
-          <el-dropdown-menu>
-            <span
-              v-for="(buttonChild, buttonChildIndex) in operation.buttons"
-              :key="buttonChild.props.code + buttonChildIndex"
-            >
-              <el-dropdown-item
-                v-permission="buttonChild.props.permission"
-                :command="beforeHandleCommand(buttonChild.props.code, row, rowIndex)"
-                :disabled="preventReclick"
-              >
-                {{ $escapeHtml(buttonChild.props.label) }}
-              </el-dropdown-item>
-            </span>
-          </el-dropdown-menu>
-        </template>
-      </el-dropdown>
-      <component
-        :is="operation.props.customControl"
-        v-else-if="operation.props.customControl"
-        v-permission="operation.props.permission"
-        :key="column.prop + '_' + rowIndex + '_' + currentPage"
-        :disabled="true"
-        :row="pageGridData[rowIndex]"
-        :entity="pageGridData[rowIndex]"
-        :prop="column.prop"
-        :parent="parentFormData"
-        :row-index="rowIndex"
-        :grid-data="gridData"
-        :page-grid-data="pageGridData"
-        :current-page="currentPage"
-        @refresh-list="refreshList"
-      />
-      <row-operation
-        v-else
-        :column="column"
-        :editing="row.$editing"
-        :entity="row"
-        :is-show="operation.isShow"
-        :label="operation.props.label ? operation.props.label : row[column.prop]"
-        :on-click="operation.onClick"
-        :operation-index="operationIndex"
-        :operation-setting="operation.props"
-        :row-index="rowIndex"
-        :list-code="listCode"
-        :parent-form-data="parentFormData"
-        @afterClick="afterClickBtn"
-      />
-    </span>
-  </div>
-</template>
-<script lang="ts">
-export default {
-  name: 'RowForm'
-}
-</script>
-<script setup lang="ts">
-import NormalColumnContent from '../super-grid/src/normal-column-content.vue'
-import { getHeaderLable } from '../super-grid/src/utils'
-import { reactive, ref, onMounted, defineEmits, nextTick } from 'vue'
-import RowOperation from '../super-grid/src/row-operation.vue'
-import customFormatter from '../super-grid/src/custom-formatter'
-const props = defineProps<{
-  column: {
-    type: Object,
-    default: null
-  }
-  listCode: {
-    type: String
-    default: null
-  }
-  currentPage: {
-    type: Number
-    default: 1
-  }
-  gridData: {
-    type: Array<any>
-    default: null
-  }
-  pageGridData: {
-    type: Array<any>
-    default: null
-  }
-  // 行记录序号
-  rowIndex: {
-    type: Number
-    default: 0
-  }
-  // 父表单实体
-  parentFormData: {
-    type: Object
-    default: null
-  }
-  row: {
-    type: Object
-    default: null
-  }
-}>()
-const emits = defineEmits([
-  'refreshList',
-  'afterClick'
-])
-const realEditIndex: any = ref(props.rowIndex)
-const isShowForm = ref(true)
-const reload = ref(true)
-function beforeHandleCommand(comman, row, rowIndex) {
-  return {
-    comman: comman,
-    row: row,
-    rowIndex: rowIndex
-  }
-}
-function handleCommand(comman) {
-  let prop = null
-  props.column.operations.forEach((item) => {
-    if (item.isGroup) {
-      item.buttons.forEach((button) => {
-        if (button.props.code === comman.comman) {
-          prop = button
-        }
-      })
-    }
-  })
-  if (prop) {
-    customFormatter.onClickFun(comman.row, props.column, prop.onClick, comman.rowIndex)
-  }
-}
-
-function refreshList() {
-  emits('refreshList')
-}
-
-function afterClickBtn() {
-  emits('afterClick',{row: props.row, column: props.column, rowIndex: props.rowIndex})
-}
-</script>

package/packages/scan-code-input/index.js

@@ -1,6 +0,0 @@
-import ScanCodeInput from './src/scan-code-input.vue'
-ScanCodeInput.install = function (Vue) {
-  Vue.component(ScanCodeInput.name, ScanCodeInput)
-}
-
-export default ScanCodeInput

package/packages/scan-code-input/src/events.js

@@ -1,34 +0,0 @@
-import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
-const events = {
-  /**
-   * 选中值发生变化时触发
-   * @param {*} newValue
-   */
-  change: function (newValue) {
-    $emit(this, 'change', newValue)
-  },
-  /**
-   * 可清空的单选模式下用户点击清空按钮时触发
-   */
-  clear: function () {
-    $emit(this, 'clear')
-  },
-  /**
-   * 当 input 失去焦点时触发
-   * @param {*} event
-   */
-  blur: function (event) {
-    $emit(this, 'blur', event)
-  },
-  /**
-   * 当 input 获得焦点时触发
-   * @param {*} event
-   */
-  focus: function (event) {
-    $emit(this, 'focus', event)
-  },
-  input(newValue) {
-    $emit(this, 'update:value', newValue)
-  },
-}
-export default events

package/packages/scan-code-input/src/scan-code-input.vue

@@ -1,164 +0,0 @@
-<template>
-  <div>
-    <el-input
-      :model-value="value"
-      :disable="disable"
-      :placeholder="placeholder"
-      :clearable="clearable"
-      :readonly="readonly"
-      :maxlength="maxlength"
-      @change="change"
-      @blur="blur"
-      @focus="focus"
-      @input="input"
-      @clear="clear"
-    >
-      <template v-if="isShowScanIcon" v-slot:append>
-        <SuperIcon iconValue="fa-barcode" @click="scanClick()"></SuperIcon>
-      </template>
-      <!-- <el-button slot="append" icon="el-icon-full-screen" @click="openVideo" /> -->
-    </el-input>
-    <scan-code-input-browser v-if="isShow" :colse-video="colseVideo" @close="closeBrowserScan" />
-  </div>
-</template>
-
-<script type="text/ecmascript-6">
-import { $on, $off, $once, $emit } from '../../utils/gogocodeTransfer'
-import scanCodeInputBrowser from '../../scan-code-input-browser/src/scan-code-input.vue'
-import events from './events'
-import { isMobileBrowser } from '../../../src/utils/common-util'
-export default {
-  data() {
-    const isMobile = isMobileBrowser()
-    let userAgent
-    const userAgentOrg = navigator.userAgent
-    if (userAgentOrg.indexOf(' uni-app ') > 0) {
-      // 表示uni-app中访问的
-      userAgent = 'app'
-    } else {
-      // 表示手机浏览器访问的
-      userAgent = 'browser'
-    }
-    console.log('scanCodeInputBrowser----window.location.protocol---', window.location.protocol)
-    const isShowScanIcon = isMobile && window.location.protocol === 'https:' ? true: false
-    const isApk = isMobile && userAgent && userAgent === 'app' ? true: false
-    return {
-      isMobile,
-      isShow: false,
-      scanCode: '',
-      isShowScanIcon,
-      isApk
-    }
-  },
-  name: 'ScanCodeInput',
-  components: {
-    scanCodeInputBrowser
-  },
-  model: {
-    prop: 'value',
-    event: 'input'
-  },
-  props: {
-    colseVideo: {
-      type: Boolean,
-      default: false
-    },
-    value: {
-      type: String,
-      default: null
-    },
-    disable: {
-      type: Boolean,
-      default: false
-    },
-    placeholder: {
-      type: String,
-      default: null
-    },
-    clearable: {
-      type: Boolean,
-      default: null
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    maxlength: {
-      type: Number,
-      default: null
-    },
-    // 组件id，页面内要唯一
-    componentId: {
-      type: String,
-      default: null
-    },
-    // 列表中使用该组件，需要传该参数
-    listCode: {
-      type: String,
-      default: null
-    }
-  },
-  watch: {
-    value: {
-      deep: true,
-      handler(val) {
-        this.scanCode = this.value
-      }
-    }
-  },
-  created() {
-    // this.tipShow = true
-    this.scanCode = this.value
-  },
-  beforeUnmount() {},
-  methods: {
-    ...events,
-    // equipment() {
-    //   const flag = navigator.userAgent.match(
-    //     /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
-    //   )
-    //   if (flag) {
-    //     return flag
-    //   } else {
-    //     try {
-    //       document.createEvent('TouchEvent')
-    //       return true
-    //     } catch (e) {
-    //       return false
-    //     }
-    //   }
-    // },
-    openVideo() {
-      if (this.isShow) {
-        this.isShow = false
-      } else {
-        this.isShow = true
-      }
-    },
-    closeBrowserScan(value) {
-      this.isShow = false
-      this.value = value
-      $emit(this, 'colse', value)
-    },
-    scanClick(){
-      if(!this.isApk){
-        // 表示是移动端浏览器
-        this.openVideo()
-      } else {
-        // 表示是移动端apk
-        this.scanClickApk()
-      }
-    },
-    scanClickApk() {
-      // 表示是APK中
-      const message = {
-        type: 'scan',
-        componentId: this.componentId,
-        listCode: this.listCode
-      }
-      window.parent.postMessage(JSON.stringify(message), '*')
-    }
-  },
-  emits: ['colse', 'update:value']
-}
-</script>

package/packages/scan-code-input-browser/index.js

@@ -1,6 +0,0 @@
-import ScanCodeInputBrowser from './src/scan-code-input.vue'
-ScanCodeInputBrowser.install = function (Vue) {
-  Vue.component(ScanCodeInputBrowser.name, ScanCodeInputBrowser)
-}
-
-export default ScanCodeInputBrowser