@wyfex/ivue 0.18.0 → 0.19.0

package/dist/types/UseElTable/components/RecTableColumn.vue.d.ts

@@ -4,7 +4,7 @@ import { GlobalConfig } from '../../../types';
 declare var __VLS_9: {
     label: string | undefined;
     prop: string | undefined;
-}, __VLS_24: string, __VLS_25: {
+}, __VLS_24: `${string}-header`, __VLS_25: {
     item: TableColumn;
     column: any;
     $index: any;

package/dist/types/UseElUpload/hook.d.ts

@@ -0,0 +1,21 @@
+export declare const useElUpload: ({ props, emits }: any) => {
+    acceptComputed: import('vue').ComputedRef<any>;
+    state: any;
+    dialogState: import('vue').Ref<{
+        show: boolean;
+        src: string;
+    }, {
+        show: boolean;
+        src: string;
+    } | {
+        show: boolean;
+        src: string;
+    }>;
+    handlePreview: (uploadFile: any) => void;
+    handleSuccess: (res: any, uploadFile: any) => void;
+    handleError: (err: any) => void;
+    handleBeforeUpload: (file: any) => false | {
+        signal: AbortSignal;
+    };
+    handleBeforeRemove: (uploadFile: any) => Promise<boolean>;
+};

package/dist/types/UseElUpload/index.vue.d.ts

@@ -0,0 +1,101 @@
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    fileId: {
+        type: StringConstructor;
+        default: string;
+    };
+    linkUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    uploadConfig: {
+        type: import('vue').PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+    uploadType: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    uploadTip: {
+        type: StringConstructor;
+        default: string;
+    };
+    uploadList: {
+        type: import('vue').PropType<Record<string, unknown>[]>;
+        default: () => never[];
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onError: (error: string | Error) => any;
+    onFileObj: (file: Record<string, any>) => any;
+    "update:fileId": (value: string | number) => any;
+    "update:linkUrl": (url: string) => any;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    fileId: {
+        type: StringConstructor;
+        default: string;
+    };
+    linkUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    uploadConfig: {
+        type: import('vue').PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+    uploadType: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    uploadTip: {
+        type: StringConstructor;
+        default: string;
+    };
+    uploadList: {
+        type: import('vue').PropType<Record<string, unknown>[]>;
+        default: () => never[];
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    onOnError?: ((error: string | Error) => any) | undefined;
+    onOnFileObj?: ((file: Record<string, any>) => any) | undefined;
+    "onUpdate:fileId"?: ((value: string | number) => any) | undefined;
+    "onUpdate:linkUrl"?: ((url: string) => any) | undefined;
+}>, {
+    disabled: boolean;
+    uploadConfig: Record<string, unknown>;
+    fileId: string;
+    linkUrl: string;
+    uploadType: string;
+    uploadTip: string;
+    uploadList: Record<string, unknown>[];
+    limit: number;
+    maxSize: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/UseElUpload/props.d.ts

@@ -0,0 +1,42 @@
+import { PropType } from 'vue';
+declare const _default: {
+    fileId: {
+        type: StringConstructor;
+        default: string;
+    };
+    linkUrl: {
+        type: StringConstructor;
+        default: string;
+    };
+    uploadConfig: {
+        type: PropType<Record<string, unknown>>;
+        default: () => {};
+    };
+    uploadType: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    uploadTip: {
+        type: StringConstructor;
+        default: string;
+    };
+    uploadList: {
+        type: PropType<Record<string, unknown>[]>;
+        default: () => never[];
+    };
+    limit: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export default _default;

package/dist/types/UseElUpload/types.d.ts

@@ -0,0 +1,9 @@
+import { ExtractPropTypes } from 'vue';
+import { default as componentProps } from './props';
+export type Props = ExtractPropTypes<typeof componentProps>;
+export interface Emits {
+    'update:fileId': [value: string | number];
+    'update:linkUrl': [url: string];
+    onFileObj: [file: Record<string, any>];
+    onError: [error: Error | string];
+}

package/dist/types/UseElUpload/utils.d.ts

@@ -0,0 +1,3 @@
+export declare const FILE_TYPE_CONFIG: any;
+export declare const ACCEPT_MAP: any;
+export declare const debounce: (fn: any, delay?: number) => any;

package/dist/types/index.d.ts

@@ -12,6 +12,7 @@ export { default as UseElSelect } from './UseElSelect/index.vue';
 export { default as UseElSwitch } from './UseElSwitch/index.vue';
 export { default as UseElTable } from './UseElTable/index.vue';
 export { default as UseElTooltip } from './UseElTooltip/index.vue';
+export { default as UseElUpload } from './UseElUpload/index.vue';
 export { default as UseIconfont } from './UseIconfont/index.vue';
 export { default as UseLineTitle } from './UseLineTitle/index.vue';
 export { default as UseRender } from './UseRender/index.vue';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@wyfex/ivue",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "description": "万有前端 X 体系下基于 Vite8 + Vue3 + Typescript6 + ElementPlus2 构建的 iVue 组件库",
-  "homepage": "https://wyfe.top/idocs/ivue",
+  "homepage": "https://wyfex.top/idocs/ivue",
   "type": "module",
   "main": "dist/index.umd.cjs",
   "module": "dist/index.es.js",
@@ -50,7 +50,7 @@
     "vue": ">=3.2.0 <4.0.0"
   },
   "devDependencies": {
-    "@types/node": "^26.0.1",
+    "@types/node": "^26.1.0",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vue/tsconfig": "^0.9.1",
     "@wyfex/iutils": "^0.40.0",
@@ -61,7 +61,7 @@
     "unplugin-auto-import": "^21.0.0",
     "unplugin-dts": "^1.0.3",
     "unplugin-vue-components": "^32.1.0",
-    "vite": "^8.1.2",
+    "vite": "^8.1.3",
     "vite-svg-loader": "^5.1.1",
     "vue": "^3.5.39",
     "vue-tsc": "^3.3.6"

package/src/components/UseElUpload/props.ts

@@ -0,0 +1,84 @@
+import type { PropType } from 'vue'
+
+/**
+ * 组件props
+ */
+export default {
+  /**
+   * 文件id
+   */
+  fileId: {
+    type: String,
+    default: ''
+  },
+  /**
+   * 链接地址
+   */
+  linkUrl: {
+    type: String,
+    default: ''
+  },
+  /**
+   * 上传配置
+   * action：请求URL，eg：'/api/file/upload'
+   * headers：设置上传的请求头部，eg：{ Authorization: `Bearer ${token}` }
+   * data：上传时附带的额外参数，eg：{ referer: window.location.href }
+   */
+  uploadConfig: {
+    type: Object as PropType<Record<string, unknown>>,
+    default: () => ({
+      //  action: '/api/file/upload',
+      //  headers: { Authorization: `Bearer ${token}` },
+      //  data: { referer: window.location.href }
+    })
+  },
+  /**
+   * 上传类型
+   * 为ALL支持所有文件格式
+   * 为IMG仅可上传支持的图片格式且按照片墙形式展示
+   * 为VIDEO仅可上传支持的视频格式
+   * 为EXCLUDE_VIDEO可上传除视频格式外的所有支持的文件格式
+   */
+  uploadType: {
+    type: String,
+    default: 'ALL',
+    validator: (value: string) =>
+      ['ALL', 'IMG', 'VIDEO', 'EXCLUDE_VIDEO'].includes(value)
+  },
+  /**
+   * 上传提示
+   */
+  uploadTip: {
+    type: String,
+    default: ''
+  },
+  /**
+   * 上传列表 用于数据回显
+   */
+  uploadList: {
+    type: Array as PropType<Record<string, unknown>[]>,
+    default: () => []
+  },
+  /**
+   * 上传数量限制 默认1
+   */
+  limit: {
+    type: Number,
+    default: 1,
+    validator: (value: number) => value >= 1
+  },
+  /**
+   * 是否禁用上传 默认否
+   */
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * 最大文件大小 默认2GB
+   */
+  maxSize: {
+    type: Number,
+    default: 2
+  }
+}

package/src/components/UseElUpload/types.ts

@@ -0,0 +1,17 @@
+import type { ExtractPropTypes } from 'vue'
+import componentProps from './props'
+
+/**
+ * props类型
+ */
+export type Props = ExtractPropTypes<typeof componentProps>
+
+/**
+ * emits接口
+ */
+export interface Emits {
+  'update:fileId': [value: string | number]
+  'update:linkUrl': [url: string]
+  onFileObj: [file: Record<string, any>]
+  onError: [error: Error | string]
+}

package/src/components/UseSvgIcon/props.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue'
-import { isArray } from '@wyfex/iutils'
+import { isArray, isNumber } from '@wyfex/iutils'
 import { parseUnit, isValidUnit } from '@/utils'
 
 /**
@@ -20,7 +20,7 @@ export default {
     type: [Number, String],
     default: 28,
     validator(val: any) {
-      if (typeof val === 'number') return val
+      if (isNumber(val)) return val
       return isValidUnit(parseUnit(val)) && val
     }
   },