vft 0.0.333 → 0.0.335

package/es/components/input-tag/input-tag.vue2.js

@@ -1,31 +1,31 @@
 import { defineComponent as B, useSlots as ge, computed as y, createElementBlock as m, openBlock as l, unref as e, normalizeStyle as ve, normalizeClass as a, createCommentVNode as f, createElementVNode as p, renderSlot as I, withDirectives as x, Fragment as ye, renderList as Ie, createBlock as C, withModifiers as F, withCtx as Ce, createTextVNode as he, toDisplayString as K, mergeProps as be, isRef as De, vModelText as ke, vShow as we } from "vue";
-import { useAttrs as Se } from "../../hooks/use-attrs/index.js";
+import "../form/index.js";
+import { VftIcon as $ } from "../icon/index.js";
+import { VftTag as Se } from "../tag/index.js";
+import { useAttrs as Te } from "../../hooks/use-attrs/index.js";
 import "@vueuse/core";
-import { noop as Te } from "@vft/utils";
+import { noop as Re } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useCalcInputWidth as Re } from "../../hooks/use-calc-input-width/index.js";
-import { VftIcon as $ } from "../icon/index.js";
-import { VftTag as Me } from "../tag/index.js";
-import "../form/index.js";
-import { inputTagEmits as Ve, inputTagProps as Ee } from "./input-tag.js";
-import { useDragTag as ze } from "./composables/use-drag-tag.js";
-import { useHovering as Le } from "./composables/use-hovering.js";
-import { useInputTag as xe } from "./composables/use-input-tag.js";
-import { useInputTagDom as Fe } from "./composables/use-input-tag-dom.js";
+import { useCalcInputWidth as Ve } from "../../hooks/use-calc-input-width/index.js";
+import { useDragTag as Me } from "./composables/use-drag-tag.js";
+import { useHovering as Ee } from "./composables/use-hovering.js";
+import { useInputTag as ze } from "./composables/use-input-tag.js";
+import { useInputTagDom as Le } from "./composables/use-input-tag-dom.js";
+import { inputTagEmits as xe, inputTagProps as Fe } from "./input-tag.js";
 import { useFormItem as Ke, useFormItemInputId as $e } from "../form/hooks/use-form-item.js";
 const Be = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplete", "tabindex", "placeholder", "autofocus", "ariaLabel"], Ne = ["textContent"], Ae = B({
