agilebuilder-ui 1.1.65-tmp3 → 1.1.65-tmp31

package/packages/dynamic-source-select/src/events.js

@@ -1,72 +0,0 @@
-const events = {
-  /**
-   * 选中值发生变化时触发
-   * @param {*} newValue
-   */
-  change: function (newValue) {
-    const item = this.getSelectedOptionItem(newValue)
-    this.$emit('change', newValue, item)
-  },
-  /**
-   * 下拉框出现/隐藏时触发
-   * @param {*} visible 出现则为 true，隐藏则为 false
-   */
-  visibleChange: function (visible) {
-    this.$emit('visible-change', visible)
-  },
-  /**
-   * 多选模式下移除tag时触发
-   * @param {*} remote 是否启用了远程搜索
-   * @param {*} tag 移除的tag值
-   */
-  removeTag: function (remote, tag) {
-    this.$emit('remove-tag', tag)
-    if (Array.isArray(this.value)) {
-      if (this.value.length === 1 && remote) {
-        this.clearMarkValue()
-        this.remoteQuery('', null)
-      }
-    }
-  },
-  /**
-   * 可清空的单选模式下用户点击清空按钮时触发
-   */
-  clear: function () {
-    this.clearMarkValue()
-    this.$emit('clear')
-  },
-  /**
-   * 当 input 失去焦点时触发
-   * @param {*} event
-   */
-  blur: function (event) {
-    this.$emit('blur', event)
-  },
-  /**
-   * 当 input 获得焦点时触发
-   * @param {*} event
-   */
-  focus: function (event) {
-    this.$emit('focus', event)
-  },
-  input(newValue) {
-    this.$emit('update:value', newValue)
-  },
-  getSelectedOptionItem(selectValue) {
-    if (this.baseProps.multiple !== undefined && this.baseProps.multiple === true && Array.isArray(selectValue)) {
-      const selected = []
-      for (var i = 0; i < selectValue.length; i++) {
-        const value = this.optionItems.find((item) => {
-          return item[this.valueAttribute] === selectValue[i]
-        })
-        selected.push(value)
-      }
-      return selected
-    } else {
-      return this.optionItems.find((item) => {
-        return item[this.valueAttribute] === selectValue
-      })
-    }
-  }
-}
-export default events

package/packages/empty-state/index.vue

@@ -1,28 +0,0 @@
-<template>
-  <div class="empty_center_area">
-    <div class="empty_notAvailable" :style="{ width: props.imageWidth, height: props.imageHeight }">
-      <span class="empty_notAvailable_text">
-        {{ props.emptyText ? props.emptyText : t('imatrixUIPromptMessage.NoContent') }}
-      </span>
-    </div>
-  </div>
-</template>
-<script lang="ts" setup>
-import { defineProps } from 'vue'
-import { useI18n } from 'vue-i18n'
-const { t } = useI18n()
-const props = defineProps({
-  imageHeight: {
-    type: String,
-    default: '120px'
-  },
-  imageWidth: {
-    type: String,
-    default: '120px'
-  },
-  emptyText: {
-    type: String,
-    default: ''
-  }
-})
-</script>

package/packages/fs-preview/index.js

@@ -1,6 +0,0 @@
-import FsPreview from './src/fs-preview.vue'
-FsPreview.install = function (Vue) {
-  Vue.component(FsPreview.name, FsPreview)
-}
-
-export default FsPreview

package/packages/fs-preview/src/fs-preview.vue

