@uzum-tech/ui 2.3.0 → 2.3.2

package/es/upload/src/interface.mjs

@@ -1,2 +1,118 @@
+import { useTheme } from "../../_mixins/index.mjs";
 import { createInjectionKey } from "../../_utils/index.mjs";
-export const uploadInjectionKey = createInjectionKey('u-upload');
+import { environmentSupportFile, isImageFile } from "./utils.mjs";
+export const uploadInjectionKey = createInjectionKey('u-upload');
+export const uploadProps = Object.assign(Object.assign({}, useTheme.props), {
+  name: {
+    type: String,
+    default: 'file'
+  },
+  accept: String,
+  action: String,
+  customRequest: Function,
+  directory: Boolean,
+  directoryDnd: {
+    type: Boolean,
+    default: undefined
+  },
+  method: {
+    type: String,
+    default: 'POST'
+  },
+  multiple: Boolean,
+  showFileList: {
+    type: Boolean,
+    default: true
+  },
+  data: [Object, Function],
+  headers: [Object, Function],
+  withCredentials: Boolean,
+  responseType: {
+    type: String,
+    default: ''
+  },
+  disabled: {
+    type: Boolean,
+    default: undefined
+  },
+  vertical: {
+    type: Boolean,
+    default: false
+  },
+  icon: Object,
+  onChange: Function,
+  onRemove: Function,
+  onFinish: Function,
+  onError: Function,
+  onRetry: Function,
+  onBeforeUpload: Function,
+  isErrorState: Function,
+  onDownload: Function,
+  defaultUpload: {
+    type: Boolean,
+    default: true
+  },
+  fileList: Array,
+  'onUpdate:fileList': [Function, Array],
+  onUpdateFileList: [Function, Array],
+  fileListClass: String,
+  fileListStyle: [String, Object],
+  defaultFileList: {
+    type: Array,
+    default: () => []
+  },
+  showCancelButton: {
+    type: Boolean,
+    default: true
+  },
+  showRemoveButton: {
+    type: Boolean,
+    default: true
+  },
+  showDownloadButton: Boolean,
+  showRetryButton: {
+    type: Boolean,
+    default: true
+  },
+  customDownload: Function,
+  showPreviewButton: {
+    type: Boolean,
+    default: true
+  },
+  listType: {
+    type: String,
+    default: 'text'
+  },
+  onPreview: Function,
+  shouldUseThumbnailUrl: {
+    type: Function,
+    default: file => {
+      if (!environmentSupportFile) return false;
+      return isImageFile(file);
+    }
+  },
+  createThumbnailUrl: Function,
+  abstract: Boolean,
+  max: Number,
+  maxSize: Number,
+  showTrigger: {
+    type: Boolean,
+    default: true
+  },
+  imageGroupProps: Object,
+  inputProps: Object,
+  triggerClass: String,
+  triggerStyle: [String, Object],
+  renderIcon: Function,
+  label: String,
+  size: {
+    type: String,
+    default: 'medium'
+  },
+  title: String,
+  subtitle: String,
+  noIcon: {
+    type: Boolean,
+    default: false
+  }
+});

package/es/upload/src/public-types.d.ts

@@ -1,13 +1,28 @@
-import type { CustomRequestOptions, FileInfo, FuncOrRecordOrUndef, OnChange, OnDownload, OnFinish, OnRemove, OnRetry, SettledFileInfo, UploadInst as UploadInstInner } from './interface';
-export type { UploadProps } from './Upload';
+import type { CustomRequestOptions, FileInfo, FuncOrRecordOrUndef, IsErrorState, ListType, OnBeforeUpload, OnBeforeUploadPayload, OnChange, OnChangePayload, OnDownload, OnError, OnErrorPayload, OnFinish, OnFinishPayload, OnPreview, OnRemove, OnRemovePayload, OnRetry, OnRetryPayload, OnUpdateFileList, RenderIcon, SettledFileInfo, ShouldUseThumbnailUrl, SubmitOptions, UploadInst as UploadInstInner } from './interface';
+export type { UploadLocale, UploadProps, UploadSize } from './interface';
 export interface UploadInst extends UploadInstInner {
 }
 export type UploadFileInfo = FileInfo;
 export type UploadCustomRequestOptions = CustomRequestOptions;
 export type UploadSettledFileInfo = SettledFileInfo;
+export type UploadListType = ListType;
+export type UploadIsErrorState = IsErrorState;
+export type UploadRenderIcon = RenderIcon;
+export type UploadShouldUseThumbnailUrl = ShouldUseThumbnailUrl;
+export type UploadSubmitOptions = SubmitOptions;
 export type UploadOnChange = OnChange;
+export type UploadOnChangePayload = OnChangePayload;
 export type UploadOnFinish = OnFinish;
+export type UploadOnFinishPayload = OnFinishPayload;
+export type UploadOnError = OnError;
+export type UploadOnErrorPayload = OnErrorPayload;
 export type UploadOnRemove = OnRemove;
+export type UploadOnRemovePayload = OnRemovePayload;
 export type UploadOnDownload = OnDownload;
 export type UploadOnRetry = OnRetry;