-  name: "ElInputTag",
+  name: "VftInputTag",
   inheritAttrs: !1
 }), ro = /* @__PURE__ */ B({
   ...Ae,
-  props: Ee,
-  emits: Ve,
+  props: Fe,
+  emits: xe,
   setup(N, { expose: A, emit: P }) {
-    const c = N, U = P, H = Se(), O = ge(), { form: W, formItem: g } = Ke(), { inputId: j } = $e(c, { formItemContext: g }), h = y(() => W?.statusIcon ?? !1), s = y(() => g?.validateState || ""), q = {
+    const c = N, U = P, H = Te(), O = ge(), { form: W, formItem: g } = Ke(), { inputId: j } = $e(c, { formItemContext: g }), h = y(() => W?.statusIcon ?? !1), s = y(() => g?.validateState || ""), q = {
       validating: "icon-loading",
       success: "icon-circle-check",
       error: "icon-circle-close"
@@ -45,17 +45,17 @@ const Be = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplet
       handleRemoveTag: _,
       handleClear: ee,
       handleCompositionStart: R,
-      handleCompositionUpdate: M,
-      handleCompositionEnd: V,
+      handleCompositionUpdate: V,
+      handleCompositionEnd: M,
       focus: E,
       blur: oe
-    } = xe({ props: c, emit: U, formItem: g }), { hovering: te, handleMouseEnter: z, handleMouseLeave: L } = Le(), { calculatorRef: ne, inputStyle: ae } = Re(), {
+    } = ze({ props: c, emit: U, formItem: g }), { hovering: te, handleMouseEnter: z, handleMouseLeave: L } = Ee(), { calculatorRef: ne, inputStyle: ae } = Ve(), {
       dropIndicatorRef: re,
       showDropIndicator: le,
       handleDragStart: se,
       handleDragOver: ie,
       handleDragEnd: de
-    } = ze({ wrapperRef: D, handleDragged: Z, afterDragged: E }), {
+    } = Me({ wrapperRef: D, handleDragged: Z, afterDragged: E }), {
       ns: r,
       nsInput: v,
       containerKls: pe,
@@ -63,7 +63,7 @@ const Be = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplet
       innerKls: me,
       showClear: fe,
       showSuffix: ce
-    } = Fe({
+    } = Le({
       props: c,
       hovering: te,
       isFocused: J,
@@ -96,7 +96,7 @@ const Be = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplet
       p("div", {
         class: a(e(me))
       }, [
-        (l(!0), m(ye, null, Ie(n.modelValue, (t, d) => (l(), C(e(Me), {
+        (l(!0), m(ye, null, Ie(n.modelValue, (t, d) => (l(), C(e(Se), {
           key: d,
           size: e(X),
           closable: e(k),
@@ -145,9 +145,9 @@ const Be = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplet
             onCompositionstart: o[2] || (o[2] = //@ts-ignore
             (...t) => e(R) && e(R)(...t)),
             onCompositionupdate: o[3] || (o[3] = //@ts-ignore
-            (...t) => e(M) && e(M)(...t)),
-            onCompositionend: o[4] || (o[4] = //@ts-ignore
             (...t) => e(V) && e(V)(...t)),
+            onCompositionend: o[4] || (o[4] = //@ts-ignore
+            (...t) => e(M) && e(M)(...t)),
             onInput: o[5] || (o[5] = //@ts-ignore
             (...t) => e(S) && e(S)(...t)),
             onKeydown: o[6] || (o[6] = //@ts-ignore
@@ -179,7 +179,7 @@ const Be = ["id", "minlength", "maxlength", "disabled", "readonly", "autocomplet
         e(fe) ? (l(), C(e($), {
           key: 0,
           class: a([e(r).e("icon"), e(r).e("clear")]),
-          onMousedown: F(e(Te), ["prevent"]),
+          onMousedown: F(e(Re), ["prevent"]),
           onClick: e(ee),
           icon: "icon-circle-close"
         }, null, 8, ["class", "onMousedown", "onClick"])) : f("", !0),

package/es/components/upload/index.d.ts

@@ -14,7 +14,7 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<(evt: import("./types").UploadProgressEvent, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
         };
         onChange: {
-            type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
+            type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles, uploadInstance?: any) => void>;
         };
         onError: {
             type: import("vue").PropType<(error: Error, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
@@ -42,6 +42,10 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
+        fileList: {
+            type: import("vue").PropType<import("./types").UploadUserFile[]>;
+            default: never[];
+        };
         withCredentials: {
             type: import("vue").PropType<boolean>;
         };
@@ -53,10 +57,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        fileList: {
-            type: import("vue").PropType<import("./types").UploadUserFile[]>;
-            default: never[];
-        };
         autoUpload: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -72,6 +72,18 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         limit: {
             type: import("vue").PropType<number>;
         };
+        replaceOnLimit: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        maxSize: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
+        sizeExceedMessage: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         beforeUpload: {
             type: import("vue").PropType<(rawFile: import("./types").UploadRawFile) => import("../types").Awaitable<void | undefined | null | boolean | File | Blob>>;
         };
@@ -85,6 +97,9 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<(files: File[], uploadFiles: import("./types").UploadUserFile[]) => void>;
             default: () => void;
         };
+        onSizeExceed: {
+            type: import("vue").PropType<(file: File, maxSize: number) => void>;
+        };
         beforeRemove: {
             type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => import("../types").Awaitable<boolean>>;
         };
@@ -147,12 +162,15 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         method: string;
         multiple: boolean;
         action: string;
+        fileList: import("./types").UploadUserFile[];
         showFileList: boolean;
         accept: string;
-        fileList: import("./types").UploadUserFile[];
         autoUpload: boolean;
         listType: import("./types").ListType;
         httpRequest: import("./types").UploadRequestHandler;
+        replaceOnLimit: boolean;
+        maxSize: number;
+        sizeExceedMessage: string;
         onExceed: import("./types").UploadHooks["onExceed"];
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -176,7 +194,7 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<(evt: import("./types").UploadProgressEvent, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
         };
         onChange: {
-            type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
+            type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles, uploadInstance?: any) => void>;
         };
         onError: {
             type: import("vue").PropType<(error: Error, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
@@ -204,6 +222,10 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
+        fileList: {
+            type: import("vue").PropType<import("./types").UploadUserFile[]>;
+            default: never[];
+        };
         withCredentials: {
             type: import("vue").PropType<boolean>;
         };
@@ -215,10 +237,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        fileList: {
-            type: import("vue").PropType<import("./types").UploadUserFile[]>;
-            default: never[];
-        };
         autoUpload: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -234,6 +252,18 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         limit: {
             type: import("vue").PropType<number>;
         };
+        replaceOnLimit: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        maxSize: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
+        sizeExceedMessage: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         beforeUpload: {
             type: import("vue").PropType<(rawFile: import("./types").UploadRawFile) => import("../types").Awaitable<void | undefined | null | boolean | File | Blob>>;
         };
@@ -247,6 +277,9 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<(files: File[], uploadFiles: import("./types").UploadUserFile[]) => void>;
             default: () => void;
         };
+        onSizeExceed: {
+            type: import("vue").PropType<(file: File, maxSize: number) => void>;
+        };
         beforeRemove: {
             type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => import("../types").Awaitable<boolean>>;
         };
@@ -309,12 +342,15 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         method: string;
         multiple: boolean;
         action: string;
+        fileList: import("./types").UploadUserFile[];
         showFileList: boolean;
         accept: string;
-        fileList: import("./types").UploadUserFile[];
         autoUpload: boolean;
         listType: import("./types").ListType;
         httpRequest: import("./types").UploadRequestHandler;
+        replaceOnLimit: boolean;
+        maxSize: number;
+        sizeExceedMessage: string;
         onExceed: import("./types").UploadHooks["onExceed"];
     }>;
     __isFragment?: never;
@@ -335,7 +371,7 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<(evt: import("./types").UploadProgressEvent, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
     };
     onChange: {
-        type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
+        type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles, uploadInstance?: any) => void>;
     };
     onError: {
         type: import("vue").PropType<(error: Error, uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => void>;
@@ -363,6 +399,10 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    fileList: {
+        type: import("vue").PropType<import("./types").UploadUserFile[]>;
+        default: never[];
+    };
     withCredentials: {
         type: import("vue").PropType<boolean>;
     };
@@ -374,10 +414,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    fileList: {
-        type: import("vue").PropType<import("./types").UploadUserFile[]>;
-        default: never[];
-    };
     autoUpload: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -393,6 +429,18 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
     limit: {
         type: import("vue").PropType<number>;
     };
+    replaceOnLimit: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    maxSize: {
+        type: import("vue").PropType<number>;
+        default: undefined;
+    };
+    sizeExceedMessage: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     beforeUpload: {
         type: import("vue").PropType<(rawFile: import("./types").UploadRawFile) => import("../types").Awaitable<void | undefined | null | boolean | File | Blob>>;
     };
@@ -406,6 +454,9 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<(files: File[], uploadFiles: import("./types").UploadUserFile[]) => void>;
         default: () => void;
     };
+    onSizeExceed: {
+        type: import("vue").PropType<(file: File, maxSize: number) => void>;
+    };
     beforeRemove: {
         type: import("vue").PropType<(uploadFile: import("./types").UploadFile, uploadFiles: import("./types").UploadFiles) => import("../types").Awaitable<boolean>>;
     };
@@ -468,12 +519,15 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
     method: string;
     multiple: boolean;
     action: string;
+    fileList: import("./types").UploadUserFile[];
     showFileList: boolean;
     accept: string;
-    fileList: import("./types").UploadUserFile[];
     autoUpload: boolean;
     listType: import("./types").ListType;
     httpRequest: import("./types").UploadRequestHandler;
+    replaceOnLimit: boolean;
+    maxSize: number;
+    sizeExceedMessage: string;
     onExceed: import("./types").UploadHooks["onExceed"];
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {

package/es/components/upload/types.d.ts

@@ -38,12 +38,14 @@ export interface UploadHooks {
     beforeUpload: (rawFile: UploadRawFile) => Awaitable<void | undefined | null | boolean | File | Blob>;
     beforeRemove: (uploadFile: UploadFile, uploadFiles: UploadFiles) => Awaitable<boolean>;
     onRemove: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
-    onChange: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
+    onChange: (uploadFile: UploadFile, uploadFiles: UploadFiles, uploadInstance?: any) => void;
     onPreview: (uploadFile: UploadFile) => void;
     onSuccess: (response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
     onProgress: (evt: UploadProgressEvent, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
     onError: (error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
     onExceed: (files: File[], uploadFiles: UploadUserFile[]) => void;
+    /** 文件大小超出限制时的回调 */
+    onSizeExceed?: (file: File, maxSize: number) => void;
 }
 export interface UploadBasicProps {
     action?: string;
@@ -63,6 +65,12 @@ export interface UploadBasicProps {
     httpRequest?: UploadRequestHandler;
     disabled?: boolean;
     limit?: number;
+    /** 当 limit 为 1 时，是否覆盖之前的文件 */
+    replaceOnLimit?: boolean;
+    /** 文件大小限制（字节） */
+    maxSize?: number;
+    /** 超出文件大小时的提示信息 */
+    sizeExceedMessage?: string;
 }
 export interface UploadEventProps {
     beforeUpload?: UploadHooks['beforeUpload'];
@@ -74,6 +82,7 @@ export interface UploadEventProps {
     onProgress?: UploadHooks['onProgress'];
     onError?: UploadHooks['onError'];
     onExceed?: UploadHooks['onExceed'];
+    onSizeExceed?: UploadHooks['onSizeExceed'];
 }
 export interface UploadContentEventProps {
     beforeUpload?: UploadHooks['beforeUpload'];
@@ -83,9 +92,15 @@ export interface UploadContentEventProps {
     onProgress?: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void;
     onError?: (err: UploadAjaxError, rawFile: UploadRawFile) => void;
     onExceed?: UploadHooks['onExceed'];
+    onSizeExceed?: UploadHooks['onSizeExceed'];
+}
+export interface UploadContentBasicProps extends Omit<UploadBasicProps, 'fileList'> {
+    fileList?: UploadUserFile[];
+    /** 当 limit 为 1 时，是否覆盖之前的文件 */
+    replaceOnLimit?: boolean;
 }
 export type UploadProps = UploadBasicProps & UploadEventProps;
-export type UploadContentProps = UploadBasicProps & UploadContentEventProps;
+export type UploadContentProps = UploadContentBasicProps & UploadContentEventProps;
 export type UploadContentInstance = InstanceType<typeof UploadContent>;
 export interface UploadDraggerProps {
     disabled?: boolean;

package/es/components/upload/upload-content.vue.d.ts

@@ -15,6 +15,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     listType: string;
     httpRequest: import("./types").UploadRequestHandler;
     fileList: never[];
+    replaceOnLimit: boolean;
+    maxSize: undefined;
+    sizeExceedMessage: string;
 }>>, {
     abort: (file?: UploadFile) => void;
     upload: (rawFile: UploadRawFile) => Promise<void>;
@@ -31,6 +34,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     listType: string;
     httpRequest: import("./types").UploadRequestHandler;
     fileList: never[];
+    replaceOnLimit: boolean;
+    maxSize: undefined;
+    sizeExceedMessage: string;
 }>>> & Readonly<{}>, {
     drag: boolean;
     name: string;
@@ -38,12 +44,15 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     method: string;
     multiple: boolean;
     action: string;
+    fileList: import("./types").UploadUserFile[];
     showFileList: boolean;
     accept: string;
-    fileList: import("./types").UploadUserFile[];
     autoUpload: boolean;
     listType: import("./types").ListType;
     httpRequest: import("./types").UploadRequestHandler;
+    replaceOnLimit: boolean;
+    maxSize: number;
+    sizeExceedMessage: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;