@lemon30_npm/csit-vue3 0.0.6 → 0.0.8

package/dist/types/ci-echarts/ci-echart-pie/type.d.ts

@@ -0,0 +1,26 @@
+import { TitleComponentOption, TooltipComponentOption, LegendComponentOption } from 'echarts/components';
+import { PieSeriesOption } from 'echarts/charts';
+import * as echarts from 'echarts/core';
+export type EChartsOption = echarts.ComposeOption<TitleComponentOption | TooltipComponentOption | LegendComponentOption | PieSeriesOption>;
+export interface PieDataProps {
+    option?: object;
+    /**
+     * 如果父组件不传递 option(示例: <CiEchartPie :immediate="true" />) 则使用组件内部默认 option 则需要设置immediate为true
+     *     原因: 只是为了 使用当前封装组件内的model中的option看一下是否渲染成功echarts
+     *
+     * 如果父组件传递 option(示例:  <CiEchartPie :option="option" />) 则需要immediate 为 false【组件内部 默认为false】
+     *
+     *            当前端自己开发调试父组件传递过来的option时  需要将 immediate true
+     *                      (示例:  <CiEchartPie :option="option" :immediate="true" />)
+     *            当真正调用接口时: 需要将 immediate false
+     *                      (示例:  <CiEchartPie :option="option" />)
+     *
+     *    原因: 当父组件定义初始化option时 一般会写入series data: 此时页面现象会渲染一次 echarts图表
+     *         当接口数据响应回来时 一般会动态改动series data: 此时页面现象又回渲染一次 echarts 图表
+     *    现象: 如果 immediate true 初始化页面时 则页面会渲染两次 图表
+     *              !!!如果有更好的方式 不进行配置 直接就能渲染一次 共同完善代码
+     *
+     *    期望: 初始化页面时 只渲染最后一次后端响应的接口数据的图表  则不需要watch在组件挂载时立即执行, 只需要在值发生变化时触发
+     */
+    immediate?: boolean;
+}

package/dist/types/ci-element-plus/ci-el-date-picker-daterange/index.d.ts

@@ -0,0 +1,3 @@
+import { default as CiElDatePickerDaterange } from './index.vue';
+export default CiElDatePickerDaterange;
+export * from './type';

package/dist/types/ci-element-plus/ci-el-date-picker-daterange/index.vue.d.ts

