vft 0.0.464 → 0.0.466

package/es/components/carousel/use-carousel.js

@@ -11,7 +11,7 @@ import "../../hooks/use-model-toggle/index.js";
 import { useOrderedChildren as ge } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { CAROUSEL_ITEM_NAME as H, carouselContextKey as Se } from "./constants.js";
+import { carouselContextKey as Se, CAROUSEL_ITEM_NAME as H } from "./constants.js";
 const L = 300, ze = (t, O, M) => {
   const {
     children: o,

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

@@ -8,16 +8,19 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     offset: number;
     pull: number;
     push: number;
+    className: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ColProps>, {
     tag: string;
     span: number;
     offset: number;
     pull: number;
     push: number;
+    className: string;
 }>>> & Readonly<{}>, {
     span: number;
     push: number;
     offset: number;
+    className: string;
     tag: string;
     pull: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/components/col/col.vue2.js

@@ -1,7 +1,7 @@
 import { defineComponent as f, inject as d, computed as n, createBlock as h, openBlock as $, resolveDynamicComponent as g, normalizeStyle as b, normalizeClass as v, withCtx as x, renderSlot as y } from "vue";
 import "../row/index.js";
 import "@vueuse/core";
-import { isNumber as c, isObject as _ } from "@vft/utils";
+import { isNumber as r, isObject as _ } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
@@ -9,11 +9,11 @@ import { useNamespace as C } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { rowContextKey as j } from "../row/constants.js";
-const E = f({
+import { rowContextKey as N } from "../row/constants.js";
+const j = f({
   name: "vft-col"
 }), G = /* @__PURE__ */ f({
-  ...E,
+  ...j,
   props: {
     tag: { default: "div" },
     xs: {},
@@ -21,36 +21,37 @@ const E = f({
     md: {},
     lg: {},
     xl: {},
+    className: { default: "" },
     span: { default: 24 },
     offset: { default: 0 },
     pull: { default: 0 },
     push: { default: 0 }
   },
-  setup(r) {
-    const s = r, o = C("col"), { gutter: a } = d(j, { gutter: n(() => 0) }), i = n(() => {
-      const e = {};
-      return a.value && (e.paddingLeft = e.paddingRight = `${a.value / 2}px`), e;
-    }), m = n(() => {
-      const e = [];
-      return ["span", "offset", "pull", "push"].forEach((t) => {
-        const l = s[t];
-        c(l) && (t === "span" ? e.push(o.b(`${s[t]}`)) : l > 0 && e.push(o.b(`${t}-${s[t]}`)));
-      }), ["xs", "sm", "md", "lg", "xl"].forEach((t) => {
-        c(s[t]) ? e.push(o.b(`${t}-${s[t]}`)) : _(s[t]) && Object.entries(s[t]).forEach(
+  setup(c) {
+    const e = c, o = C("col"), { gutter: a } = d(N, { gutter: n(() => 0) }), m = n(() => {
+      const t = {};
+      return a.value && (t.paddingLeft = t.paddingRight = `${a.value / 2}px`), t;
+    }), i = n(() => {
+      const t = [];
+      return ["span", "offset", "pull", "push"].forEach((s) => {
+        const l = e[s];
+        r(l) && (s === "span" ? t.push(o.b(`${e[s]}`)) : l > 0 && t.push(o.b(`${s}-${e[s]}`)));
+      }), ["xs", "sm", "md", "lg", "xl"].forEach((s) => {
+        r(e[s]) ? t.push(o.b(`${s}-${e[s]}`)) : _(e[s]) && Object.entries(e[s]).forEach(
           ([l, u]) => {
-            e.push(
-              l !== "span" ? o.b(`${t}-${l}-${u}`) : o.b(`${t}-${u}`)
+            t.push(
+              l !== "span" ? o.b(`${s}-${l}-${u}`) : o.b(`${s}-${u}`)
             );
           }
         );
-      }), a.value && e.push(o.is("guttered")), [o.b(), e];
+      }), a.value && t.push(o.is("guttered")), e.className && t.push(e.className), [o.b(), t];
     });
-    return (e, p) => ($(), h(g(r.tag), {
-      class: v(m.value),
-      style: b(i.value)
+    return (t, p) => ($(), h(g(c.tag), {
+      class: v(i.value),
+      style: b(m.value)
     }, {
       default: x(() => [
-        y(e.$slots, "default")
+        y(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));

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

@@ -12,6 +12,10 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
             default: number;
         };
+        className: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         tag: {
             type: import("vue").PropType<string>;
             default: string;
@@ -39,6 +43,7 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
         span: number;
         push: number;
         offset: number;
+        className: string;
         tag: string;
         pull: number;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -61,6 +66,10 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<number>;
             default: number;
         };
+        className: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         tag: {
             type: import("vue").PropType<string>;
             default: string;
@@ -88,6 +97,7 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
         span: number;
         push: number;
         offset: number;
+        className: string;
         tag: string;
         pull: number;
     }>;
@@ -107,6 +117,10 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<number>;
         default: number;
     };
+    className: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     tag: {
         type: import("vue").PropType<string>;
         default: string;
@@ -134,6 +148,7 @@ export declare const VftCol: import("vft/es/utils").SFCWithInstall<{
     span: number;
     push: number;
     offset: number;
+    className: string;
     tag: string;
     pull: number;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

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

@@ -7,6 +7,7 @@ export interface ColProps extends ColSizeObject {
     md?: ColSize;
     lg?: ColSize;
     xl?: ColSize;
+    className?: string;
 }
 export type ColSizeObject = {
     /** 栅格占据的列数 */

package/es/components/config-provider/hooks/use-global-config.js

@@ -1,7 +1,7 @@
 import { keysOf as f } from "@vft/utils";
 import "@vueuse/core";
 import { debugWarn as v } from "../../../utils/error.js";
-import { getCurrentInstance as l, computed as i, unref as p, provide as g, ref as C, inject as x } from "vue";
+import { ref as g, getCurrentInstance as l, computed as i, unref as p, provide as C, inject as x } from "vue";
 import "lodash-es";
 import "../../form/index.js";
 import { namespaceContextKey as I, useNamespace as b, defaultNamespace as y } from "../../../hooks/use-namespace/index.js";
@@ -9,7 +9,7 @@ import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { zIndexContextKey as G, useZIndex as z, defaultInitialZIndex as K } from "../../../hooks/use-z-index/index.js";
 import { configProviderContextKey as m } from "../constants.js";
-const a = C();
+const a = g();
 function d(o, e = void 0) {
   const n = l() ? x(m, a) : a;
   return o ? i(() => n?.value?.[o] ?? e) : n;
@@ -27,7 +27,7 @@ function B(o) {
   };
 }
 const S = (o, e, n = !1) => {
-  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? g : void 0);
+  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? C : void 0);
   if (!u) {
     v(
       "provideGlobalConfig",

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

@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
 import { useAttrs as Ze, useCursor as _e } from "@vft/use";
 import { calcTextareaHeight as he } from "./utils.js";
-import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
-import { useFormItem as at, useFormItemInputId as nt } from "../form/hooks/use-form-item.js";
+import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
+import { useFormSize as at, useFormDisabled as nt } from "../form/hooks/use-form-common-props.js";
 const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -85,9 +85,9 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       n.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = at(), { inputId: Y } = nt(we.props, {
+    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(we.props, {
       formItemContext: F
-    }), ke = et(), x = tt(), n = ye("input"), Z = ye("textarea"), M = H(), p = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), ke = at(), x = nt(), n = ye("input"), Z = ye("textarea"), M = H(), p = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(

package/es/components/input-tag/composables/use-input-tag.js

@@ -1,6 +1,6 @@
 import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
 import { EVENT_CODE as g } from "../../../constants/aria.js";
-import { CHANGE_EVENT as i, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
+import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined as K } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";

package/es/components/multiple-tabs/use/use-tab-dropdown.js

@@ -1,36 +1,37 @@
 import { getRouterKeyPath as d } from "@vft/router";
-import { useMultipleTabStore as C, useTabs as D } from "@vft/store";
+import { useMultipleTabStore as D, useTabs as v } from "@vft/store";
 import "@vft/utils";
-import { reactive as v, computed as w } from "vue";
+import { reactive as w, computed as M } from "vue";
 import "../../context-menu/context-menu.vue2.js";
 import "../../icon/index.js";
 import "vue-router";
-function E(e, n) {
-  const i = v({
+function K(e, t) {
+  const i = w({
     current: null,
     currentIndex: 0
-  }), t = C(), {
-    refreshPage: a,
-    closeAll: g,
+  }), n = D(), {
+    refreshPage: g,
+    closeAll: a,
     close: u,
     closeLeft: h,
-    closeOther: p,
-    closeRight: b,
-    newWinTab: f
-  } = D(), x = w(() => {
+    closeOther: f,
+    closeRight: p,
+    newWinTab: x,
+    fullScreen: b
+  } = v(), L = M(() => {
     if (!e)
       return;
-    const { meta: r } = e, o = i.currentIndex, c = o === 0 || o <= n, s = t.getTabList.length <= n || o === t.getTabList.length - 1 && t.getLastDragEndIndex >= 0, T = t.getTabList.length === n || t.getTabList.length === n + 1 && o === n, l = t.getTabList.length === n;
+    const { meta: r } = e, o = i.currentIndex, c = o === 0 || o <= t, s = n.getTabList.length <= t || o === n.getTabList.length - 1 && n.getLastDragEndIndex >= 0, C = n.getTabList.length === t || n.getTabList.length === t + 1 && o === t, l = n.getTabList.length === t;
     return [
       {
         iconCfg: { icon: "icon-refresh-right" },
         text: "刷新",
-        handler: () => a(e)
+        handler: () => g(e)
       },
       {
         iconCfg: { icon: "icon-new-tab" },
         text: "新页面打开",
-        handler: () => f(e),
+        handler: () => x(e),
         divider: !0
       },
       {
@@ -50,35 +51,40 @@ function E(e, n) {
         text: "关闭右侧标签页",
         disabled: s,
         divider: !0,
-        handler: () => b(e)
+        handler: () => p(e)
       },
       {
         iconCfg: { icon: "icon-close-box-multiple-outline" },
         text: "关闭其它标签页",
-        disabled: T,
-        handler: () => p(e)
+        disabled: C,
+        handler: () => f(e)
       },
       {
         iconCfg: { icon: "icon-vector-square-delete" },
         text: "关闭所有标签页",
         disabled: l,
-        handler: () => g()
+        handler: () => a()
+      },
+      {
+        iconCfg: { icon: "icon-full-screen" },
+        text: "全屏",
+        handler: () => b(e)
       }
     ];
   });
-  function L(r) {
+  function T(r) {
     return (o) => {
       if (!r)
         return;
       o?.preventDefault();
-      const c = t.getTabList.findIndex(
+      const c = n.getTabList.findIndex(
         (s) => d(s) === d(r)
       );
       i.current = r, i.currentIndex = c;
     };
   }
-  return { getDropMenuList: x, handleContextMenu: L };
+  return { getDropMenuList: L, handleContextMenu: T };
 }
 export {
-  E as useTabDropdown
+  K as useTabDropdown
 };

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

@@ -12,6 +12,9 @@ export declare const VftRow: import("vft/es/utils").SFCWithInstall<{
         align: {
             type: import("vue").PropType<import("./types").RowAlign>;
         };
+        className: {
+            type: import("vue").PropType<string>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -32,6 +35,9 @@ export declare const VftRow: import("vft/es/utils").SFCWithInstall<{
         align: {
             type: import("vue").PropType<import("./types").RowAlign>;
         };
+        className: {
+            type: import("vue").PropType<string>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -49,6 +55,9 @@ export declare const VftRow: import("vft/es/utils").SFCWithInstall<{
     align: {
         type: import("vue").PropType<import("./types").RowAlign>;
     };
+    className: {
+        type: import("vue").PropType<string>;
+    };
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

package/es/components/row/row.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, provide as n, computed as o, createBlock as s, openBlock as u, resolveDynamicComponent as m, normalizeStyle as f, normalizeClass as c, withCtx as g, renderSlot as d } from "vue";
+import { defineComponent as o, provide as s, computed as r, createBlock as n, openBlock as m, resolveDynamicComponent as u, normalizeStyle as f, normalizeClass as c, withCtx as g, renderSlot as d } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
@@ -9,30 +9,32 @@ import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { rowContextKey as p } from "./constants.js";
-const v = a({
+const v = o({
   name: "vft-row"
-}), D = /* @__PURE__ */ a({
+}), b = /* @__PURE__ */ o({
   ...v,
   props: {
     tag: { default: "div" },
     gutter: { default: 0 },
     justify: { default: "start" },
-    align: { default: "top" }
+    align: { default: "top" },
+    className: {}
   },
   setup(t) {
-    const r = y("row");
-    n(p, {
-      gutter: o(() => t.gutter)
+    const a = y("row");
+    s(p, {
+      gutter: r(() => t.gutter)
     });
-    const i = o(() => {
+    const i = r(() => {
       const e = {};
       return t.gutter && (e.marginRight = e.marginLeft = `-${t.gutter / 2}px`), e;
-    }), l = o(() => [
-      r.b(),
-      r.is(`justify-${t.justify}`, t.justify !== "start"),
-      r.is(`align-${t.align}`, t.align !== "top")
+    }), l = r(() => [
+      a.b(),
+      a.is(`justify-${t.justify}`, t.justify !== "start"),
+      a.is(`align-${t.align}`, t.align !== "top"),
+      t.className
     ]);
-    return (e, w) => (u(), s(m(t.tag), {
+    return (e, w) => (m(), n(u(t.tag), {
       class: c(l.value),
       style: f(i.value)
     }, {
@@ -44,5 +46,5 @@ const v = a({
   }
 });
 export {
-  D as default
+  b as default
 };

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

@@ -9,4 +9,5 @@ export interface RowProps {
     justify?: RowJustify;
     /** flex 布局下的垂直排列方式 */
     align?: RowAlign;
+    className?: string;
 }

package/es/components/super-form/super-form-item.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as X, computed as j, ref as re, unref as c, useSlots as oe, createVNode as a, mergeProps as q, withDirectives as ie, vShow as ne, isVNode as le, createTextVNode as O, resolveComponent as N } from "vue";
+import { defineComponent as X, computed as j, ref as re, unref as c, useSlots as oe, createVNode as a, mergeProps as q, withDirectives as ie, vShow as ne, createTextVNode as O, isVNode as le, resolveComponent as N } from "vue";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../avatar-stack/index.js";

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

@@ -581,6 +581,7 @@ export declare const VftUpload: import("vft/es/utils").SFCWithInstall<{
     $slots: {
         file?(_: {
             file: import("./types").UploadFile;
+            index: number;
         }): any;
         trigger?(_: {}): any;
         default?(_: {}): any;

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

@@ -8,6 +8,7 @@ export interface UploadListProps {
 declare function __VLS_template(): {
     default?(_: {
         file: UploadFile;
+        index: number;
     }): any;
     append?(_: {}): any;
 };

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

@@ -1,22 +1,22 @@
-import { defineComponent as C, ref as x, createBlock as p, openBlock as n, TransitionGroup as B, unref as e, normalizeClass as t, withCtx as F, createElementBlock as m, renderSlot as h, Fragment as N, renderList as z, withKeys as I, createCommentVNode as a, createElementVNode as b, withModifiers as P, createVNode as f, toDisplayString as K, normalizeStyle as L, nextTick as S } from "vue";
+import { defineComponent as C, ref as B, createBlock as p, openBlock as n, TransitionGroup as F, unref as e, normalizeClass as t, withCtx as N, createElementBlock as m, renderSlot as h, Fragment as z, renderList as I, withKeys as P, createCommentVNode as a, createElementVNode as b, withModifiers as K, createVNode as f, toDisplayString as L, normalizeStyle as S, nextTick as D } from "vue";
 import "../form/index.js";
 import { VftIcon as u } from "../icon/index.js";
-import { VftProgress as D } from "../progress/index.js";
+import { VftProgress as E } from "../progress/index.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { debugWarn as E } from "../../utils/error.js";
+import { debugWarn as U } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import { useNamespace as g } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useFormDisabled as U } from "../form/hooks/use-form-common-props.js";
-import { useFormItem as G } from "../form/hooks/use-form-item.js";
-const M = ["onKeydown"], R = ["src"], W = ["onClick"], j = ["onClick"], q = ["onClick"], A = C({
+import { useFormDisabled as G } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as M } from "../form/hooks/use-form-item.js";
+const R = ["onKeydown"], W = ["src"], j = ["onClick"], q = ["onClick"], A = ["onClick"], H = C({
   name: "VftUploadList"
-}), oe = /* @__PURE__ */ C({
-  ...A,
+}), ae = /* @__PURE__ */ C({
+  ...H,
   props: {
     files: { default: [] },
     disabled: { type: Boolean, default: !1 },
@@ -26,12 +26,12 @@ const M = ["onKeydown"], R = ["src"], W = ["onClick"], j = ["onClick"], q = ["on
   },
   emits: ["remove"],
   setup(l, { emit: T }) {
-    const w = T, i = g("upload"), c = g("icon"), $ = g("list"), d = U(), { formItem: V } = G(), y = x(!1), v = (k) => {
-      w("remove", k), S(() => {
-        V?.validate("change").catch((o) => E(o));
+    const w = T, i = g("upload"), c = g("icon"), $ = g("list"), d = G(), { formItem: V } = M(), y = B(!1), v = (k) => {
+      w("remove", k), D(() => {
+        V?.validate("change").catch((o) => U(o));
       });
     };
-    return (k, o) => (n(), p(B, {
+    return (k, o) => (n(), p(F, {
       tag: "ul",
       class: t([
         e(i).b("list"),
@@ -40,8 +40,8 @@ const M = ["onKeydown"], R = ["src"], W = ["onClick"], j = ["onClick"], q = ["on
       ]),
       name: e($).b()
     }, {
-      default: F(() => [
-        (n(!0), m(N, null, z(l.files, (s) => (n(), m("li", {
+      default: N(() => [
+        (n(!0), m(z, null, I(l.files, (s, x) => (n(), m("li", {
           key: s.uid || s.name,
           class: t([
             e(i).be("list", "item"),
@@ -49,25 +49,28 @@ const M = ["onKeydown"], R = ["src"], W = ["onClick"], j = ["onClick"], q = ["on
             { focusing: y.value }
           ]),
           tabindex: "0",
-          onKeydown: I((r) => !e(d) && v(s), ["delete"]),
+          onKeydown: P((r) => !e(d) && v(s), ["delete"]),
           onFocus: o[0] || (o[0] = (r) => y.value = !0),
           onBlur: o[1] || (o[1] = (r) => y.value = !1),
           onClick: o[2] || (o[2] = (r) => y.value = !1)
         }, [
-          h(k.$slots, "default", { file: s }, () => [
+          h(k.$slots, "default", {
+            file: s,
+            index: x
+          }, () => [
             l.listType === "picture" || s.status !== "uploading" && l.listType === "picture-card" ? (n(), m("img", {
               key: 0,
               class: t(e(i).be("list", "item-thumbnail")),
               src: s.url,
               alt: ""
-            }, null, 10, R)) : a("", !0),
+            }, null, 10, W)) : a("", !0),
             s.status === "uploading" || l.listType !== "picture-card" ? (n(), m("div", {
               key: 1,
               class: t(e(i).be("list", "item-info"))
             }, [
               b("a", {
                 class: t(e(i).be("list", "item-name")),
-                onClick: P((r) => l.handlePreview(s), ["prevent"])
+                onClick: K((r) => l.handlePreview(s), ["prevent"])
               }, [
                 f(e(u), {
                   class: t(e(c).m("document")),
@@ -75,14 +78,14 @@ const M = ["onKeydown"], R = ["src"], W = ["onClick"], j = ["onClick"], q = ["on
                 }, null, 8, ["class"]),
                 b("span", {
                   class: t(e(i).be("list", "item-file-name"))
-                }, K(s.name), 3)
-              ], 10, W),
-              s.status === "uploading" ? (n(), p(e(D), {
+                }, L(s.name), 3)
+              ], 10, j),
+              s.status === "uploading" ? (n(), p(e(E), {
                 key: 0,
                 type: l.listType === "picture-card" ? "circle" : "line",
                 "stroke-width": l.listType === "picture-card" ? 6 : 2,
                 percentage: Number(s.percentage),
-                style: L(l.listType === "picture-card" ? "" : "margin-top: 0.5rem")
+                style: S(l.listType === "picture-card" ? "" : "margin-top: 0.5rem")
               }, null, 8, ["type", "stroke-width", "percentage", "style"])) : a("", !0)
             ], 2)) : a("", !0),
             b("label", {
@@ -120,7 +123,7 @@ const M = ["onKeydown"], R = ["src"], W = ["onClick"], j = ["onClick"], q = ["on
                   icon: "icon-zoom-in",
                   class: t(e(c).m("zoom-in"))
                 }, null, 8, ["class"])
-              ], 10, j),
+              ], 10, q),
               e(d) ? a("", !0) : (n(), m("span", {
                 key: 0,
                 class: t(e(i).be("list", "item-delete")),
@@ -130,10 +133,10 @@ const M = ["onKeydown"], R = ["src"], W = ["onClick"], j = ["onClick"], q = ["on
                   icon: "icon-delete",
                   class: t(e(c).m("delete"))
                 }, null, 8, ["class"])
-              ], 10, q))
+              ], 10, A))
             ], 2)) : a("", !0)
           ])
-        ], 42, M))), 128)),
+        ], 42, R))), 128)),
         h(k.$slots, "append")
       ]),
       _: 3
@@ -141,5 +144,5 @@ const M = ["onKeydown"], R = ["src"], W = ["onClick"], j = ["onClick"], q = ["on
   }
 });
 export {
-  oe as default
+  ae as default
 };

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

@@ -2,6 +2,7 @@ import type { UploadProps } from './types';
 declare function __VLS_template(): {
     file?(_: {
         file: import("./types").UploadFile;
+        index: number;
     }): any;
     trigger?(_: {}): any;
     default?(_: {}): any;