@uzum-tech/ui 1.3.0 → 1.4.0

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

@@ -1,4 +1,4 @@
-import { type PropType, type CSSProperties, type InputHTMLAttributes } from 'vue';
+import { type PropType, type CSSProperties, type InputHTMLAttributes, VNodeChild } from 'vue';
 import { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { ImageGroupProps } from '../../image';
 import type { FileInfo, FuncOrRecordOrUndef, OnFinish, OnRemove, OnDownload, OnChange, OnUpdateFileList, OnBeforeUpload, ListType, OnPreview, CreateThumbnailUrl, CustomRequest, OnError, SettledFileInfo, ShouldUseThumbnailUrl, RenderIcon } from './interface';
@@ -35,6 +35,11 @@ export declare const uploadProps: {
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly vertical: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly icon: PropType<VNodeChild | undefined>;
     readonly onChange: PropType<OnChange>;
     readonly onRemove: PropType<OnRemove>;
     readonly onFinish: PropType<OnFinish>;
@@ -90,9 +95,19 @@ export declare const uploadProps: {
     };
     readonly imageGroupProps: PropType<ImageGroupProps>;
     readonly inputProps: PropType<InputHTMLAttributes>;
-    readonly triggerStyle: PropType<string | CSSProperties>;
+    readonly triggerStyle: PropType<CSSProperties | string>;
     readonly renderIcon: PropType<RenderIcon>;
     readonly label: StringConstructor;
+    readonly size: {
+        readonly type: PropType<"small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly title: StringConstructor;
+    readonly subtitle: StringConstructor;
+    readonly noIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         baseColor: string;
         fontSize: string;
@@ -115,6 +130,12 @@ export declare const uploadProps: {
         draggerTitleColor: string;
         draggerTextColor: string;
         labelColor: string;
+        widthSmall: string;
+        widthMedium: string;
+        widthLarge: string;
+        containerSecondary: string;
+        brandPrimary300: string;
+        elementsQuaternary: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -286,7 +307,7 @@ export declare const uploadProps: {
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string; /** currently not used */
+            textColorHoverError: string;
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -373,6 +394,12 @@ export declare const uploadProps: {
         draggerTitleColor: string;
         draggerTextColor: string;
         labelColor: string;
+        widthSmall: string;
+        widthMedium: string;
+        widthLarge: string;
+        containerSecondary: string;
+        brandPrimary300: string;
+        elementsQuaternary: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -544,7 +571,7 @@ export declare const uploadProps: {
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string; /** currently not used */
+            textColorHoverError: string;
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -631,6 +658,12 @@ export declare const uploadProps: {
         draggerTitleColor: string;
         draggerTextColor: string;
         labelColor: string;
+        widthSmall: string;
+        widthMedium: string;
+        widthLarge: string;
+        containerSecondary: string;
+        brandPrimary300: string;
+        elementsQuaternary: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -802,7 +835,7 @@ export declare const uploadProps: {
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string; /** currently not used */
+            textColorHoverError: string;
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -902,6 +935,11 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly vertical: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly icon: PropType<VNodeChild | undefined>;
     readonly onChange: PropType<OnChange>;
     readonly onRemove: PropType<OnRemove>;
     readonly onFinish: PropType<OnFinish>;
@@ -946,7 +984,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onPreview: PropType<OnPreview>;
     readonly shouldUseThumbnailUrl: {
         readonly type: PropType<ShouldUseThumbnailUrl>;
-        readonly default: (file: Required<FileInfo>) => boolean;
+        readonly default: (file: SettledFileInfo) => boolean;
     };
     readonly createThumbnailUrl: PropType<CreateThumbnailUrl>;
     readonly abstract: BooleanConstructor;
@@ -957,9 +995,19 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly imageGroupProps: PropType<ImageGroupProps>;
     readonly inputProps: PropType<InputHTMLAttributes>;
-    readonly triggerStyle: PropType<string | CSSProperties>;
+    readonly triggerStyle: PropType<CSSProperties | string>;
     readonly renderIcon: PropType<RenderIcon>;
     readonly label: StringConstructor;
+    readonly size: {
+        readonly type: PropType<"small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly title: StringConstructor;
+    readonly subtitle: StringConstructor;
+    readonly noIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         baseColor: string;
         fontSize: string;
@@ -982,6 +1030,12 @@ declare const _default: import("vue").DefineComponent<{
         draggerTitleColor: string;
         draggerTextColor: string;
         labelColor: string;
+        widthSmall: string;
+        widthMedium: string;
+        widthLarge: string;
+        containerSecondary: string;
+        brandPrimary300: string;
+        elementsQuaternary: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -1153,7 +1207,7 @@ declare const _default: import("vue").DefineComponent<{
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string; /** currently not used */
+            textColorHoverError: string;
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -1240,6 +1294,12 @@ declare const _default: import("vue").DefineComponent<{
         draggerTitleColor: string;
         draggerTextColor: string;
         labelColor: string;
+        widthSmall: string;
+        widthMedium: string;
+        widthLarge: string;
+        containerSecondary: string;
+        brandPrimary300: string;
+        elementsQuaternary: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -1411,7 +1471,7 @@ declare const _default: import("vue").DefineComponent<{
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string; /** currently not used */
+            textColorHoverError: string;
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -1498,6 +1558,12 @@ declare const _default: import("vue").DefineComponent<{
         draggerTitleColor: string;
         draggerTextColor: string;
         labelColor: string;
+        widthSmall: string;
+        widthMedium: string;
+        widthLarge: string;
+        containerSecondary: string;
+        brandPrimary300: string;
+        elementsQuaternary: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -1669,7 +1735,7 @@ declare const _default: import("vue").DefineComponent<{
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string; /** currently not used */
+            textColorHoverError: string;
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -1739,126 +1805,18 @@ declare const _default: import("vue").DefineComponent<{
     submit: () => void;
     clear: () => void;
     mergedClsPrefix: import("vue").Ref<string>;
+    mergedSizeRef: import("vue").ComputedRef<"small" | "medium" | "large">;
     draggerInsideRef: {
         value: boolean;
     };
     inputElRef: import("vue").Ref<HTMLInputElement | null>;
+    localeRef: import("vue").Ref<{
+        title: string;
+        subtitle: string;
+        uploading: string;
+    }>;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            opacityDisabled: string;
-            brandPrimary50: string;
-            brandPrimary100: string;
-            brandPrimary200: string;
-            brandPrimary300: string;
-            brandPrimary400: string;
-            brandPrimary500: string;
-            brandPrimary550: string;
-            brandPrimary600: string;
-            brandSecondary500: string;
-            brandSecondary300: string;
-            brandSecondary600: string;
-            brandTertiary500: string;
-            brandTertiary300: string;
-            brandTertiary600: string;
-            brandQuaternary500: string;
-            brandQuaternary300: string;
-            brandQuaternary600: string;
-            brandQuinary500: string;
-            brandQuinary300: string;
-            brandQuinary600: string;
-            brandQuinary100: string;
-            surfacePrimary: string;
-            surfaceSecondary: string;
-            containerPrimary: string;
-            containerSecondary: string;
-            textPrimary: string;
-            textSecondary: string;
-            textTertiary: string;
-            textQuaternary: string;
-            textBrand: string;
-            elementsPrimary: string;
-            elementsSecondary: string;
-            elementsTertiary: string;
-            elementsQuaternary: string;
-            elementsQuinary: string;
-            elementsDarkQuinary: string;
-            elementsSenary: string;
-            /**
-             * fils status ['pending', 'uploading', 'finished', 'removed', 'error']
-             */
-            elementsOnContainer: string;
-            transparencyPrimary: string;
-            transparencySecondary: string;
-            transparencyTertiary: string;
-            transparencyQuinary: string;
-            transparencyModal: string;
-            staticBlack: string;
-            staticDarkGrey: string;
-            staticWhite: string;
-            staticRed: string;
-            staticOrange: string;
-            staticGreen: string;
-            staticDeepBlue: string;
-            staticErrorAccent: string;
-            shadowDepth2: string;
-            shadowDepth: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadiusLarge: string;
-            borderRadius: string;
-            borderRadiusMedium: string;
-            borderRadiusSmall: string;
-            borderRadiusTiny: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            fontDisplayLarge: string;
-            fontDisplaySmall: string;
-            fontHeadingLarge: string;
-            fontHeadingMedium: string;
-            fontHeadingSmall: string;
-            fontTitleLarge: string;
-            fontTitleMedium: string;
-            fontTitleSmall: string;
-            fontBodyLarge: string;
-            fontBodyMedium: string;
-            fontBodySmall: string;
-            lineHeightDisplayLarge: string;
-            lineHeightDisplaySmall: string;
-            lineHeightHeadingLarge: string;
-            lineHeightHeadingMedium: string;
-            lineHeightHeadingSmall: string;
-            lineHeightTitleLarge: string;
-            lineHeightTitleMedium: string;
-            lineHeightTitleSmall: string;
-            lineHeightBodyLarge: string;
-            lineHeightBodyMedium: string;
-            lineHeightBodySmall: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            fontWeightBold: string;
-            iconSmall: string;
-            iconMedium: string;
-            iconLarge: string;
-            iconHuge: string;
-            closeSmall: string;
-            closeMedium: string;
-            closeLarge: string;
-            closeHuge: string;
-            closeBorderRadius: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             baseColor: string;
             fontSize: string;
@@ -1881,6 +1839,12 @@ declare const _default: import("vue").DefineComponent<{
             draggerTitleColor: string;
             draggerTextColor: string;
             labelColor: string;
+            widthSmall: string;
+            widthMedium: string;
+            widthLarge: string;
+            containerSecondary: string;
+            brandPrimary300: string;
+            elementsQuaternary: string;
         };
         peers: {
             Button: import("../../_mixins").Theme<"Button", {
@@ -2053,7 +2017,7 @@ declare const _default: import("vue").DefineComponent<{
                 colorFocusError: string;
                 colorDisabledError: string;
                 textColorError: string;
-                textColorHoverError: string; /** currently not used */
+                textColorHoverError: string;
                 textColorPressedError: string;
                 textColorFocusError: string;
                 textColorDisabledError: string;
@@ -2170,6 +2134,11 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: PropType<boolean | undefined>;
         readonly default: undefined;
     };
+    readonly vertical: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly icon: PropType<VNodeChild | undefined>;
     readonly onChange: PropType<OnChange>;
     readonly onRemove: PropType<OnRemove>;
     readonly onFinish: PropType<OnFinish>;
@@ -2214,7 +2183,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly onPreview: PropType<OnPreview>;
     readonly shouldUseThumbnailUrl: {
         readonly type: PropType<ShouldUseThumbnailUrl>;
-        readonly default: (file: Required<FileInfo>) => boolean;
+        readonly default: (file: SettledFileInfo) => boolean;
     };
     readonly createThumbnailUrl: PropType<CreateThumbnailUrl>;
     readonly abstract: BooleanConstructor;
@@ -2225,9 +2194,19 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly imageGroupProps: PropType<ImageGroupProps>;
     readonly inputProps: PropType<InputHTMLAttributes>;
-    readonly triggerStyle: PropType<string | CSSProperties>;
+    readonly triggerStyle: PropType<CSSProperties | string>;
     readonly renderIcon: PropType<RenderIcon>;
     readonly label: StringConstructor;
+    readonly size: {
+        readonly type: PropType<"small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly title: StringConstructor;
+    readonly subtitle: StringConstructor;
+    readonly noIcon: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     readonly theme: PropType<import("../../_mixins").Theme<"Upload", {
         baseColor: string;
         fontSize: string;
@@ -2250,6 +2229,12 @@ declare const _default: import("vue").DefineComponent<{
         draggerTitleColor: string;
         draggerTextColor: string;
         labelColor: string;
+        widthSmall: string;
+        widthMedium: string;
+        widthLarge: string;
+        containerSecondary: string;
+        brandPrimary300: string;
+        elementsQuaternary: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -2421,7 +2406,7 @@ declare const _default: import("vue").DefineComponent<{
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string; /** currently not used */
+            textColorHoverError: string;
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -2508,6 +2493,12 @@ declare const _default: import("vue").DefineComponent<{
         draggerTitleColor: string;
         draggerTextColor: string;
         labelColor: string;
+        widthSmall: string;
+        widthMedium: string;
+        widthLarge: string;
+        containerSecondary: string;
+        brandPrimary300: string;
+        elementsQuaternary: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -2679,7 +2670,7 @@ declare const _default: import("vue").DefineComponent<{
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string; /** currently not used */
+            textColorHoverError: string;
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -2766,6 +2757,12 @@ declare const _default: import("vue").DefineComponent<{
         draggerTitleColor: string;
         draggerTextColor: string;
         labelColor: string;
+        widthSmall: string;
+        widthMedium: string;
+        widthLarge: string;
+        containerSecondary: string;
+        brandPrimary300: string;
+        elementsQuaternary: string;
     }, {
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
@@ -2937,7 +2934,7 @@ declare const _default: import("vue").DefineComponent<{
             colorFocusError: string;
             colorDisabledError: string;
             textColorError: string;
-            textColorHoverError: string; /** currently not used */
+            textColorHoverError: string;
             textColorPressedError: string;
             textColorFocusError: string;
             textColorDisabledError: string;
@@ -3003,18 +3000,21 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }>>, {
-    readonly method: string;
-    readonly abstract: boolean;
+    readonly disabled: boolean | undefined;
     readonly name: string;
+    readonly abstract: boolean;
+    readonly size: "small" | "medium" | "large";
+    readonly vertical: boolean;
     readonly multiple: boolean;
-    readonly disabled: boolean | undefined;
+    readonly method: string;
     readonly showTrigger: boolean;
+    readonly noIcon: boolean;
     readonly listType: ListType;
-    readonly showCancelButton: boolean;
+    readonly showPreviewButton: boolean;
     readonly showRemoveButton: boolean;
-    readonly showDownloadButton: boolean;
+    readonly showCancelButton: boolean;
     readonly showRetryButton: boolean;
-    readonly showPreviewButton: boolean;
+    readonly showDownloadButton: boolean;
     readonly shouldUseThumbnailUrl: ShouldUseThumbnailUrl;
     readonly withCredentials: boolean;
     readonly responseType: XMLHttpRequestResponseType;