+export type UploadOnRetryPayload = OnRetryPayload;
+export type UploadOnPreview = OnPreview;
+export type UploadOnBeforeUpload = OnBeforeUpload;
+export type UploadOnBeforeUploadPayload = OnBeforeUploadPayload;
+export type UploadOnUpdateFileList = OnUpdateFileList;
 export type { FuncOrRecordOrUndef };

package/es/upload/src/useUploadActionsRender.d.ts

@@ -1,27 +1,2 @@
-import type { VNode } from 'vue';
-import type { ListType, RenderIcon, SettledFileInfo } from './interface';
-interface Options {
-    clsPrefix: string;
-    listType: ListType;
-    file: SettledFileInfo;
-    renderIcon?: RenderIcon;
-    showPreviewButton: string | boolean | null;
-    showRemoveButton: boolean;
-    showCancelButton: boolean;
-    showRetryButton: boolean;
-    showDownloadButton: boolean;
-    disabled: boolean;
-    buttonType: string | undefined;
-    mergedTheme: any;
-    buttonThemeOverrides: any;
-    handlePreviewClick: () => void;
-    handleRemoveOrCancelClick: (e: MouseEvent) => void;
-    handleRetryClick: () => void;
-    handleDownloadClick: (e: MouseEvent) => void;
-    capitalizeFirstLetter: (text: string) => string;
-}
-export declare function useUploadActionsRender(opts: Options): {
-    actionsNode: VNode;
-    icon: VNode;
-};
-export {};
+import type { UploadActionsRenderOptions, UploadActionsRenderReturn } from './interface';
+export declare function useUploadActionsRender(options: UploadActionsRenderOptions): UploadActionsRenderReturn;

package/es/upload/src/useUploadActionsRender.mjs

@@ -2,7 +2,7 @@ import { h } from 'vue';
 import { UBaseIcon, UIconSwitchTransition } from "../../_internal/index.mjs";
 import { CancelIcon, DownloadIcon, EyeIcon, RetryIcon, TrashIcon } from "../../_internal/icons/index.mjs";
 import { UButton } from "../../button/index.mjs";
-export function useUploadActionsRender(opts) {
+export function useUploadActionsRender(options) {
   const {
     clsPrefix,
     listType,
@@ -22,7 +22,7 @@ export function useUploadActionsRender(opts) {
     handleRetryClick,
     handleDownloadClick,
     capitalizeFirstLetter
-  } = opts;
+  } = options;
   const getExt = name => {
     const i = name.lastIndexOf('.');
     return i === -1 || i === name.length - 1 ? '' : name.slice(i + 1);

package/es/upload/src/useUploadInternals.d.ts

@@ -1,25 +1,2 @@
-import type { Slots, VNode } from 'vue';
-interface UseUploadInternalsOptions {
-    mergedClsPrefix: string;
-    accept?: string;
-    multiple?: boolean;
-    inputProps?: Record<string, any>;
-    directory?: boolean;
-    onChange?: (e: Event) => void;
-    label?: string;
-    title?: string;
-    subtitle?: string;
-    vertical?: boolean;
-    noIcon?: boolean;
-    icon?: any;
-    localeRef: {
-        title: string;
-        subtitle: string;
-    };
-    slots: Slots;
-}
-export declare function useUploadInternals(options: UseUploadInternalsOptions): {
-    inputNode: VNode;
-    renderDefaultTrigger: () => VNode[];
-};
-export {};
+import type { UseUploadInternalsOptions, UseUploadInternalsReturn } from './interface';
+export declare function useUploadInternals(options: UseUploadInternalsOptions): UseUploadInternalsReturn;

package/es/upload/src/utils.d.ts

@@ -10,6 +10,8 @@ export declare const environmentSupportFile: false | {
 export declare function isFileSystemDirectoryEntry(item: FileSystemEntry | FileSystemFileEntry | FileSystemDirectoryEntry): item is FileSystemDirectoryEntry;
 export declare function isFileSystemFileEntry(item: FileSystemEntry | FileSystemFileEntry | FileSystemDirectoryEntry): item is FileSystemFileEntry;
 export declare function getFilesFromEntries(entries: readonly FileSystemEntry[] | Array<FileSystemEntry | null>, directory: boolean): Promise<FileAndEntry[]>;
+export declare function getFilePreviewSrc(file: SettledFileInfo): string | null;
+export declare function isFileSizeExceeded(file: File | null | undefined, maxSize: number | undefined): boolean;
 export declare function createSettledFileInfo(fileInfo: FileInfo): SettledFileInfo;
 /**
  * This is a rather simple version. I may fix it later to make it more accurate.

package/es/upload/src/utils.mjs

@@ -124,6 +124,13 @@ export function getFilesFromEntries(entries, directory) {
     return fileAndEntries;
   });
 }
+export function getFilePreviewSrc(file) {
+  return file.url || file.thumbnailUrl || null;
+}
+export function isFileSizeExceeded(file, maxSize) {
+  if (maxSize === undefined || !file) return false;
+  return file.size > maxSize;
+}
 export function createSettledFileInfo(fileInfo) {
   const {
     id,

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.3.0";
+declare const _default: "2.3.2";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.3.0';
+export default '2.3.2';