@@ -0,0 +1,24 @@
+import { DatePickerDateRangeProps } from './type';
+declare const _default: import('vue').DefineComponent<DatePickerDateRangeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (...args: any[]) => void;
+    "update:date-picker-value": (...args: any[]) => void;
+    "update:date-shortcuts-value": (...args: any[]) => void;
+    "date-shortcuts-change": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<DatePickerDateRangeProps> & Readonly<{
+    onChange?: (...args: any[]) => any;
+    "onUpdate:date-picker-value"?: (...args: any[]) => any;
+    "onUpdate:date-shortcuts-value"?: (...args: any[]) => any;
+    "onDate-shortcuts-change"?: (...args: any[]) => any;
+}>, {
+    type: string;
+    datePickerValue: Date | [Date, Date] | [string, string] | number | string | object;
+    dateShortcutsValue: string | number | boolean;
+    shortcuts: Array<{
+        text: string;
+        value: Date | Function;
+    }>;
+    startPlaceholder: string;
+    endPlaceholder: string;
+    rangeSeparator: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/ci-element-plus/ci-el-date-picker-daterange/model/index.d.ts

@@ -0,0 +1,4 @@
+export declare const shortcutsData: {
+    text: string;
+    value: () => Date[];
+}[];

package/dist/types/ci-element-plus/ci-el-date-picker-daterange/type.d.ts

@@ -0,0 +1,12 @@
+export interface DatePickerDateRangeProps {
+    datePickerValue?: Date | [Date, Date] | [string, string] | number | string | object;
+    dateShortcutsValue?: string | number | boolean;
+    shortcuts?: Array<{
+        text: string;
+        value: Date | Function;
+    }>;
+    type?: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    rangeSeparator?: string;
+}

package/dist/types/ci-no-data-status/index.d.ts

@@ -0,0 +1,3 @@
+import { default as CiNoDataStatus } from './index.vue';
+export default CiNoDataStatus;
+export * from './type';

package/dist/types/ci-no-data-status/index.vue.d.ts

@@ -0,0 +1,11 @@
+import { NoDataStatusProps } from './type';
+/**
+ * 组件介绍: 没有数据状态时展示效果组件
+ *
+ * 如果想要无数据状态组件再其父元素某一个区块内居中展示 需要外部根据其区块高度传递进来无数据状态组件要在多高内居中展示
+ *    高度默认为自身图片高度 300px
+ */
+declare const _default: import('vue').DefineComponent<NoDataStatusProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NoDataStatusProps> & Readonly<{}>, {
+    height: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/types/ci-no-data-status/type.d.ts

@@ -0,0 +1,3 @@
+export interface NoDataStatusProps {
+    height?: string;
+}

package/dist/types/ci-page-header/index.d.ts

@@ -0,0 +1,3 @@
+import { default as CiPageHeader } from './index.vue';
+export default CiPageHeader;
+export * from './type';

package/dist/types/ci-page-header/index.vue.d.ts

@@ -0,0 +1,21 @@
+import { CiPageHeaderProps } from './type';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CiPageHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clickBack: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<CiPageHeaderProps> & Readonly<{
+    onClickBack?: (...args: any[]) => any;
+}>, {
+    title: string;
+    isShowTitle: boolean;
+    messageBoxMessage: string;
+    messageBoxTitle: string;
+    isShowMessageBox: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>, {
+    left?(_: {}): any;
+    right?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/ci-page-header/type.d.ts

@@ -0,0 +1,7 @@
+export interface CiPageHeaderProps {
+    title?: string;
+    isShowTitle?: boolean;
+    messageBoxMessage?: string;
+    messageBoxTitle?: string;
+    isShowMessageBox?: boolean;
+}

package/dist/types/ci-svg-icon/index.d.ts

@@ -0,0 +1,4 @@
+import { default as CiSvgIcon } from './index.vue';
+export default CiSvgIcon;
+export { CiSvgIcon };
+export * from './type';

package/dist/types/ci-svg-icon/index.vue.d.ts

@@ -0,0 +1,8 @@
+import { CiSvgIconProps } from './type';
+declare const _default: import('vue').DefineComponent<CiSvgIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CiSvgIconProps> & Readonly<{}>, {
+    color: string;
+    prefix: string;
+    width: string;
+    height: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/ci-svg-icon/type.d.ts

@@ -0,0 +1,7 @@
+export interface CiSvgIconProps {
+    prefix?: string;
+    name: string;
+    color?: string;
+    width?: string;
+    height?: string;
+}

package/dist/types/ci-time-line-list/index.d.ts

@@ -0,0 +1,3 @@
+import { default as CiTimelineList } from './index.vue';
+export default CiTimelineList;
+export * from './type';

package/dist/types/ci-time-line-list/index.vue.d.ts

@@ -0,0 +1,14 @@
+import { TimelineListProps } from './type';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<TimelineListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TimelineListProps> & Readonly<{}>, {
+    data: import('./type').ItemData[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>, {
+    'slot-right'?(_: {
+        row: import('./type').ItemData;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/ci-time-line-list/model/index.d.ts

@@ -0,0 +1,5 @@
+export declare const timelineListData: {
+    id: string;
+    title: string;
+    time: string;
+}[];

package/dist/types/ci-time-line-list/type.d.ts

@@ -0,0 +1,8 @@
+export interface ItemData {
+    id: string | number;
+    title?: string;
+    time?: string;
+}
+export interface TimelineListProps {
+    data?: ItemData[];
+}

package/dist/types/ci-upload/computed/index.d.ts

@@ -0,0 +1,8 @@
+import { CiUploadProps } from '../type';
+export declare function useCiUploadComputed(props: CiUploadProps, slots: any, defaultBeforeUpload: any): {
+    hasRealDefaultSlot: import('vue').ComputedRef<any>;
+    finalBeforeUpload: import('vue').ComputedRef<any>;
+    maxSizeInMB: import('vue').ComputedRef<string>;
+    defaultTipSlotTextInfo: import('vue').ComputedRef<string>;
+    otherSlots: import('vue').ComputedRef<string[]>;
+};

package/dist/types/ci-upload/expose/index.d.ts

@@ -0,0 +1,17 @@
+import { UploadUserFile } from 'element-plus';
+import { Ref } from 'vue';
+/**
+ * 封装所有要暴露给父组件的方法
+ * @param localFileList - 当前组件内部的响应式文件列表
+ * @returns 暴露出去的方法集合
+ */
+export declare function useExposeMethods(localFileList: Ref<UploadUserFile[]>): {
+    checkUploadStatus: () => {
+        allDone: boolean;
+        uploadingCount: number;
+        failedCount: number;
+        successCount: number;
+        totalCount: number;
+        failedFiles: UploadUserFile[];
+    };
+};

package/dist/types/ci-upload/hooks/useUpload.d.ts

@@ -0,0 +1,8 @@
+import { UploadRequestHandler } from 'element-plus';
+export declare function useUpload(customAxios?: any): {
+    uploading: import('vue').Ref<boolean, boolean>;
+    progress: import('vue').Ref<number, number>;
+    currentFileName: import('vue').Ref<string, string>;
+    customHttpRequest: UploadRequestHandler;
+    downloadProgress: import('vue').Ref<number, number>;
+};

package/dist/types/ci-upload/hooks/useUploadRetry.d.ts

@@ -0,0 +1,13 @@
+import { UploadUserFile } from 'element-plus';
+import { Ref } from 'vue';
+/**
+// 自定义 Hook：封装“重新上传”逻辑
+//
+// @param localFileList 响应式文件列表（来自组件的 localFileList）
+// @param emit 用于向父组件发出事件（如更新 fileList）
+*/
+export declare function useUploadRetry(localFileList: Ref<UploadUserFile[]>, // 响应式的文件列表引用
+emit: any, // 向父组件同步 fileList 的函数
+props: any): {
+    retryUpload: (file: UploadUserFile) => Promise<void>;
+};

package/dist/types/ci-upload/index.d.ts

@@ -0,0 +1,3 @@
+import { default as CiUpload } from './index.vue';
+export default CiUpload;
+export * from './type';

package/dist/types/ci-upload/index.vue.d.ts

@@ -0,0 +1,56 @@
+import { CiUploadFile, CiUploadProps, CiUploadUserFile } from './type';
+import { UploadUserFile } from 'element-plus';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CiUploadProps, {
+    checkUploadStatus: () => {
+        allDone: boolean;
+        uploadingCount: number;
+        failedCount: number;
+        successCount: number;
+        totalCount: number;
+        failedFiles: UploadUserFile[];
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    onChange: (file: CiUploadFile, fileList: CiUploadUserFile[]) => any;
+    onError: (file: CiUploadFile, fileList: CiUploadUserFile[]) => any;
+    onRemove: (file: CiUploadFile, fileList: CiUploadUserFile[]) => any;
+    onSuccess: (file: CiUploadFile, fileList: CiUploadUserFile[]) => any;
+    "update:fileList": (list: CiUploadUserFile[]) => any;
+}, string, import('vue').PublicProps, Readonly<CiUploadProps> & Readonly<{
+    onOnChange?: (file: CiUploadFile, fileList: CiUploadUserFile[]) => any;
+    onOnError?: (file: CiUploadFile, fileList: CiUploadUserFile[]) => any;
+    onOnRemove?: (file: CiUploadFile, fileList: CiUploadUserFile[]) => any;
+    onOnSuccess?: (file: CiUploadFile, fileList: CiUploadUserFile[]) => any;
+    "onUpdate:fileList"?: (list: CiUploadUserFile[]) => any;
+}>, {
+    drag: boolean;
+    multiple: boolean;
+    action: string;
+    accept: string;
+    fileList: UploadUserFile[];
+    disabled: boolean;
+    limit: number;
+    downloadUrl: string;
+    uploadBtnText: string;
+    maxSize: number;
+    showUploadProgress: boolean;
+    showDownloadProgress: boolean;
+    showFileExtIcon: boolean;
+    showFileSize: boolean;
+    showPreviewBtn: boolean;
+    showDownloadBtn: boolean;
+    showDeleteBtn: boolean;
+    readonly: boolean;
+    axiosInstance: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    uploadRef: unknown;
+}, HTMLDivElement>, Partial<Record<number, (_: any) => any>> & {
+    default?(_: {}): any;
+    tip?(_: {}): any;
+    tip?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/ci-upload/props/index.d.ts

@@ -0,0 +1,27 @@
+import { UploadUserFile } from 'element-plus';
+export declare const defaultProps: {
+    action: string;
+    downloadUrl: string;
+    uploadBtnText: string;
+    maxSize: number;
+    multiple: boolean;
+    limit: number;
+    accept: string;
+    fileList: () => UploadUserFile[];
+    showUploadProgress: boolean;
+    showDownloadProgress: boolean;
+    showFileExtIcon: boolean;
+    showFileSize: boolean;
+    showPreviewBtn: boolean;
+    showDownloadBtn: boolean;
+    showDeleteBtn: boolean;
+    drag: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    /**
+     * 自定义请求对象：可选传入 axios 实例，用于替代默认 axios - 默认值: axios (场景：如需使用本项目配置过的 axios 实例接管上传 下载)
+     * 若传入了：将使用该实例发起上传请求（支持统一拦截器等配置）
+     * 若未传入：则默认使用全局的 axios 对象
+     */
+    axiosInstance: any;
+};

package/dist/types/ci-upload/type.d.ts

@@ -0,0 +1,39 @@
+import { UploadFile, UploadProps, UploadUserFile } from 'element-plus';
+export interface CiUploadProps {
+    action?: string;
+    downloadUrl?: string;
+    uploadBtnText?: string;
+    maxSize?: number;
+    multiple?: boolean;
+    limit?: number;
+    accept?: string;
+    fileList?: UploadUserFile[];
+    beforeUpload?: UploadProps['beforeUpload'];
+    showUploadProgress?: boolean;
+    showDownloadProgress?: boolean;
+    showFileExtIcon?: boolean;
+    showFileSize?: boolean;
+    showPreviewBtn?: boolean;
+    showDownloadBtn?: boolean;
+    showDeleteBtn?: boolean;
+    drag?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    /**
+     * 自定义请求对象：可选传入 axios 实例，用于替代默认 axios - 默认值: axios (场景：如需使用本项目配置过的 axios 实例接管上传 下载)
+     * 若传入了：将使用该实例发起上传请求（支持统一拦截器等配置）
+     * 若未传入：则默认使用全局的 axios 对象
+     */
+    axiosInstance?: any;
+}
+export type CiUploadFiles = CiUploadFile[];
+export interface CiUploadUserFile extends UploadUserFile {
+    fileName?: string;
+    fileKey?: string;
+    fileSize?: number;
+}
+export interface CiUploadFile extends UploadFile {
+    fileName?: string;
+    fileKey?: string;
+    fileSize?: number;
+}

package/dist/types/ci-upload/utils/file-icon-maps.d.ts

@@ -0,0 +1 @@
+export declare const getFileIconByName: (fileName: string) => string;

package/dist/types/ci-upload/utils/file.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 不能让开发者接管下载逻辑?
+ *    暂时不能, 不然开发者自己的下载逻辑中少写了部分内容,就导致页面可能出现不是预期的结果
+ *    比如: 开发者自己的下载逻辑中未添加 onDownloadProgress 下载进度回调 等
+ */
+export declare function downloadFileWithAxios(data: object, downloadFileUrl?: string, onProgress?: (percent: number) => void, // 新增回调参数，用于获取进度
+onError?: (error: any) => void, // 新增错误回调参数
+customAxios?: any): Promise<void>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lemon30_npm/csit-vue3",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "author": "cuiwq",
   "license": "MIT",
@@ -43,22 +43,21 @@
     "build-only-lib": "vite build --config vite.lib.config.ts",
     "prepublishOnly": "npm run build"
   },
-  "dependencies": {
+  "peerDependencies": {
     "@element-plus/icons-vue": "^2.3.1",
+    "axios": "^1.7.7",
+    "echarts": "^5.5.1",
+    "echarts-map": "^3.0.1",
+    "element-plus": "^2.9.7",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
     "nanoid": "^5.0.8",
     "pinia": "^2.2.6",
-    "vue-router": "^4.4.5"
-  },
-  "peerDependencies": {
-    "echarts": "^5.5.1",
-    "echarts-map": "^3.0.1",
-    "element-plus": "^2.9.7",
     "vue": "^3.5.12",
-    "axios": "^1.7.7"
+    "vue-router": "^4.4.5"
   },
   "devDependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
     "@tsconfig/node20": "^20.1.4",
     "@types/node": "^22.9.0",
     "@vitejs/plugin-legacy": "^5.4.2",
@@ -66,12 +65,21 @@
     "@vue/eslint-config-prettier": "^10.1.0",
     "@vue/eslint-config-typescript": "^14.1.3",
     "@vue/tsconfig": "^0.5.1",
+    "axios": "^1.7.7",
+    "echarts": "^5.5.1",
+    "echarts-map": "^3.0.1",
+    "element-plus": "^2.9.7",
     "eslint": "^9.14.0",
     "eslint-plugin-vue": "^9.30.0",
     "less": "^4.2.0",
+    "lodash": "^4.17.21",
     "mockjs": "^1.1.0",
+    "moment": "^2.30.1",
+    "nanoid": "^5.0.8",
     "npm-run-all2": "^7.0.1",
+    "pinia": "^2.2.6",
     "prettier": "^3.3.3",
+    "rollup-plugin-visualizer": "^6.0.3",
     "typescript": "~5.6.3",
     "unplugin-vue-components": "^0.27.4",
     "vite": "^5.4.10",
@@ -80,11 +88,8 @@
     "vite-plugin-remove-console": "^2.2.0",
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-vue-devtools": "^7.5.4",
-    "vitepress": "^1.6.3",
-    "echarts": "^5.5.1",
-    "echarts-map": "^3.0.1",
-    "element-plus": "^2.9.7",
+    "vitepress": "^2.0.0-alpha.7",
     "vue": "^3.5.12",
-    "axios": "^1.7.7"
+    "vue-router": "^4.4.5"
   }
 }