ci-plus 1.1.2 → 1.1.5

package/index.ts

@@ -1,14 +1,17 @@
 import * as components from './src/index';
 export * from './src/index';
 import { App } from 'vue';
-export * as cifunction from './src/utils';
+
+import * as D from './src/utils';
+console.log('D: ', D);
 
 export default {
   install: (app: App) => {
     // 注册所有组件
-    console.log('注册所有ci-plus组件: ');
+    console.log('注册所有ci-plus组件1.1.3: ');
     for (const c in components) {
       app.use(components[c]);
     }
-  }
+  },
+  D,
 };

package/package.json

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

package/src/components.d.ts

@@ -19,8 +19,11 @@ declare module '@vue/runtime-core' {
     CiHeaderInput: typeof components.HeaderInput
     CiSdialog: typeof components.Sdialog
     CiColumncell: typeof components.Columncell
-    CiUpload: typeof components.Upload
     CiIdentificationCard: typeof components.IdentificationCard
+
+    CiSeeFile: typeof components.SeeFile
+    CiUpload: typeof components.Upload
+    CiUploadV2: typeof components.UploadV2
   }
 }
 export { };

package/src/fileRelated/ciupload.vue

@@ -37,6 +37,7 @@
 </template>
 
 <script setup lang="ts">
+defineOptions({ name: 'ci-upload' })
 import { ref } from 'vue'
 import { ElMessage, ElLoading, genFileId } from 'element-plus'
 import axios from 'axios'

package/src/fileRelated/index/ciseeFile.ts

@@ -0,0 +1,4 @@
+import _SeeFile from '../seeFile.vue'
+import { withInstall } from '../../utils/index';
+export const SeeFile = withInstall(_SeeFile)
+export default SeeFile

package/src/fileRelated/index/ciuploadV2.ts

@@ -0,0 +1,4 @@
+import _UploadV2 from '../uploadV2.vue'
+import { withInstall } from '../../utils/index';
+export const UploadV2 = withInstall(_UploadV2)
+export default UploadV2

package/src/fileRelated/seeFile.vue

@@ -27,23 +27,17 @@
 </template>
 
 <script setup lang="ts">
+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) => {
@@ -84,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
@@ -96,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

@@ -43,6 +43,7 @@
 </template>
 
 <script setup lang="ts">
+defineOptions({ name: 'ci-uploadV2' })
 // 定义一个函数，用于处理字符串
 export const setFilePath = (arr: string[], url?: string) => {
   // console.log('重新渲染数据', arr);
@@ -94,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
@@ -132,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) //同步父组件绑定的附件字段，以便父组件提交表单的时候一起将附件提交
   }
@@ -158,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)
   }

package/src/index.ts

@@ -10,5 +10,9 @@ export * from './sortableTable/index/headerInput'; // 导出筛选面板
 export * from './sortableTable/index/sortableTable'; // 导出排序表格
 export * from './sortableTable/index/sortableTableDialog'; // 导出表排序组件
 export * from './sortableTable/index/sortableTableColumnCell'; // 导出表列组件
-export * from './fileRelated/index/ciupload'; // 导出文件上传组件
-export * from './identificationCard'; // 导出标识卡模板组件
+
+export * from './identificationCard'; // 导出标识卡模板组件
+
+export * from './fileRelated/index/ciseeFile'; // 导出附件查看组件
+export * from './fileRelated/index/ciupload'; // 导出附件上传组件
+export * from './fileRelated/index/ciuploadV2'; // 导出附件上传v2组件

package/src/utils/index.ts

@@ -1,2 +1,4 @@
 export { default as withInstall } from './withinstall/index';
-export { default as cardPrint } from './cardPrint';
+
+export { default as setCardList } from './cardPrint'; // 导入默认的导出
+export * from './cardPrint'; // 导入所有导出(不包含默认导出)