ci-plus 1.1.3 → 1.1.6

package/index.ts

@@ -2,8 +2,8 @@ import * as components from './src/index';
 export * from './src/index';
 import { App } from 'vue';
 
-import * as D from './src/utils';
-console.log('D: ', D);
+import * as Fn from './src/utils';
+console.log('D: ', Fn);
 
 export default {
   install: (app: App) => {
@@ -13,5 +13,5 @@ export default {
       app.use(components[c]);
     }
   },
-  D,
+  Fn,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ci-plus",
-  "version": "1.1.3",
+  "version": "1.1.6",
   "description": "ci组件库",
   "main": "./index.ts",
   "scripts": {

package/src/fileRelated/seeFile.vue

@@ -31,23 +31,16 @@ defineOptions({ name: 'ci-seeFile' })
 import { ref, watch } from 'vue'
 import axios from 'axios'
 import { ElMessage } from 'element-plus'
-const props = defineProps<{
+
+interface Props {
   url?: string[] // 传入要显示的附件地址数组
   baseUrl?: string //  图片展示的基础路径
-}>()
-/*
-  数据结构说明：
-  props.url:[
-    "media/material/3.1708222741.7763922.webp",
-    "media/material/3号(number-3)_爱给网_aigei_com.1708222741.7783866.png"
-  ]
+}
 
-  基础路径
-  props.baseUrl : http://10.20.72.231:9999/
-*/
+const props = defineProps<Props>()
 
 // 定义一个函数，用于处理字符串
-export const setFilePath = (arr: string[], url?: string) => {
+const setFilePath = (arr: string[], url?: string) => {
   // console.log('重新渲染数据', arr);
   if (arr && arr.length > 0) {
     let newArr: { name: string; oldName: string }[] = []
@@ -66,7 +59,7 @@ export const setFilePath = (arr: string[], url?: string) => {
 }
 
 // 将路径处理成附件的参数
-export const fileArr = (url: string, pathArr: string[]) => {
+const fileArr = (url: string, pathArr: string[]) => {
   if (pathArr && pathArr.length > 0) {
     let objArr: any = []
     if (pathArr.length > 0) {
@@ -85,9 +78,6 @@ export const fileArr = (url: string, pathArr: string[]) => {
 }
 
 const emits = defineEmits(['onClick'])
-
-// console.log('props', props.url)
-
 const pathArr = ref<any[]>([])
 // 对数组中的每个字符串应用处理函数
 // @ts-ignore
@@ -97,7 +87,6 @@ pathArr.value = setFilePath(props.url, props.baseUrl || 'http://10.20.72.231:999
 watch(
   () => props.url,
   (newVal) => {
-    // console.log('newVal: ', newVal)
     // 对新值进行处理
     // @ts-ignore
     pathArr.value = setFilePath(newVal, props.baseUrl || 'http://10.20.72.231:9999/')

package/src/fileRelated/uploadV2.vue

@@ -45,7 +45,7 @@
 <script setup lang="ts">
 defineOptions({ name: 'ci-uploadV2' })
 // 定义一个函数，用于处理字符串
-export const setFilePath = (arr: string[], url?: string) => {
+const setFilePath = (arr: string[], url?: string) => {
   // console.log('重新渲染数据', arr);
   if (arr && arr.length > 0) {
     let newArr: { name: string; oldName: string }[] = []
@@ -64,7 +64,7 @@ export const setFilePath = (arr: string[], url?: string) => {
 }
 
 // 将路径处理成附件的参数
-export const fileArr = (url: string, pathArr: string[]) => {
+const fileArr = (url: string, pathArr: string[]) => {
   if (pathArr && pathArr.length > 0) {
     let objArr: any = []
     if (pathArr.length > 0) {
@@ -95,18 +95,18 @@ import type {
 const upload = ref<UploadInstance>()
 const exporLoading = ref()
 const visible = ref(false)
-// const filelist = ref([])
 
-const props = defineProps<{
+interface Props {
   url?: string // 上传和下载模板的接口(当需要将附件传递回父组件时不需要传递此属性)
-  parameter?: () => {} // 模板下载的时候请求需要携带的参数：{state: 1}
-  data?: () => {} //上传携带的其他数据对象:{userId: 1, userName: '张三'}
+  parameter?: () => void // 模板下载的时候请求需要携带的参数：{state: 1}
+  data?: () => void //上传携带的其他数据对象:{userId: 1, userName: '张三'}
   title?: string // 上传按钮的名称
   multiple?: boolean // 是否支持多文件
   limit?: number // 最大文件数量
   filePath?: UploadFile[] //UploadRawFile[] // 父组件传递的附件数据，用于显示附件列表和上传附件后传递给父组件附件数据
   RowIndex?: number // 父组件传递的行索引，用于父组件中删除了附件找到对应的行
-}>()
+}
+const props = defineProps<Props>()
 const emits = defineEmits<{
   (e: 'reloadTable'): void // 组件中上传附件后刷新父组件表格数据方法
   (e: 'getFile', files: UploadFiles, file?: UploadFile, rowindex?: number): void
@@ -133,22 +133,11 @@ console.log('fileList: ', fileList.value)
 const handleExceed: UploadProps['onExceed'] = (files) => {
   console.log('超出限制: ', files)
   ElMessage.warning(`超出最大文件数:${mylimit?.value}个文件,请重新选择`)
-  // upload.value!.clearFiles()
-  // const file = files[0] as UploadRawFile
-  // file.uid = genFileId()
-  // upload.value!.handleStart(file)
 }
 
 // 文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用
 const handleChange = (file: any, fileLists: any) => {
-  // console.log('file: ', file)
-  // console.log('fileList: ', fileLists)
-  // filelist.value = fileLists //更新文件列表数据
-  // 如果没有url就将选中的附件文件流传递回父组件
   if (!props.url) {
-    // const files: UploadRawFile[] = fileLists.map(
-    //   (item) => item.raw,
-    // ) as UploadRawFile[]
     emits('getFile', fileLists) //将选中的文件传递回父组件
     emits('update:file', fileLists) //同步父组件绑定的附件字段，以便父组件提交表单的时候一起将附件提交
   }
@@ -159,9 +148,6 @@ const handleRemove: UploadProps['onRemove'] = (file, fileList) => {
   console.log('fileList: ', fileList)
   // 如果没有url时 在删除的时候将文件流同步回父组件
   if (!props.url) {
-    // const files: UploadRawFile[] = fileList.map(
-    //   (item) => item.raw,
-    // ) as UploadRawFile[]
     emits('getFile', fileList, file, props.RowIndex)
     emits('update:file', fileList)
   }