vft 0.0.317 → 0.0.320

package/es/components/super-form/use/helper.js

@@ -1,27 +1,141 @@
-import { isNumber as n } from "@vft/utils";
-import { FormCompEnum as E, isInput as u } from "../component-map.js";
-function I(e, r = "") {
-  return r = (r || "").replace(":", ""), [
-    E.INPUT,
-    E.INPUT_NUMBER,
-    E.TEXTAREA
-  ].includes(e) ? "请输入" + r : [E.PASSWORD].includes(e) ? "请输入密码" : [E.SELECT, E.RADIO].includes(e) ? "请选择" + r : [E.SEARCH].includes(e) ? "请输入要搜索的内容" : [
-    E.TIME_PICKER,
-    E.YEAR_PICKER,
-    E.MONTH_PICKER,
-    E.DATE_PICKER,
-    E.DATES_PICKER,
-    E.DATETIME_PICKER,
-    E.WEEK_PICKER,
-    E.DATETIMERANGE_PICKER,
-    E.DATERANGE_PICKER,
-    E.MONTHRANGE_PICKER
-  ].includes(e) ? "请选择时间" : "";
+import "../../alert/index.js";
+import "../../avatar/index.js";
+import "../../avatar-stack/index.js";
+import "../../backtop/index.js";
+import "../../button/index.js";
+import "../../card/index.js";
+import "../../cascader/index.js";
+import "../../cascader-panel/index.js";
+import "../../check-tag/index.js";
+import "../../checkbox/index.js";
+import "../../clamp/index.js";
+import "../../clamp-toggle/index.js";
+import "../../clamp-tooltip/index.js";
+import "../../col/index.js";
+import "../../collapse-transition/index.js";
+import "../../color-picker/index.js";
+import "../../config-provider/index.js";
+import "../../container/index.js";
+import { isNumber as t } from "@vft/utils";
+import "vue";
+import "../../context-menu/context-menu.vue2.js";
+import "../../icon/index.js";
+import "../../date-picker/index.js";
+import "../../date-time-select/index.js";
+import "../../descriptions/index.js";
+import "../../dialog/index.js";
+import "../../divider/index.js";
+import "../../drawer/index.js";
+import "../../dropdown/index.js";
+import "../../empty/index.js";
+import "../../footer-layout/index.js";
+import "../../form/index.js";
+import "../../full-screen/index.js";
+import "../../header-layout/index.js";
+import "../../horizontal-menu/index.js";
+import "../../icon-text/index.js";
+import "../../iframe-layout/index.js";
+import "../../image/index.js";
+import "../../image-viewer/index.js";
+import "../../input/index.js";
+import "../../input-number/index.js";
+import "../../link/index.js";
+import "../../list-cell/index.js";
+import "../../logo/index.js";
+import "../../menu/index.js";
+import "../../multiple-tabs/index.js";
+import "../../notification/index.js";
+import "../../overlay/index.js";
+import "../../page-wrapper/index.js";
+import "../../pagination/index.js";
+import "../../popconfirm/index.js";
+import "../../popover/index.js";
+import "../../popper/index.js";
+import "../../qrcode/index.js";
+import "../../radio/index.js";
+import "../../result/index.js";
+import "../../router-view-content/index.js";
+import "../../row/index.js";
+import "../../scrollbar/index.js";
+import "../../search/index.js";
+import "../../select/index.js";
+import "../../side-menu/index.js";
+import "../../skeleton/index.js";
+import "../../slider/index.js";
+import "../../space/index.js";
+import "../../steps/index.js";
+import "../../switch/index.js";
+import "../../table/index.js";
+import "../../tabs/index.js";
+import "../../tag/index.js";
+import "../../time-picker/index.js";
+import "../../tooltip/index.js";
+import "../../tree/index.js";
+import "../../verify-code/index.js";
+import "../../virtual-list/components/fixed-size-list.js";
+import "../../virtual-list/components/dynamic-size-list.js";
+import "../../virtual-list/components/fixed-size-grid.js";
+import "../../virtual-list/components/dynamic-size-grid.js";
+import "../../virtual-list/props.js";
+import "../../autocomplete/index.js";
+import "../../breadcrumb/index.js";
+import "../../carousel/index.js";
+import "../../collapse/index.js";
+import "../../countdown/index.js";
+import "../../input-tag/index.js";
+import "../../modal/index.js";
+import "../../progress/index.js";
+import "../../segmented/index.js";
+import "../../statistic/index.js";
+import "../index.js";
+import "../../timeline/index.js";
+import "../../transfer/index.js";
+import "../../upload/index.js";
+import "../../watermark/index.js";
+import "../../md-code-demo/index.js";
+import "../../md-code-tabs/index.js";
+import "../../md-comment/index.js";
+import "../../md-container/index.js";
+import "../../md-tabs/index.js";
+import "../../md-vue-playground/index.js";
+import "../../infinite-scroll/index.js";
+import "@vueuse/core";
+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 "../../message/index.js";
+import "../../progress-i/index.js";
+import { isInput as m, FormCompEnum as r } from "../component-map.js";
+function Ei(i, o = "") {
+  return o = (o || "").replace(":", ""), [
+    r.INPUT,
+    r.INPUT_NUMBER,
+    r.TEXTAREA,
+    r.AUTOCOMPLETE
+  ].includes(i) ? "请输入" + o : [r.PASSWORD].includes(i) ? "请输入密码" : [
+    r.SELECT,
+    r.RADIO,
+    r.Cascader,
+    r.ColorPicker
+  ].includes(i) ? "请选择" + o : [r.SEARCH].includes(i) ? "请输入要搜索的内容" : [r.INPUT_TAG].includes(i) ? "请输入标签内容" : [r.Upload].includes(i) ? "请选择上传文件" : [r.Slider].includes(i) ? "请拖动滑块" : [
+    r.TIME_PICKER,
+    r.YEAR_PICKER,
+    r.MONTH_PICKER,
+    r.DATE_PICKER,
+    r.DATES_PICKER,
+    r.DATETIME_PICKER,
+    r.WEEK_PICKER,
+    r.DATETIMERANGE_PICKER,
+    r.DATERANGE_PICKER,
+    r.MONTHRANGE_PICKER
+  ].includes(i) ? "请选择时间" : "";
 }
-function T(e, r) {
-  return e && u(e) && r && n(r) ? `${r}` : r;
+function ni(i, o) {
+  return i && m(i) && o && t(o) ? `${o}` : o;
 }
 export {
-  I as createPlaceholderMessage,
-  T as handleInputNumberValue
+  Ei as createPlaceholderMessage,
+  ni as handleInputNumberValue
 };

package/es/components/table/style/css.js

@@ -2,22 +2,31 @@ import "vft/theme-style/base.css";
 import "vft/theme-style/vft-clamp-toggle.css";
 import "vft/theme-style/vft-empty.css";
 import "vft/theme-style/vft-pagination.css";
+import "vft/theme-style/vft-autocomplete.css";
 import "vft/theme-style/vft-input.css";
+import "vft/theme-style/vft-scrollbar.css";
+import "vft/theme-style/vft-popper.css";
+import "vft/theme-style/vft-slider.css";
 import "vft/theme-style/vft-input-number.css";
+import "vft/theme-style/vft-tooltip.css";
+import "vft/theme-style/vft-tag.css";
 import "vft/theme-style/vft-checkbox.css";
+import "vft/theme-style/vft-radio.css";
+import "vft/theme-style/vft-cascader-panel.css";
+import "vft/theme-style/vft-cascader.css";
+import "vft/theme-style/vft-color-picker.css";
+import "vft/theme-style/vft-icon.css";
+import "vft/theme-style/vft-button.css";
+import "vft/theme-style/vft-progress.css";
+import "vft/theme-style/vft-upload.css";
+import "vft/theme-style/vft-input-tag.css";
 import "vft/theme-style/vft-check-tag.css";
 import "vft/theme-style/vft-checkbox-button.css";
 import "vft/theme-style/vft-checkbox-group.css";
-import "vft/theme-style/vft-radio.css";
 import "vft/theme-style/vft-radio-group.css";
 import "vft/theme-style/vft-radio-button.css";
 import "vft/theme-style/vft-date-picker.css";
-import "vft/theme-style/vft-scrollbar.css";
-import "vft/theme-style/vft-popper.css";
-import "vft/theme-style/vft-icon.css";
-import "vft/theme-style/vft-button.css";
 import "vft/theme-style/vft-time-picker.css";
-import "vft/theme-style/vft-tag.css";
 import "vft/theme-style/vft-virtual-list.css";
 import "vft/theme-style/vft-select.css";
 import "vft/theme-style/vft-switch.css";

package/es/components/table/style/index.js

@@ -2,22 +2,31 @@ import "vft/theme-style/src/base.scss";
 import "vft/theme-style/src/clamp-toggle.scss";
 import "vft/theme-style/src/empty.scss";
 import "vft/theme-style/src/pagination.scss";
+import "vft/theme-style/src/autocomplete.scss";
 import "vft/theme-style/src/input.scss";
-import "vft/theme-style/src/input-number.scss";
+import "vft/theme-style/src/scrollbar.scss";
+import "vft/theme-style/src/popper.scss";
+import "vft/theme-style/src/tag.scss";
 import "vft/theme-style/src/checkbox.scss";
+import "vft/theme-style/src/radio.scss";
+import "vft/theme-style/src/cascader-panel.scss";
+import "vft/theme-style/src/cascader.scss";
+import "vft/theme-style/src/slider.scss";
+import "vft/theme-style/src/input-number.scss";
+import "vft/theme-style/src/tooltip.scss";
+import "vft/theme-style/src/color-picker.scss";
+import "vft/theme-style/src/icon.scss";
+import "vft/theme-style/src/button.scss";
+import "vft/theme-style/src/progress.scss";
+import "vft/theme-style/src/upload.scss";
+import "vft/theme-style/src/input-tag.scss";
 import "vft/theme-style/src/check-tag.scss";
 import "vft/theme-style/src/checkbox-button.scss";
 import "vft/theme-style/src/checkbox-group.scss";
-import "vft/theme-style/src/radio.scss";
 import "vft/theme-style/src/radio-group.scss";
 import "vft/theme-style/src/radio-button.scss";
-import "vft/theme-style/src/scrollbar.scss";
-import "vft/theme-style/src/popper.scss";
-import "vft/theme-style/src/icon.scss";
-import "vft/theme-style/src/button.scss";
 import "vft/theme-style/src/date-picker.scss";
 import "vft/theme-style/src/time-picker.scss";
-import "vft/theme-style/src/tag.scss";
 import "vft/theme-style/src/virtual-list.scss";
 import "vft/theme-style/src/select.scss";
 import "vft/theme-style/src/switch.scss";

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

@@ -97,6 +97,7 @@ export declare const VftTree: SFCWithInstall<{
         };
     }>> & Readonly<{
         "onCurrent-change"?: (() => any) | undefined;
+        onCheck?: (() => any) | undefined;
         "onNode-drag-start"?: (() => any) | undefined;
         "onNode-drag-leave"?: (() => any) | undefined;
         "onNode-drag-enter"?: (() => any) | undefined;
@@ -108,7 +109,6 @@ export declare const VftTree: SFCWithInstall<{
         "onNode-click"?: (() => any) | undefined;
         "onNode-contextmenu"?: (() => any) | undefined;
         "onNode-collapse"?: (() => any) | undefined;
-        onCheck?: (() => any) | undefined;
     }>, {
         filter: (value: any) => void;
         getNodeKey: (node: import("./model/node").default) => any;
@@ -134,6 +134,7 @@ export declare const VftTree: SFCWithInstall<{
         updateNode: (data: import("./tree.type").TreeData, refNode: import("./tree.type").TreeKey | import("./tree.type").TreeNodeData | import("./model/node").default) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "current-change": () => void;
+        check: () => void;
         "node-drag-start": () => void;
         "node-drag-leave": () => void;
         "node-drag-enter": () => void;
@@ -145,7 +146,6 @@ export declare const VftTree: SFCWithInstall<{
         "node-click": () => void;
         "node-contextmenu": () => void;
         "node-collapse": () => void;
-        check: () => void;
     }, import("vue").PublicProps, {
         data: Array<any>;
         props: import("./tree.type").TreeComponentProps["props"];
@@ -251,6 +251,7 @@ export declare const VftTree: SFCWithInstall<{
         };
     }>> & Readonly<{
         "onCurrent-change"?: (() => any) | undefined;
+        onCheck?: (() => any) | undefined;
         "onNode-drag-start"?: (() => any) | undefined;
         "onNode-drag-leave"?: (() => any) | undefined;
         "onNode-drag-enter"?: (() => any) | undefined;
@@ -262,7 +263,6 @@ export declare const VftTree: SFCWithInstall<{
         "onNode-click"?: (() => any) | undefined;
         "onNode-contextmenu"?: (() => any) | undefined;
         "onNode-collapse"?: (() => any) | undefined;
-        onCheck?: (() => any) | undefined;
     }>, {
         filter: (value: any) => void;
         getNodeKey: (node: import("./model/node").default) => any;
@@ -388,6 +388,7 @@ export declare const VftTree: SFCWithInstall<{
     };
 }>> & Readonly<{
     "onCurrent-change"?: (() => any) | undefined;
+    onCheck?: (() => any) | undefined;
     "onNode-drag-start"?: (() => any) | undefined;
     "onNode-drag-leave"?: (() => any) | undefined;
     "onNode-drag-enter"?: (() => any) | undefined;
@@ -399,7 +400,6 @@ export declare const VftTree: SFCWithInstall<{
     "onNode-click"?: (() => any) | undefined;
     "onNode-contextmenu"?: (() => any) | undefined;
     "onNode-collapse"?: (() => any) | undefined;
-    onCheck?: (() => any) | undefined;
 }>, {
     filter: (value: any) => void;
     getNodeKey: (node: import("./model/node").default) => any;
@@ -425,6 +425,7 @@ export declare const VftTree: SFCWithInstall<{
     updateNode: (data: import("./tree.type").TreeData, refNode: import("./tree.type").TreeKey | import("./tree.type").TreeNodeData | import("./model/node").default) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "current-change": () => void;
+    check: () => void;
     "node-drag-start": () => void;
     "node-drag-leave": () => void;
     "node-drag-enter": () => void;
@@ -436,7 +437,6 @@ export declare const VftTree: SFCWithInstall<{
     "node-click": () => void;
     "node-contextmenu": () => void;
     "node-collapse": () => void;
-    check: () => void;
 }, string, {
     data: Array<any>;
     props: import("./tree.type").TreeComponentProps["props"];

package/es/components/tree/tree.vue.d.ts

@@ -69,6 +69,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     updateNode: (data: TreeData, refNode: TreeKey | TreeNodeData | Node) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "current-change": () => void;
+    check: () => void;
     "node-drag-start": () => void;
     "node-drag-leave": () => void;
     "node-drag-enter": () => void;
@@ -80,7 +81,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     "node-click": () => void;
     "node-contextmenu": () => void;
     "node-collapse": () => void;
-    check: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TreeProps>, {
     renderAfterExpand: boolean;
     expandOnClickNode: boolean;
@@ -94,6 +94,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     indent: number;
 }>>> & Readonly<{
     "onCurrent-change"?: (() => any) | undefined;
+    onCheck?: (() => any) | undefined;
     "onNode-drag-start"?: (() => any) | undefined;
     "onNode-drag-leave"?: (() => any) | undefined;
     "onNode-drag-enter"?: (() => any) | undefined;
@@ -105,7 +106,6 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     "onNode-click"?: (() => any) | undefined;
     "onNode-contextmenu"?: (() => any) | undefined;
     "onNode-collapse"?: (() => any) | undefined;
-    onCheck?: (() => any) | undefined;
 }>, {
     data: Array<any>;
     props: TreeComponentProps["props"];

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

@@ -42,10 +42,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        accept: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         withCredentials: {
             type: import("vue").PropType<boolean>;
         };
@@ -53,6 +49,10 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        accept: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         fileList: {
             type: import("vue").PropType<import("./types").UploadUserFile[]>;
             default: never[];
@@ -146,8 +146,8 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         method: string;
         multiple: boolean;
         action: string;
-        accept: string;
         showFileList: boolean;
+        accept: string;
         fileList: import("./types").UploadUserFile[];
         autoUpload: boolean;
         listType: import("./types").ListType;
@@ -202,10 +202,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        accept: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         withCredentials: {
             type: import("vue").PropType<boolean>;
         };
@@ -213,6 +209,10 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        accept: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         fileList: {
             type: import("vue").PropType<import("./types").UploadUserFile[]>;
             default: never[];
@@ -306,8 +306,8 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         method: string;
         multiple: boolean;
         action: string;
-        accept: string;
         showFileList: boolean;
+        accept: string;
         fileList: import("./types").UploadUserFile[];
         autoUpload: boolean;
         listType: import("./types").ListType;
@@ -359,10 +359,6 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    accept: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
     withCredentials: {
         type: import("vue").PropType<boolean>;
     };
@@ -370,6 +366,10 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    accept: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     fileList: {
         type: import("vue").PropType<import("./types").UploadUserFile[]>;
         default: never[];
@@ -463,8 +463,8 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
     method: string;
     multiple: boolean;
     action: string;
-    accept: string;
     showFileList: boolean;
+    accept: string;
     fileList: import("./types").UploadUserFile[];
     autoUpload: boolean;
     listType: import("./types").ListType;

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

@@ -38,8 +38,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     method: string;
     multiple: boolean;
     action: string;
-    accept: string;
     showFileList: boolean;
+    accept: string;
     fileList: import("./types").UploadUserFile[];
     autoUpload: boolean;
     listType: import("./types").ListType;

package/es/components/upload/upload-content.vue2.js

@@ -1,22 +1,24 @@
-import { defineComponent as D, shallowRef as E, createElementBlock as M, openBlock as R, withKeys as N, normalizeClass as U, withModifiers as S, unref as f, createBlock as T, renderSlot as _, createElementVNode as V, withCtx as x } from "vue";
-import { isObject as q, entriesOf as z } from "@vft/utils";
-import "../form/index.js";
+import { defineComponent as D, shallowRef as E, createElementBlock as x, openBlock as R, withKeys as A, normalizeClass as U, withModifiers as S, unref as f, createBlock as M, renderSlot as _, createElementVNode as N, withCtx as V, nextTick as z } from "vue";
 import "@vueuse/core";
+import { isObject as q, entriesOf as H } from "@vft/utils";
+import { debugWarn as W } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
-import { cloneDeep as P, isEqual as H } from "lodash-es";
-import { useNamespace as I } from "../../hooks/use-namespace/index.js";
+import { cloneDeep as P, isEqual as X } from "lodash-es";
+import "../form/index.js";
+import { useNamespace as F } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { ajaxUpload as X } from "./ajax.js";
-import { genFileId as G } from "./constants.js";
-import J from "./upload-dragger.vue2.js";
-import { useFormDisabled as Q } from "../form/hooks/use-form-common-props.js";
-const W = ["onKeydown"], Y = ["name", "multiple", "accept"], Z = D({
+import { ajaxUpload as G } from "./ajax.js";
+import { genFileId as J } from "./constants.js";
+import Q from "./upload-dragger.vue2.js";
+import { useFormDisabled as Y } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as Z } from "../form/hooks/use-form-item.js";
+const ee = ["onKeydown"], te = ["name", "multiple", "accept"], oe = D({
   name: "VftUploadContent",
   inheritAttrs: !1
-}), me = /* @__PURE__ */ D({
-  ...Z,
+}), ke = /* @__PURE__ */ D({
+  ...oe,
   props: {
     action: { default: "#" },
     headers: {},
@@ -32,7 +34,7 @@ const W = ["onKeydown"], Y = ["name", "multiple", "accept"], Z = D({
     fileList: { default: [] },
     autoUpload: { type: Boolean, default: !1 },
     listType: { default: "text" },
-    httpRequest: { type: Function, default: X },
+    httpRequest: { type: Function, default: G },
     disabled: { type: Boolean },
     limit: {},
     beforeUpload: {},
@@ -44,27 +46,27 @@ const W = ["onKeydown"], Y = ["name", "multiple", "accept"], Z = D({
     onExceed: {}
   },
   setup(K, { expose: L }) {
-    const a = K, u = I("upload"), g = Q(), s = E(
+    const a = K, u = F("upload"), g = Y(), { formItem: j } = Z(), s = E(
       {}
-    ), p = E(), v = (e) => {
+    ), c = E(), v = (e) => {
       if (e.length === 0) return;
-      const { autoUpload: t, limit: o, fileList: n, multiple: l, onStart: i, onExceed: c } = a;
+      const { autoUpload: t, limit: o, fileList: n, multiple: l, onStart: r, onExceed: p } = a;
       if (o && n.length + e.length > o) {
-        c(e, n);
+        p(e, n);
         return;
       }
       l || (e = e.slice(0, 1));
       for (const m of e) {
-        const r = m;
-        r.uid = G(), i(r), t && k(r);
+        const i = m;
+        i.uid = J(), r(i), t && k(i);
       }
     }, k = async (e) => {
-      if (p.value.value = "", !a.beforeUpload)
+      if (c.value.value = "", !a.beforeUpload)
         return C(e);
       let t, o = {};
       try {
-        const l = a.data, i = a.beforeUpload(e);
-        o = q(a.data) ? P(a.data) : a.data, t = await i, q(a.data) && H(l, o) && (o = P(a.data));
+        const l = a.data, r = a.beforeUpload(e);
+        o = q(a.data) ? P(a.data) : a.data, t = await r, q(a.data) && X(l, o) && (o = P(a.data));
       } catch {
         t = !1;
       }
@@ -81,80 +83,82 @@ const W = ["onKeydown"], Y = ["name", "multiple", "accept"], Z = D({
         headers: o,
         data: n,
         method: l,
-        withCredentials: i,
-        name: c,
+        withCredentials: r,
+        name: p,
         action: m,
-        onProgress: r,
+        onProgress: i,
         onSuccess: O,
-        onError: $,
-        httpRequest: A
+        onError: T,
+        httpRequest: $
       } = a, { uid: h } = e, y = {
         headers: o || {},
-        withCredentials: i,
+        withCredentials: r,
         file: e,
         data: t ?? n,
         method: l,
-        filename: c,
+        filename: p,
         action: m,
         onProgress: (d) => {
-          r(d, e);
+          i(d, e);
         },
         onSuccess: (d) => {
           O(d, e), delete s.value[h];
         },
         onError: (d) => {
-          $(d, e), delete s.value[h];
+          T(d, e), delete s.value[h];
         }
-      }, b = A(y);
+      }, b = $(y);
       s.value[h] = b, b instanceof Promise && b.then(y.onSuccess, y.onError);
-    }, j = (e) => {
+    }, w = (e) => {
       const t = e.target.files;
-      t && v(Array.from(t));
+      t && (v(Array.from(t)), z(() => {
+        j?.validate("change").catch((o) => W(o));
+      }));
     }, B = () => {
-      g.value || (p.value.value = "", p.value.click());
-    }, w = () => {
+      g.value || (c.value.value = "", c.value.click());
+    }, I = () => {
       B();
     };
     return L({
       abort: (e) => {
-        z(s.value).filter(
+        H(s.value).filter(
           e ? ([o]) => String(e.uid) === o : () => !0
         ).forEach(([o, n]) => {
           n instanceof XMLHttpRequest && n.abort(), delete s.value[o];
         });
       },
       upload: k
-    }), (e, t) => (R(), M("div", {
+    }), (e, t) => (R(), x("div", {
       class: U([f(u).b(), f(u).m(e.listType), f(u).is("drag", e.drag)]),
       tabindex: "0",
       onClick: B,
-      onKeydown: N(S(w, ["self"]), ["enter", "space"])
+      onKeydown: A(S(I, ["self"]), ["enter", "space"])
     }, [
-      e.drag ? (R(), T(J, {
+      e.drag ? (R(), M(Q, {
         key: 0,
         disabled: f(g),
         onFile: v
       }, {
-        default: x(() => [
+        default: V(() => [
           _(e.$slots, "default")
         ]),
         _: 3
       }, 8, ["disabled"])) : _(e.$slots, "default", { key: 1 }),
-      V("input", {
+      N("input", {
         ref_key: "inputRef",
-        ref: p,
+        ref: c,
         class: U(f(u).e("input")),
         name: e.name,
         multiple: e.multiple,
         accept: e.accept,
         type: "file",
-        onChange: j,
+        onChange: w,
         onClick: t[0] || (t[0] = S(() => {
         }, ["stop"]))
-      }, null, 42, Y)
-    ], 42, W));
+      }, null, 42, te)
+    ], 42, ee));
   }
 });
 export {
-  me as default
+  ke as default
 };