@@ -1,535 +0,0 @@
-<template>
-  <div ref="fsPreviewRef">
-    <div ref="filePreviewRef" @dblclick="dblclickEvent" class="fs-preview-container">
-      <slot name="prefix"></slot>
-      <template v-if="firstFileName && !uploading">
-        <div class="fs-preview-container">
-          <super-icon :iconValue="getFileIconByName(firstFileName)" />
-        </div>
-        <span :title="firstFileName" ref="nameRef" class="amb-list-preivew-name">
-          {{ firstFileName }}
-        </span>
-      </template>
-      <div v-if="firstFileName && !uploading" ref="toolRef" class="fs-preview-tool">
-        <slot name="tool-prefix" :item="getFirstFile()"></slot>
-        <el-tooltip v-if="enableDelete && !disabled" :content="$t('fsUpload.delete')">
-          <super-icon @click="deleteFirst()" iconValue="amb-color-icon-del" />
-        </el-tooltip>
-        <el-tooltip v-if="!disabled || !fileSetObj.disabledNoPreview" :content="$t('fsUpload.preview')">
-          <super-icon @click="previewFirst()" iconValue="amb-icon-yulan" />
-        </el-tooltip>
-        <el-tooltip v-if="!disabled || !fileSetObj.disabledNoDownload" :content="$t('fsUpload.download')">
-          <super-icon @click="downloadFirst()" iconValue="amb-icon-xiazai" />
-        </el-tooltip>
-        <slot name="tool-suffix" :item="getFirstFile()"></slot>
-        <el-divider v-if="showMultipleFile" direction="vertical" />
-        <el-popover :width="450" trigger="click">
-          <template #reference>
-            <el-button v-if="showMultipleFile" plain type="primary" round size="small" @click="showMultiView">
-              {{ $t('fsUpload.more') }}
-              <el-icon><ArrowDownBold /></el-icon>
-            </el-button>
-          </template>
-          <div style="max-height: 300px; overflow-y: auto">
-            <div v-for="(item, index) in fileList" :ref="item.serverPath" :key="item.serverPath" class="file-item">
-              <div style="display: flex; align-items: center; flex: 1">
-                <span class="more-file-icon">
-                  <super-icon :iconValue="getFileIconByName(item.showName)" />
-                </span>
-                <span class="amb-list-preivew-name" style="width: 230px; margin-left: 10px">
-                  {{ item.showName }}
-                </span>
-              </div>
-              <div class="file-actions">
-                <!-- <el-link v-if="enableDelete" type="danger" underline @click="deleteFile(item)">
-                  {{ $t('fsUpload.delete') }}
-                </el-link>
-                <el-link
-                  type="primary"
-                  v-if="!disabled || !fileSetObj.disabledNoPreview"
-                  underline
-                  @click="previewSingle(item)"
-                >
-                  {{ $t('fsUpload.preview') }}
-                </el-link>
-                <el-link type="primary" v-if="!disabled || !fileSetObj.disabledNoDownload" underline>
-                  {{ $t('fsUpload.download') }}
-                </el-link> -->
-                <slot name="tool-more-prefix" :item="item"></slot>
-                <el-tooltip v-if="enableDelete" :content="$t('fsUpload.delete')">
-                  <super-icon @click="deleteFile(item)" iconValue="amb-color-icon-shanchu" />
-                </el-tooltip>
-                <el-tooltip v-if="!disabled || !fileSetObj.disabledNoPreview" :content="$t('fsUpload.preview')">
-                  <super-icon @click="previewSingle(item)" iconValue="amb-icon-yulan" />
-                </el-tooltip>
-                <el-tooltip v-if="!disabled || !fileSetObj.disabledNoDownload" :content="$t('fsUpload.download')">
-                  <super-icon @click="donwloadFile(index)" iconValue="amb-icon-xiazai" />
-                </el-tooltip>
-              </div>
-            </div>
-          </div>
-        </el-popover>
-      </div>
-    </div>
-    <el-image-viewer
-      v-if="showPreviewSingleImage"
-      teleported
-      :url-list="[previewImageInfo.src]"
-      @close="showPreviewSingleImage = false"
-    />
-  </div>
-</template>
-
-<script>
-// import { Image } from 'antd';
-import { Paperclip as ElIconPaperclip, View as ElIconView, Download as ElIconDownload } from '@element-plus/icons-vue'
-import * as Vue from 'vue'
-import {
-  isPlateSys,
-  getSystemFrontendUrlWith,
-  getRelativeBaseUrl,
-  getKkFilePreviewUrl
-} from '../../../src/utils/common-util'
-import { isImage, getEntityFieldValue, getI18n } from '../../../src/utils/util'
-import { packageFile } from '../../super-grid/src/utils'
-import { getToken } from '../../../src/utils/auth'
-import { getFileIconByName } from '../../../src/utils/file-util'
-import { getWatermarkSetting } from '../../../src/utils/watermark'
-export default {
-  components: {
-    ElIconPaperclip,
-    ElIconView,
-    ElIconDownload
-  },
-  name: 'FsPreview',
-  props: {
-    width: {
-      type: [String, Number],
-      default: '100%'
-    },
-    label: {
-      type: String,
-      default: null
-    },
-    fileSetObj: {
-      type: Object,
-      default: null
-    },
-    isSql: {
-      type: Boolean,
-      default: false
-    },
-    entity: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    fileInfo: {
-      type: Object,
-      default: () => {
-        return {}
-      }
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    enableDelete: {
-      type: Boolean,
-      default: false
-    },
-    // 水印配置{isShowWatermark:true/false,content:'xxxxx'}
-    watermark: {
-      type: Object,
-      default: () => ({})
-    },
-    uploading: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      showPreviewSingleImage: false,
-      showPreviewMulti: false,
-      previewImageInfo: {},
-      fileList: [],
-      downloadable: true,
-      keyValueParam: {},
-      showMultipleFile: false,
-      firstFileUUid: ''
-    }
-  },
-  computed: {
-    firstFileName() {
-      if (this.label?.indexOf(',') > -1) {
-        this.showMultipleFile = true
-        return this.label.split(',')[0]
-      } else {
-        this.showMultipleFile = false
-        return this.label
-      }
-    },
-    lab() {
-      return this.label || this.fileInfo.showName || '文件预览'
-    }
-  },
-  created() {
-    this.keyValueParam = this.analysisFileSetObj(this.fileSetObj, this.isSql)
-    if (this.fileSetObj && this.fileSetObj.downloadable !== undefined && this.fileSetObj.downloadable !== null) {
-      this.downloadable = this.fileSetObj.downloadable
-    }
-  },
-  methods: {
-    dblclickEvent() {
-      clearTimeout(this.time)
-    },
-    getFirstFile() {
-      const { showName, serverPath } = this.getShowNameAndUuidKey()
-      if (serverPath) {
-        const uuids = serverPath.split(',')
-        if (uuids.length > 1) {
-          return { showName: showName.split(',')[0], serverPath: serverPath.split(',')[0] }
-        } else {
-          return { showName: showName, serverPath: serverPath }
-        }
-      }
-      return null
-    },
-    previewFirst() {
-      this.previewSingle(this.getFirstFile())
-    },
-    downloadFirst() {
-      const { showName, serverPath } = this.getFirstFile()
-      this.download(showName, serverPath)
-    },
-    previewSingle(fileInfo) {
-      fileInfo = packageFile(fileInfo.showName, fileInfo.serverPath)
-      if (isImage(fileInfo.showName)) {
-        this.previewImageInfo = fileInfo
-        this.showPreviewSingleImage = true
-      } else {
-        this.previewDoc(fileInfo)
-      }
-    },
-    donwloadViewFile() {
-      const { showName, serverPath } = this.getShowNameAndUuidKey()
-      if (serverPath) {
-        const uuids = serverPath.split(',')
-        if (uuids.length > 1) {
-          this.previewMuti()
-        } else {
-          // 单个文件
-          this.download(showName, serverPath)
-        }
-      }
-    },
-    getShowNameAndUuidKey() {
-      let showName = null
-      let serverPath = null
-      if (this.fileInfo.showName && this.fileInfo.serverPath) {
-        serverPath = this.fileInfo.serverPath
-        showName = this.fileInfo.showName
-      } else if (this.entity) {
-        serverPath = getEntityFieldValue(this.entity, this.keyValueParam.serverPath)
-        showName = getEntityFieldValue(this.entity, this.keyValueParam.showName)
-      }
-      return {
-        showName: showName,
-        serverPath: serverPath
-      }
-    },
-    previewMuti() {
-      if (this.disabled && this.fileSetObj.disabledNoPreview) {
-        return
-      }
-      const { showName, serverPath } = this.getShowNameAndUuidKey()
-      if (serverPath) {
-        const uuids = serverPath.split(',')
-        if (uuids.length > 1) {
-          const baseURL = window.$vueApp.config.globalProperties.baseURL
-          const baseAPI = window.$vueApp.config.globalProperties.baseAPI
-          let tempAction = baseURL + '/common/fs-upload/search-file-names'
-          if (isPlateSys(window.$vueApp.config.globalProperties.systemCode)) {
-            tempAction = baseAPI + '/api/search-file-names'
-          }
-          tempAction = getRelativeBaseUrl(tempAction)
-          this.$http.post(tempAction, uuids).then((result) => {
-            this.fileList = []
-            uuids.forEach((uuid) => {
-              this.fileList.push({ showName: result[uuid], serverPath: uuid })
-            })
-            this.showPreviewMulti = true
-          })
-        } else {
-          this.previewSingle({
-            showName: showName,
-            serverPath: serverPath
-          })
-        }
-      }
-
-      // var that = this
-      // clearTimeout(that.time)
-      // that.time = setTimeout(() => {
-      // }, 200)
-    },
-    previewDoc(fileInfo) {
-      const token = getToken()
-      const showName = fileInfo.showName
-      if (window.$vueApp.config.globalProperties.customPreviewUrl) {
-        window.open(
-          getSystemFrontendUrlWith(window.$vueApp.config.globalProperties.portalUrl) +
-            '/#/file-service/preview?serverPath=' +
-            fileInfo.serverPath +
-            '&showName=' +
-            encodeURIComponent(showName),
-          showName
-        )
-      } else {
-        let baseUrl = window.$vueApp.config.globalProperties.baseURL
-        if (isPlateSys(window.$vueApp.config.globalProperties.systemCode)) {
-          baseUrl = window.$vueApp.config.globalProperties.baseAPI
-        }
-        let previewUrl
-        if (window.$vueApp.config.globalProperties.kkFileViewUrl) {
-          const originUrl =
-            baseUrl +
-            '/common/super-form/downloads?jwt=' +
-            token +
-            '&showName=' +
-            encodeURIComponent(showName) +
-            '&serverPath=' +
-            fileInfo.serverPath
-          //要预览文件的访问地址
-          const myPreviewUrl = originUrl + '&fullfilename=' + encodeURIComponent(showName)
-          console.log('myPreviewUrl====', myPreviewUrl)
-          // http://127.0.0.1:8012/onlinePreview
-          getKkFilePreviewUrl(myPreviewUrl).then((url) => {
-            window.open(url, showName)
-          })
-          // window.$vueApp.config.globalProperties.kkFileViewUrl +
-          // '?url=' +
-          // encodeURIComponent(Base64.encode(myPreviewUrl))
-          // window.open(previewUrl, showName)
-          // console.log('previewUrl====', previewUrl)
-        } else {
-          previewUrl = baseUrl + '/common/fs-upload/preview?jwt=' + token
-          previewUrl = previewUrl + '&showName=' + encodeURIComponent(showName) + '&serverPath=' + fileInfo.serverPath
-          previewUrl = getRelativeBaseUrl(previewUrl)
-          window.open(previewUrl, showName)
-        }
-      }
-    },
-    donwloadFile(index) {
-      const showName = this.formatFileName(this.fileList[index].showName)
-      if (!this.fileList[index].src) {
-        this.download(showName, this.fileList[index].serverPath)
-      } else {
-        const src = getRelativeBaseUrl(this.fileList[index].src)
-        window.open(src)
-      }
-    },
-    async download(showName, serverPath) {
-      const token = getToken()
-      const watermark = await getWatermarkSetting()
-      let isShowWatermark = false
-      if (watermark && watermark.useRange && watermark.useRange.indexOf('annex') >= 0) {
-        isShowWatermark = this.watermark.isShowWatermark === undefined ? true : this.watermark.isShowWatermark
-      }
-      let watermarkContent = this.watermark?.content
-      if (!watermarkContent && watermark) {
-        watermarkContent = watermark.content
-      }
-      if (!watermarkContent) {
-        watermarkContent = ''
-      }
-      let url = window.$vueApp.config.globalProperties.baseURL + '/common/super-form/downloads?jwt=' + token
-      if (isPlateSys(window.$vueApp.config.globalProperties.systemCode)) {
-        url = window.$vueApp.config.globalProperties.baseAPI + '/component/super-form/downloads?jwt=' + token
-      }
-      url = getRelativeBaseUrl(url)
-      const src =
-        url +
-        '&showName=' +
-        encodeURIComponent(showName) +
-        '&serverPath=' +
-        serverPath +
-        '&isShowWatermark=' +
-        isShowWatermark +
-        '&watermark=' +
-        watermarkContent
-      debugger
-      window.open(src)
-    },
-    analysisFileSetObj(fileSetObj, isSql) {
-      let showName = ''
-      let serverPath = ''
-      if (fileSetObj) {
-        if (fileSetObj.showNameData) {
-          if (isSql) {
-            if (fileSetObj.showNameData.dbName) {
-              showName = fileSetObj.showNameData.dbName
-            }
-          } else {
-            if (fileSetObj.showNameData.name) {
-              showName = fileSetObj.showNameData.name
-            }
-          }
-        }
-        if (fileSetObj.serverNameData) {
-          if (isSql) {
-            if (fileSetObj.serverNameData.dbName) {
-              serverPath = fileSetObj.serverNameData.dbName
-            }
-          } else {
-            if (fileSetObj.serverNameData.name) {
-              serverPath = fileSetObj.serverNameData.name
-            }
-          }
-        }
-      }
-      return {
-        showName: showName,
-        serverPath: serverPath
-      }
-    },
-    formatFileName(fileName) {
-      return fileName.replace('#', '~~').replace('?', '~$').replace('&', '$')
-    },
-    getFileIconByName(fileName) {
-      return getFileIconByName(fileName)
-    },
-    showMultiView() {
-      const { showName, serverPath } = this.getShowNameAndUuidKey()
-      if (serverPath) {
-        const uuids = serverPath.split(',')
-        if (uuids.length > 1) {
-          const baseURL = window.$vueApp.config.globalProperties.baseURL
-          const baseAPI = window.$vueApp.config.globalProperties.baseAPI
-          let tempAction = baseURL + '/common/fs-upload/search-file-names'
-          if (isPlateSys(window.$vueApp.config.globalProperties.systemCode)) {
-            tempAction = baseAPI + '/api/search-file-names'
-          }
-          tempAction = getRelativeBaseUrl(tempAction)
-          this.$http.post(tempAction, uuids).then((result) => {
-            this.fileList = []
-            uuids.forEach((uuid) => {
-              this.fileList.push({ showName: result[uuid], serverPath: uuid })
-            })
-          })
-        }
-      }
-      return this.fileList
-    },
-    deleteFirst() {
-      const fileInfo = this.getFirstFile()
-      this.$emit('delete-file', fileInfo)
-      this.fileList = this.fileList.filter((item) => item.serverPath !== fileInfo.serverPath)
-      this.$message({
-        showClose: true,
-        type: 'success',
-        message: getI18n().t('fsUpload.deleteSuccessful')
-      })
-    },
-    deleteFile(fileInfo) {
-      this.$emit('delete-file', fileInfo)
-      this.fileList = this.fileList.filter((item) => item.serverPath !== fileInfo.serverPath)
-      this.$message({
-        showClose: true,
-        type: 'success',
-        message: getI18n().t('fsUpload.deleteSuccessful')
-      })
-    }
-  },
-  emits: ['close', 'delete-file']
-}
-</script>
-
-<style lang="scss" scoped>
-.fs-preview-container {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  justify-content: space-between;
-}
-
-.fs-preview-tool {
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  min-width: max-content;
-  margin-left: auto; /* 添加这行，将工具栏推到右侧 */
-}
-
-.fs-preview-container :deep(.amb-color-iconfont),
-.more-file-icon :deep(.amb-color-iconfont) {
-  width: 30px;
-  height: 30px;
-}
-.fs-preview-tool :deep(.amb-color-iconfont),
-.file-actions :deep(.amb-color-iconfont) {
-  font-size: 15px !important; /* 图标实际大小，按需改 */
-  display: inline-block;
-  width: 1em !important; /* 覆盖子组件 .super-icon 的 14px */
-  height: 1em !important;
-  line-height: 1em;
-  cursor: pointer;
-}
-
-.amb-list-preivew-name {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.el-link + .el-link {
-  margin-left: 5px;
-}
-.file-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between; /* 添加这行来分布空间 */
-  gap: 10px;
-  height: 40px;
-  padding: 10px;
-  border-radius: 8px;
-  transition: background-color 0.2s;
-
-  &:hover {
-    color: var(--el-button-hover-text-color, #409eff);
-    border-color: var(--el-button-hover-border-color, rgb(197.7, 225.9, 255));
-    background-color: var(--el-button-hover-bg-color, rgb(235.9, 245.3, 255));
-    outline: none;
-  }
-}
-
-.file-actions {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  flex-shrink: 0; /* 防止按钮被压缩 */
-}
-.super-icon + .super-icon {
-  margin-left: 5px;
-}
-.amb-iconfont + .amb-iconfont {
-  margin-left: 5px;
-}
-.amb-color-iconfont + .amb-iconfont {
-  margin-left: 5px;
-}
-
-.amb-iconfont {
-  color: var(--el-color-primary);
-}
-.fs-preview-container :deep(.el-button > span) {
-  font-size: 14px !important;
-}
-
-.fs-preview-container :deep(.el-button.is-round) {
-  padding: 5px 11px;
-  height: var(--el-button-size);
-}
-</style>

package/packages/fs-upload/index.js

@@ -1,6 +0,0 @@
-import FsUpload from './src/fs-upload.vue'
-FsUpload.install = function (Vue) {
-  Vue.component(FsUpload.name, FsUpload)
-}
-
-export default FsUpload