vft 0.0.464 → 0.0.466

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

@@ -1,4 +1,4 @@
-import { defineComponent as I, useSlots as V, shallowRef as j, computed as B, onBeforeUnmount as N, provide as O, toRef as q, createElementBlock as D, openBlock as v, normalizeClass as H, unref as o, createBlock as g, createCommentVNode as n, renderSlot as i, createSlots as C, withCtx as u, createVNode as K, mergeProps as E } from "vue";
+import { defineComponent as I, useSlots as V, shallowRef as j, computed as B, onBeforeUnmount as N, provide as O, toRef as q, createElementBlock as D, openBlock as v, normalizeClass as H, unref as o, createBlock as g, createCommentVNode as i, renderSlot as r, createSlots as C, withCtx as u, createVNode as K, mergeProps as E } from "vue";
 import "../form/index.js";
 import { VftMessage as h } from "../message/index.js";
 import { ajaxUpload as W } from "./ajax.js";
@@ -48,12 +48,12 @@ const Q = I({
     } },
     onSizeExceed: {}
   },
-  setup(s, { expose: P }) {
-    const t = s, r = V(), y = J(), p = j(), {
+  setup(n, { expose: P }) {
+    const t = n, d = V(), y = J(), p = j(), {
       abort: w,
       submit: $,
       clearFiles: S,
-      uploadFiles: d,
+      uploadFiles: f,
       handleStart: k,
       handleError: M,
       handleRemove: m,
@@ -63,11 +63,11 @@ const Q = I({
       abort: w,
       submit: $,
       clearFiles: S,
-      uploadFiles: d,
+      uploadFiles: f,
       uploadRef: p
     }, R = B(() => ({
       ...t,
-      fileList: d.value,
+      fileList: f.value,
       onStart: k,
       onProgress: U,
       onSuccess: T,
@@ -80,15 +80,15 @@ const Q = I({
         if (t.onSizeExceed)
           t.onSizeExceed?.(e, l);
         else {
-          const f = `文件大小不能超过 ${(l / 1048576).toFixed(2)}MB`;
-          console.warn("默认文件大小超出提示:", f), h.warning(f);
+          const s = `文件大小不能超过 ${(l / 1048576).toFixed(2)}MB`;
+          console.warn("默认文件大小超出提示:", s), h.warning(s);
         }
       },
-      onSizeInvalid: (e, l, a, f, b) => {
+      onSizeInvalid: (e, l, a, s, b) => {
         if (t.onSizeInvalid)
-          t.onSizeInvalid(e, l, a, f, b);
+          t.onSizeInvalid(e, l, a, s, b);
         else {
-          const z = `文件尺寸不符合要求，当前尺寸：${l}x${a}，期望尺寸：${f}x${b}`;
+          const z = `文件尺寸不符合要求，当前尺寸：${l}x${a}，期望尺寸：${s}x${b}`;
           console.warn("默认尺寸校验提示:", z), h.warning(z);
         }
       },
@@ -102,7 +102,7 @@ const Q = I({
       }
     }));
     return N(() => {
-      d.value.forEach(({ url: e }) => {
+      f.value.forEach(({ url: e }) => {
         e?.startsWith("blob:") && URL.revokeObjectURL(e);
       });
     }), O(A, {
@@ -113,16 +113,16 @@ const Q = I({
       clearFiles: S,
       handleStart: k,
       handleRemove: m,
-      fileList: d
+      fileList: f
     }), (e, l) => (v(), D("div", {
       class: H(["vft-upload-wrapper", [{ disabled: o(y) }]])
     }, [
-      c.value && s.showFileList ? (v(), g(L, {
+      c.value && n.showFileList ? (v(), g(L, {
         key: 0,
         disabled: o(y),
-        "list-type": s.listType,
-        files: o(d),
-        "handle-preview": s.onPreview,
+        "list-type": n.listType,
+        files: o(f),
+        "handle-preview": n.onPreview,
         onRemove: o(m)
       }, C({
         append: u(() => [
@@ -131,8 +131,8 @@ const Q = I({
             ref: p
           }, R.value), {
             default: u(() => [
-              o(r).trigger ? i(e.$slots, "trigger", { key: 0 }) : n("", !0),
-              !o(r).trigger && o(r).default ? i(e.$slots, "default", { key: 1 }) : n("", !0)
+              o(d).trigger ? r(e.$slots, "trigger", { key: 0 }) : i("", !0),
+              !o(d).trigger && o(d).default ? r(e.$slots, "default", { key: 1 }) : i("", !0)
             ]),
             _: 3
           }, 16)
@@ -141,41 +141,47 @@ const Q = I({
       }, [
         e.$slots.file ? {
           name: "default",
-          fn: u(({ file: a }) => [
-            i(e.$slots, "file", { file: a })
+          fn: u(({ file: a, index: s }) => [
+            r(e.$slots, "file", {
+              file: a,
+              index: s
+            })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : n("", !0),
-      !c.value || c.value && !s.showFileList ? (v(), g(F, E({
+      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : i("", !0),
+      !c.value || c.value && !n.showFileList ? (v(), g(F, E({
         key: 1,
         ref_key: "uploadRef",
         ref: p
       }, R.value), {
         default: u(() => [
-          o(r).trigger ? i(e.$slots, "trigger", { key: 0 }) : n("", !0),
-          !o(r).trigger && o(r).default ? i(e.$slots, "default", { key: 1 }) : n("", !0)
+          o(d).trigger ? r(e.$slots, "trigger", { key: 0 }) : i("", !0),
+          !o(d).trigger && o(d).default ? r(e.$slots, "default", { key: 1 }) : i("", !0)
         ]),
         _: 3
-      }, 16)) : n("", !0),
-      e.$slots.trigger ? i(e.$slots, "default", { key: 2 }) : n("", !0),
-      i(e.$slots, "tip"),
-      !c.value && s.showFileList ? (v(), g(L, {
+      }, 16)) : i("", !0),
+      e.$slots.trigger ? r(e.$slots, "default", { key: 2 }) : i("", !0),
+      r(e.$slots, "tip"),
+      !c.value && n.showFileList ? (v(), g(L, {
         key: 3,
         disabled: o(y),
-        "list-type": s.listType,
-        files: o(d),
-        "handle-preview": s.onPreview,
+        "list-type": n.listType,
+        files: o(f),
+        "handle-preview": n.onPreview,
         onRemove: o(m)
       }, C({ _: 2 }, [
         e.$slots.file ? {
           name: "default",
-          fn: u(({ file: a }) => [
-            i(e.$slots, "file", { file: a })
+          fn: u(({ file: a, index: s }) => [
+            r(e.$slots, "file", {
+              file: a,
+              index: s
+            })
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : n("", !0)
+      ]), 1032, ["disabled", "list-type", "files", "handle-preview", "onRemove"])) : i("", !0)
     ], 2));
   }
 });

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.464",
+  "version": "0.0.466",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.464";
+const o = "0.0.466";
 export {
   o as version
 };

package/es/utils/vue/vnode.js

@@ -1,4 +1,4 @@
-import { isArray as E, hasOwn as m, camelize as N } from "@vft/utils";
+import { hasOwn as m, camelize as N, isArray as E } from "@vft/utils";
 import { isVNode as o, Fragment as S, Comment as A, Text as s, createCommentVNode as L, createBlock as _, openBlock as C } from "vue";
 import { debugWarn as O } from "../error.js";
 const R = "utils/vue/vnode";

package/lib/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/lib/components/col/col.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../row/index.cjs");require("@vueuse/core");const o=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const p=require("../row/constants.cjs"),h=t.defineComponent({name:"vft-col"}),b=t.defineComponent({...h,props:{tag:{default:"div"},xs:{},sm:{},md:{},lg:{},xl:{},span:{default:24},offset:{default:0},pull:{default:0},push:{default:0}},setup(a){const u=a,l=m.useNamespace("col"),{gutter:r}=t.inject(p.rowContextKey,{gutter:t.computed(()=>0)}),i=t.computed(()=>{const s={};return r.value&&(s.paddingLeft=s.paddingRight=`${r.value/2}px`),s}),f=t.computed(()=>{const s=[];return["span","offset","pull","push"].forEach(e=>{const n=u[e];o.isNumber(n)&&(e==="span"?s.push(l.b(`${u[e]}`)):n>0&&s.push(l.b(`${e}-${u[e]}`)))}),["xs","sm","md","lg","xl"].forEach(e=>{o.isNumber(u[e])?s.push(l.b(`${e}-${u[e]}`)):o.isObject(u[e])&&Object.entries(u[e]).forEach(([n,c])=>{s.push(n!=="span"?l.b(`${e}-${n}-${c}`):l.b(`${e}-${c}`))})}),r.value&&s.push(l.is("guttered")),[l.b(),s]});return(s,d)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(a.tag),{class:t.normalizeClass(f.value),style:t.normalizeStyle(i.value)},{default:t.withCtx(()=>[t.renderSlot(s.$slots,"default")]),_:3},8,["class","style"]))}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../row/index.cjs");require("@vueuse/core");const r=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const m=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const p=require("../row/constants.cjs"),h=t.defineComponent({name:"vft-col"}),b=t.defineComponent({...h,props:{tag:{default:"div"},xs:{},sm:{},md:{},lg:{},xl:{},className:{default:""},span:{default:24},offset:{default:0},pull:{default:0},push:{default:0}},setup(o){const u=o,l=m.useNamespace("col"),{gutter:a}=t.inject(p.rowContextKey,{gutter:t.computed(()=>0)}),i=t.computed(()=>{const e={};return a.value&&(e.paddingLeft=e.paddingRight=`${a.value/2}px`),e}),f=t.computed(()=>{const e=[];return["span","offset","pull","push"].forEach(s=>{const n=u[s];r.isNumber(n)&&(s==="span"?e.push(l.b(`${u[s]}`)):n>0&&e.push(l.b(`${s}-${u[s]}`)))}),["xs","sm","md","lg","xl"].forEach(s=>{r.isNumber(u[s])?e.push(l.b(`${s}-${u[s]}`)):r.isObject(u[s])&&Object.entries(u[s]).forEach(([n,c])=>{e.push(n!=="span"?l.b(`${s}-${n}-${c}`):l.b(`${s}-${c}`))})}),a.value&&e.push(l.is("guttered")),u.className&&e.push(u.className),[l.b(),e]});return(e,d)=>(t.openBlock(),t.createBlock(t.resolveDynamicComponent(o.tag),{class:t.normalizeClass(f.value),style:t.normalizeStyle(i.value)},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},8,["class","style"]))}});exports.default=b;

package/lib/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/lib/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/lib/components/input/input.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const b=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-common-props.cjs"),ne=require("../form/hooks/use-form-item.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:oe,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const n={};return t.containerRole==="combobox"&&(n["aria-haspopup"]=p["aria-haspopup"],n["aria-owns"]=p["aria-owns"],n["aria-expanded"]=p["aria-expanded"]),n}),le=e.computed(()=>[t.type==="textarea"?A.b():o.b(),o.m(ie.value),o.is("disabled",m.value),o.is("exceed",fe.value),o.is("focus",c.value),{[o.b("group")]:i.prepend||i.append,[o.bm("group","append")]:i.append,[o.bm("group","prepend")]:i.prepend,[o.m("prefix")]:i.prefix||t.prefixIcon,[o.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[o.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[o.e("wrapper"),o.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:k}=ne.useFormItem(),{inputId:F}=ne.useFormItemInputId(se.props,{formItemContext:k}),ie=te.useFormSize(),m=te.useFormDisabled(),o=Z.useNamespace("input"),A=Z.useNamespace("textarea"),C=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),w=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>C.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),x=e.computed(()=>k?.validateState||""),K=e.computed(()=>x.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[x.value]),de=e.computed(()=>w.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),v=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!v.value&&N.value>Number(r.value.maxlength)),ve=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||v.value||!!x.value&&R.value),[pe,ye]=_.useCursor(C);Y.useResizeObserver(f,n=>{if(!v.value||t.resize!=="both")return;const a=n[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const n=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,n,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},g=()=>{const n=h.value;!n||n.value===u.value||(n.value=u.value)},P=async n=>{pe();let{value:a}=n.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){g();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=n=>{l("change",n.target.value)},he=()=>{l("suffixClick",t.modelValue)},xe=()=>{l("prefixClick",t.modelValue)},L=n=>{l("compositionstart",n),y.value=!0},ge=n=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(n),W=n=>{l("compositionupdate",n);const a=n.target?.value,d=a[a.length-1]||"";y.value=!ge(d)},H=n=>{l("compositionend",n),y.value&&(y.value=!1,P(n))},be=()=>{w.value=!w.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},ke=()=>h.value?.blur(),G=n=>{c.value=!0,l("focus",n)},J=n=>{c.value=!1,l("blur",n),t.validateEvent&&k?.validate?.("blur").catch(a=>T.debugWarn(a))},Ce=n=>{V.value=!1,l("mouseleave",n)},we=n=>{V.value=!0,l("mouseenter",n)},Q=n=>{const a=n.key;if(n.target.type==="number"&&["e","+","-0","E"].includes(a))return n.returnValue=!1,!1;l("keydown",n)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&k?.validate?.("change").catch(n=>T.debugWarn(n))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),oe({input:C,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:ke,select:Ee,clear:X,resizeTextarea:B}),(n,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:t.containerRole,onMouseenter:we,onMouseleave:Ce,onMousewheel:a[1]||(a[1]=d=>t.type==="number"&&c.value?d.preventDefault():null)}),[t.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(n.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[n.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:xe},[e.renderSlot(n.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:C,class:e.unref(o).e("inner")},e.unref(r),{type:t.showPassword?w.value?"text":"password":t.type,disabled:e.unref(m),formatter:t.formatter,parser:t.parser,readonly:t.readonly,autocomplete:t.autocomplete,tabindex:t.tabindex,"aria-label":t.label,placeholder:t.placeholder,style:t.inputStyle,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),ve.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:he},[!E.value||!z.value||!v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(n.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),x.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",x.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),n.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(n.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:t.tabindex,disabled:e.unref(m),readonly:t.readonly,autocomplete:t.autocomplete,style:$.value,"aria-label":t.label,placeholder:t.placeholder,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),v.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,t.type!=="hidden"]])}});exports.default=ze;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const b=require("../icon/index.cjs"),Y=require("@vueuse/core"),s=require("@vft/utils"),T=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const Be=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const q=require("@vft/constants"),_=require("@vft/use"),ee=require("./utils.cjs"),te=require("../form/hooks/use-form-item.cjs"),ne=require("../form/hooks/use-form-common-props.cjs"),Ve=["role"],Ie=["id","type","disabled","formatter","parser","readonly","autocomplete","tabindex","aria-label","placeholder","form"],Se=["id","tabindex","disabled","readonly","autocomplete","aria-label","placeholder","form"],ze=e.defineComponent({__name:"input",props:{id:{},size:{default:""},disabled:{type:Boolean},modelValue:{},type:{default:"text"},resize:{},autosize:{type:[Object,Boolean],default:!1},autocomplete:{default:"off"},formatter:{},parser:{},placeholder:{},form:{},readonly:{type:Boolean},clearable:{type:Boolean},showPassword:{type:Boolean},showWordLimit:{type:Boolean},suffixIcon:{},prefixIcon:{},clearIcon:{},containerRole:{},label:{},tabindex:{default:0},validateEvent:{type:Boolean,default:!0},inputStyle:{type:[Boolean,null,String,Object,Array]}},emits:{[q.UPDATE_MODEL_EVENT]:t=>s.isString(t),input:t=>s.isString(t),change:t=>s.isString(t),suffixClick:t=>s.isString(t),prefixClick:t=>s.isString(t),focus:t=>t instanceof FocusEvent,blur:t=>t instanceof FocusEvent,clear:()=>!0,enter:()=>!0,mouseleave:t=>t instanceof MouseEvent,mouseenter:t=>t instanceof MouseEvent,keydown:t=>t instanceof Event,compositionstart:t=>t instanceof CompositionEvent,compositionupdate:t=>t instanceof CompositionEvent,compositionend:t=>t instanceof CompositionEvent},setup(t,{expose:oe,emit:ae}){const l=ae,p=e.useAttrs(),i=e.useSlots(),M=e.computed(()=>{const n={};return t.containerRole==="combobox"&&(n["aria-haspopup"]=p["aria-haspopup"],n["aria-owns"]=p["aria-owns"],n["aria-expanded"]=p["aria-expanded"]),n}),le=e.computed(()=>[t.type==="textarea"?A.b():o.b(),o.m(ie.value),o.is("disabled",m.value),o.is("exceed",fe.value),o.is("focus",c.value),{[o.b("group")]:i.prepend||i.append,[o.bm("group","append")]:i.append,[o.bm("group","prepend")]:i.prepend,[o.m("prefix")]:i.prefix||t.prefixIcon,[o.m("suffix")]:i.suffix||t.suffixIcon||t.clearable||t.showPassword,[o.bm("suffix","password-clear")]:E.value&&z.value},p.class]),se=e.getCurrentInstance(),re=e.computed(()=>[o.e("wrapper"),o.is("focus",c.value)]),r=_.useAttrs({excludeKeys:e.computed(()=>Object.keys(M.value))}),{form:ue,formItem:k}=te.useFormItem(),{inputId:F}=te.useFormItemInputId(se.props,{formItemContext:k}),ie=ne.useFormSize(),m=ne.useFormDisabled(),o=Z.useNamespace("input"),A=Z.useNamespace("textarea"),C=e.shallowRef(),f=e.shallowRef(),c=e.ref(!1),V=e.ref(!1),y=e.ref(!1),w=e.ref(!1),D=e.ref(),I=e.shallowRef(t.inputStyle),h=e.computed(()=>C.value||f.value),S=e.computed(()=>s.singleAttrToObj(t.prefixIcon,"icon",{size:16})),O=e.computed(()=>s.singleAttrToObj(t.suffixIcon,"icon",{size:16})),ce=e.computed(()=>s.singleAttrToObj(t.clearIcon,"icon",{icon:"icon-circle-close",size:16})),R=e.computed(()=>ue?.statusIcon??!1),x=e.computed(()=>k?.validateState||""),K=e.computed(()=>x.value&&{validating:"icon-loading",success:"icon-circle-check",error:"icon-circle-close"}[x.value]),de=e.computed(()=>w.value?{icon:"icon-view",size:16}:{icon:"icon-hide",size:16}),me=e.computed(()=>[p.style,t.inputStyle]),$=e.computed(()=>[t.inputStyle,I.value,{resize:t.resize}]),u=e.computed(()=>Be.isNil(t.modelValue)?"":String(t.modelValue)),E=e.computed(()=>t.clearable&&!m.value&&!t.readonly&&!!u.value&&(c.value||V.value)),z=e.computed(()=>t.showPassword&&!m.value&&!t.readonly&&!!u.value&&(!!u.value||c.value)),v=e.computed(()=>t.showWordLimit&&!!r.value.maxlength&&(t.type==="text"||t.type==="textarea")&&!m.value&&!t.readonly&&!t.showPassword),N=e.computed(()=>Array.from(u.value).length),fe=e.computed(()=>!!v.value&&N.value>Number(r.value.maxlength)),ve=e.computed(()=>!!i.suffix||!!t.suffixIcon||E.value||t.showPassword||v.value||!!x.value&&R.value),[pe,ye]=_.useCursor(C);Y.useResizeObserver(f,n=>{if(!v.value||t.resize!=="both")return;const a=n[0],{width:d}=a.contentRect;D.value={right:`calc(100% - ${d+15+6}px)`}});const B=()=>{if(!(!Y.isClient||t.type!=="textarea"))if(t.autosize){const n=s.isObject(t.autosize)?t.autosize.minRows:void 0,a=s.isObject(t.autosize)?t.autosize.maxRows:void 0;I.value={...ee.calcTextareaHeight(f.value,n,a)}}else I.value={minHeight:ee.calcTextareaHeight(f.value).minHeight}},g=()=>{const n=h.value;!n||n.value===u.value||(n.value=u.value)},P=async n=>{pe();let{value:a}=n.target;if(r.value.maxlength&&a.length>=r.value.maxlength&&(a=a.slice(0,Number(r.value.maxlength))),t.formatter&&(a=t.parser?t.parser(a):a,a=t.formatter(a)),!y.value){if(a===u.value){g();return}l(q.UPDATE_MODEL_EVENT,a),l("input",a),await e.nextTick(),g(),ye()}},j=n=>{l("change",n.target.value)},he=()=>{l("suffixClick",t.modelValue)},xe=()=>{l("prefixClick",t.modelValue)},L=n=>{l("compositionstart",n),y.value=!0},ge=n=>/([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(n),W=n=>{l("compositionupdate",n);const a=n.target?.value,d=a[a.length-1]||"";y.value=!ge(d)},H=n=>{l("compositionend",n),y.value&&(y.value=!1,P(n))},be=()=>{w.value=!w.value,U()},U=async()=>{await e.nextTick(),h.value?.focus()},ke=()=>h.value?.blur(),G=n=>{c.value=!0,l("focus",n)},J=n=>{c.value=!1,l("blur",n),t.validateEvent&&k?.validate?.("blur").catch(a=>T.debugWarn(a))},Ce=n=>{V.value=!1,l("mouseleave",n)},we=n=>{V.value=!0,l("mouseenter",n)},Q=n=>{const a=n.key;if(n.target.type==="number"&&["e","+","-0","E"].includes(a))return n.returnValue=!1,!1;l("keydown",n)},Ee=()=>{h.value?.select()},X=()=>{l(q.UPDATE_MODEL_EVENT,""),l("change",""),l("clear"),l("input","")};return e.watch(()=>t.modelValue,()=>{e.nextTick(()=>B()),t.validateEvent&&k?.validate?.("change").catch(n=>T.debugWarn(n))}),e.watch(u,()=>g()),e.watch(()=>t.type,async()=>{await e.nextTick(),g(),B()}),e.onMounted(()=>{!t.formatter&&t.parser&&T.debugWarn("VftInput","If you set the parser, you also need to set the formatter."),g(),e.nextTick(B)}),oe({input:C,textarea:f,ref:h,textareaStyle:$,autosize:t.autosize,focus:U,blur:ke,select:Ee,clear:X,resizeTextarea:B}),(n,a)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",e.mergeProps(M.value,{class:le.value,style:me.value,role:t.containerRole,onMouseenter:we,onMouseleave:Ce,onMousewheel:a[1]||(a[1]=d=>t.type==="number"&&c.value?d.preventDefault():null)}),[t.type!=="textarea"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.$slots.prepend?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(o).be("group","prepend"))},[e.renderSlot(n.$slots,"prepend")],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(re.value)},[n.$slots.prefix||S.value?.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(o).e("prefix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("prefix-inner")),onClick:xe},[e.renderSlot(n.$slots,"prefix"),S.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0,pointer:""},S.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("input",e.mergeProps({id:e.unref(F),ref_key:"input",ref:C,class:e.unref(o).e("inner")},e.unref(r),{type:t.showPassword?w.value?"text":"password":t.type,disabled:e.unref(m),formatter:t.formatter,parser:t.parser,readonly:t.readonly,autocomplete:t.autocomplete,tabindex:t.tabindex,"aria-label":t.label,placeholder:t.placeholder,style:t.inputStyle,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q,onKeyup:a[0]||(a[0]=e.withKeys(d=>l("enter"),["enter"]))}),null,16,Ie),ve.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(o).e("suffix"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("suffix-inner")),onClick:he},[!E.value||!z.value||!v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.renderSlot(n.$slots,"suffix"),O.value?.icon?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:0},O.value,{class:e.unref(o).e("icon")}),null,16,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),E.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:1,pointer:"",class:[e.unref(o).e("icon"),e.unref(o).e("clear")]},ce.value,{onMousedown:e.withModifiers(e.unref(s.noop),["prevent"]),onClick:e.withModifiers(X,["stop"])}),null,16,["class","onMousedown"])):e.createCommentVNode("",!0),z.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),e.mergeProps({key:2},de.value,{class:[e.unref(o).e("icon"),e.unref(o).e("password")],onClick:be}),null,16,["class"])):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(e.unref(o).e("count"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(o).e("count-inner"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),3)],2)):e.createCommentVNode("",!0),x.value&&K.value&&R.value?(e.openBlock(),e.createBlock(e.unref(b.VftIcon),{key:4,icon:K.value,class:e.normalizeClass([e.unref(o).e("icon"),e.unref(o).e("validateIcon"),e.unref(o).is("loading",x.value==="validating")])},null,8,["icon","class"])):e.createCommentVNode("",!0)],2)],2)):e.createCommentVNode("",!0)],2),n.$slots.append?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).be("group","append"))},[e.renderSlot(n.$slots,"append")],2)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("textarea",e.mergeProps({id:e.unref(F),ref_key:"textarea",ref:f,class:e.unref(A).e("inner")},e.unref(r),{tabindex:t.tabindex,disabled:e.unref(m),readonly:t.readonly,autocomplete:t.autocomplete,style:$.value,"aria-label":t.label,placeholder:t.placeholder,form:t.form,onCompositionstart:L,onCompositionupdate:W,onCompositionend:H,onInput:P,onFocus:G,onBlur:J,onChange:j,onKeydown:Q}),null,16,Se),v.value?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(D.value),class:e.normalizeClass(e.unref(o).e("count"))},e.toDisplayString(N.value)+" / "+e.toDisplayString(e.unref(r).maxlength),7)):e.createCommentVNode("",!0)],64))],16,Ve)),[[e.vShow,t.type!=="hidden"]])}});exports.default=ze;

package/lib/components/multiple-tabs/use/use-tab-dropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@vft/router"),u=require("@vft/store");require("@vft/utils");const a=require("vue");require("../../context-menu/context-menu.vue2.cjs");require("../../icon/index.cjs");require("vue-router");function D(e,n){const i=a.reactive({current:null,currentIndex:0}),t=u.useMultipleTabStore(),{refreshPage:g,closeAll:h,close:b,closeLeft:x,closeOther:L,closeRight:T,newWinTab:f}=u.useTabs(),p=a.computed(()=>{if(!e)return;const{meta:o}=e,r=i.currentIndex,c=r===0||r<=n,s=t.getTabList.length<=n||r===t.getTabList.length-1&&t.getLastDragEndIndex>=0,C=t.getTabList.length===n||t.getTabList.length===n+1&&r===n,l=t.getTabList.length===n;return[{iconCfg:{icon:"icon-refresh-right"},text:"刷新",handler:()=>g(e)},{iconCfg:{icon:"icon-new-tab"},text:"新页面打开",handler:()=>f(e),divider:!0},{iconCfg:{icon:"icon-close-tab"},text:"关闭标签页",disabled:!!o?.affix||l,handler:()=>b(e)},{iconCfg:{icon:"icon-arrow-close-left"},text:"关闭左侧标签页",disabled:c,handler:()=>x(e)},{iconCfg:{icon:"icon-arrow-close-right"},text:"关闭右侧标签页",disabled:s,divider:!0,handler:()=>T(e)},{iconCfg:{icon:"icon-close-box-multiple-outline"},text:"关闭其它标签页",disabled:C,handler:()=>L(e)},{iconCfg:{icon:"icon-vector-square-delete"},text:"关闭所有标签页",disabled:l,handler:()=>h()}]});function q(o){return r=>{if(!o)return;r?.preventDefault();const c=t.getTabList.findIndex(s=>d.getRouterKeyPath(s)===d.getRouterKeyPath(o));i.current=o,i.currentIndex=c}}return{getDropMenuList:p,handleContextMenu:q}}exports.useTabDropdown=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@vft/router"),u=require("@vft/store");require("@vft/utils");const a=require("vue");require("../../context-menu/context-menu.vue2.cjs");require("../../icon/index.cjs");require("vue-router");function v(e,t){const i=a.reactive({current:null,currentIndex:0}),n=u.useMultipleTabStore(),{refreshPage:g,closeAll:h,close:b,closeLeft:f,closeOther:x,closeRight:L,newWinTab:T,fullScreen:p}=u.useTabs(),C=a.computed(()=>{if(!e)return;const{meta:o}=e,r=i.currentIndex,c=r===0||r<=t,s=n.getTabList.length<=t||r===n.getTabList.length-1&&n.getLastDragEndIndex>=0,D=n.getTabList.length===t||n.getTabList.length===t+1&&r===t,l=n.getTabList.length===t;return[{iconCfg:{icon:"icon-refresh-right"},text:"刷新",handler:()=>g(e)},{iconCfg:{icon:"icon-new-tab"},text:"新页面打开",handler:()=>T(e),divider:!0},{iconCfg:{icon:"icon-close-tab"},text:"关闭标签页",disabled:!!o?.affix||l,handler:()=>b(e)},{iconCfg:{icon:"icon-arrow-close-left"},text:"关闭左侧标签页",disabled:c,handler:()=>f(e)},{iconCfg:{icon:"icon-arrow-close-right"},text:"关闭右侧标签页",disabled:s,divider:!0,handler:()=>L(e)},{iconCfg:{icon:"icon-close-box-multiple-outline"},text:"关闭其它标签页",disabled:D,handler:()=>x(e)},{iconCfg:{icon:"icon-vector-square-delete"},text:"关闭所有标签页",disabled:l,handler:()=>h()},{iconCfg:{icon:"icon-full-screen"},text:"全屏",handler:()=>p(e)}]});function q(o){return r=>{if(!o)return;r?.preventDefault();const c=n.getTabList.findIndex(s=>d.getRouterKeyPath(s)===d.getRouterKeyPath(o));i.current=o,i.currentIndex=c}}return{getDropMenuList:C,handleContextMenu:q}}exports.useTabDropdown=v;

package/lib/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/lib/components/row/row.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const s=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const a=require("./constants.cjs"),l=e.defineComponent({name:"vft-row"}),o=e.defineComponent({...l,props:{tag:{default:"div"},gutter:{default:0},justify:{default:"start"},align:{default:"top"}},setup(t){const u=s.useNamespace("row");e.provide(a.rowContextKey,{gutter:e.computed(()=>t.gutter)});const n=e.computed(()=>{const r={};return t.gutter&&(r.marginRight=r.marginLeft=`-${t.gutter/2}px`),r}),i=e.computed(()=>[u.b(),u.is(`justify-${t.justify}`,t.justify!=="start"),u.is(`align-${t.align}`,t.align!=="top")]);return(r,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:e.normalizeClass(i.value),style:e.normalizeStyle(n.value)},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["class","style"]))}});exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const s=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const i=require("./constants.cjs"),l=e.defineComponent({name:"vft-row"}),o=e.defineComponent({...l,props:{tag:{default:"div"},gutter:{default:0},justify:{default:"start"},align:{default:"top"},className:{}},setup(t){const u=s.useNamespace("row");e.provide(i.rowContextKey,{gutter:e.computed(()=>t.gutter)});const n=e.computed(()=>{const r={};return t.gutter&&(r.marginRight=r.marginLeft=`-${t.gutter/2}px`),r}),a=e.computed(()=>[u.b(),u.is(`justify-${t.justify}`,t.justify!=="start"),u.is(`align-${t.align}`,t.align!=="top"),t.className]);return(r,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),{class:e.normalizeClass(a.value),style:e.normalizeStyle(n.value)},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["class","style"]))}});exports.default=o;

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

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

package/lib/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/lib/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/lib/components/upload/upload-list.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const c=require("../icon/index.cjs"),y=require("../progress/index.cjs");require("@vueuse/core");require("@vft/utils");const B=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const d=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const v=require("../form/hooks/use-form-common-props.cjs"),b=require("../form/hooks/use-form-item.cjs"),V=["onKeydown"],z=["src"],N=["onClick"],g=["onClick"],h=["onClick"],q=e.defineComponent({name:"VftUploadList"}),T=e.defineComponent({...q,props:{files:{default:[]},disabled:{type:Boolean,default:!1},handlePreview:{type:Function,default:()=>{}},listType:{default:"text"}},emits:["remove"],setup(n,{emit:f}){const k=f,l=d.useNamespace("upload"),s=d.useNamespace("icon"),p=d.useNamespace("list"),a=v.useFormDisabled(),{formItem:C}=b.useFormItem(),i=e.ref(!1),m=u=>{k("remove",u),e.nextTick(()=>{C?.validate("change").catch(o=>B.debugWarn(o))})};return(u,o)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{tag:"ul",class:e.normalizeClass([e.unref(l).b("list"),e.unref(l).bm("list",n.listType),e.unref(l).is("disabled",e.unref(a))]),name:e.unref(p).b()},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.files,t=>(e.openBlock(),e.createElementBlock("li",{key:t.uid||t.name,class:e.normalizeClass([e.unref(l).be("list","item"),e.unref(l).is(t.status),{focusing:i.value}]),tabindex:"0",onKeydown:e.withKeys(r=>!e.unref(a)&&m(t),["delete"]),onFocus:o[0]||(o[0]=r=>i.value=!0),onBlur:o[1]||(o[1]=r=>i.value=!1),onClick:o[2]||(o[2]=r=>i.value=!1)},[e.renderSlot(u.$slots,"default",{file:t},()=>[n.listType==="picture"||t.status!=="uploading"&&n.listType==="picture-card"?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(l).be("list","item-thumbnail")),src:t.url,alt:""},null,10,z)):e.createCommentVNode("",!0),t.status==="uploading"||n.listType!=="picture-card"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l).be("list","item-info"))},[e.createElementVNode("a",{class:e.normalizeClass(e.unref(l).be("list","item-name")),onClick:e.withModifiers(r=>n.handlePreview(t),["prevent"])},[e.createVNode(e.unref(c.VftIcon),{class:e.normalizeClass(e.unref(s).m("document")),icon:"icon-document"},null,8,["class"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).be("list","item-file-name"))},e.toDisplayString(t.name),3)],10,N),t.status==="uploading"?(e.openBlock(),e.createBlock(e.unref(y.VftProgress),{key:0,type:n.listType==="picture-card"?"circle":"line","stroke-width":n.listType==="picture-card"?6:2,percentage:Number(t.percentage),style:e.normalizeStyle(n.listType==="picture-card"?"":"margin-top: 0.5rem")},null,8,["type","stroke-width","percentage","style"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("label",{class:e.normalizeClass(e.unref(l).be("list","item-status-label"))},[n.listType==="text"?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:0,icon:"icon-circle-check",class:e.normalizeClass([e.unref(s).m("upload-success"),e.unref(s).m("circle-check")])},null,8,["class"])):["picture-card","picture"].includes(n.listType)?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:1,icon:"icon-check",class:e.normalizeClass([e.unref(s).m("upload-success"),e.unref(s).m("check")])},null,8,["class"])):e.createCommentVNode("",!0)],2),e.unref(a)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:2,icon:"icon-close",class:e.normalizeClass(e.unref(s).m("close")),onClick:r=>m(t)},null,8,["class","onClick"])),e.unref(a)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(e.unref(s).m("close-tip"))}," 按 delete 键可删除 ",2)),n.listType==="picture-card"?(e.openBlock(),e.createElementBlock("span",{key:4,class:e.normalizeClass(e.unref(l).be("list","item-actions"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).be("list","item-preview")),onClick:r=>n.handlePreview(t)},[e.createVNode(e.unref(c.VftIcon),{icon:"icon-zoom-in",class:e.normalizeClass(e.unref(s).m("zoom-in"))},null,8,["class"])],10,g),e.unref(a)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l).be("list","item-delete")),onClick:r=>m(t)},[e.createVNode(e.unref(c.VftIcon),{icon:"icon-delete",class:e.normalizeClass(e.unref(s).m("delete"))},null,8,["class"])],10,h))],2)):e.createCommentVNode("",!0)])],42,V))),128)),e.renderSlot(u.$slots,"append")]),_:3},8,["class","name"]))}});exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const c=require("../icon/index.cjs"),B=require("../progress/index.cjs");require("@vueuse/core");require("@vft/utils");const v=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const d=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const b=require("../form/hooks/use-form-common-props.cjs"),V=require("../form/hooks/use-form-item.cjs"),z=["onKeydown"],N=["src"],g=["onClick"],h=["onClick"],q=["onClick"],T=e.defineComponent({name:"VftUploadList"}),$=e.defineComponent({...T,props:{files:{default:[]},disabled:{type:Boolean,default:!1},handlePreview:{type:Function,default:()=>{}},listType:{default:"text"}},emits:["remove"],setup(n,{emit:f}){const k=f,l=d.useNamespace("upload"),s=d.useNamespace("icon"),p=d.useNamespace("list"),a=b.useFormDisabled(),{formItem:C}=V.useFormItem(),i=e.ref(!1),m=u=>{k("remove",u),e.nextTick(()=>{C?.validate("change").catch(o=>v.debugWarn(o))})};return(u,o)=>(e.openBlock(),e.createBlock(e.TransitionGroup,{tag:"ul",class:e.normalizeClass([e.unref(l).b("list"),e.unref(l).bm("list",n.listType),e.unref(l).is("disabled",e.unref(a))]),name:e.unref(p).b()},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.files,(t,y)=>(e.openBlock(),e.createElementBlock("li",{key:t.uid||t.name,class:e.normalizeClass([e.unref(l).be("list","item"),e.unref(l).is(t.status),{focusing:i.value}]),tabindex:"0",onKeydown:e.withKeys(r=>!e.unref(a)&&m(t),["delete"]),onFocus:o[0]||(o[0]=r=>i.value=!0),onBlur:o[1]||(o[1]=r=>i.value=!1),onClick:o[2]||(o[2]=r=>i.value=!1)},[e.renderSlot(u.$slots,"default",{file:t,index:y},()=>[n.listType==="picture"||t.status!=="uploading"&&n.listType==="picture-card"?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(l).be("list","item-thumbnail")),src:t.url,alt:""},null,10,N)):e.createCommentVNode("",!0),t.status==="uploading"||n.listType!=="picture-card"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l).be("list","item-info"))},[e.createElementVNode("a",{class:e.normalizeClass(e.unref(l).be("list","item-name")),onClick:e.withModifiers(r=>n.handlePreview(t),["prevent"])},[e.createVNode(e.unref(c.VftIcon),{class:e.normalizeClass(e.unref(s).m("document")),icon:"icon-document"},null,8,["class"]),e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).be("list","item-file-name"))},e.toDisplayString(t.name),3)],10,g),t.status==="uploading"?(e.openBlock(),e.createBlock(e.unref(B.VftProgress),{key:0,type:n.listType==="picture-card"?"circle":"line","stroke-width":n.listType==="picture-card"?6:2,percentage:Number(t.percentage),style:e.normalizeStyle(n.listType==="picture-card"?"":"margin-top: 0.5rem")},null,8,["type","stroke-width","percentage","style"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("label",{class:e.normalizeClass(e.unref(l).be("list","item-status-label"))},[n.listType==="text"?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:0,icon:"icon-circle-check",class:e.normalizeClass([e.unref(s).m("upload-success"),e.unref(s).m("circle-check")])},null,8,["class"])):["picture-card","picture"].includes(n.listType)?(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:1,icon:"icon-check",class:e.normalizeClass([e.unref(s).m("upload-success"),e.unref(s).m("check")])},null,8,["class"])):e.createCommentVNode("",!0)],2),e.unref(a)?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(c.VftIcon),{key:2,icon:"icon-close",class:e.normalizeClass(e.unref(s).m("close")),onClick:r=>m(t)},null,8,["class","onClick"])),e.unref(a)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("i",{key:3,class:e.normalizeClass(e.unref(s).m("close-tip"))}," 按 delete 键可删除 ",2)),n.listType==="picture-card"?(e.openBlock(),e.createElementBlock("span",{key:4,class:e.normalizeClass(e.unref(l).be("list","item-actions"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).be("list","item-preview")),onClick:r=>n.handlePreview(t)},[e.createVNode(e.unref(c.VftIcon),{icon:"icon-zoom-in",class:e.normalizeClass(e.unref(s).m("zoom-in"))},null,8,["class"])],10,h),e.unref(a)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l).be("list","item-delete")),onClick:r=>m(t)},[e.createVNode(e.unref(c.VftIcon),{icon:"icon-delete",class:e.normalizeClass(e.unref(s).m("delete"))},null,8,["class"])],10,q))],2)):e.createCommentVNode("",!0)])],42,z))),128)),e.renderSlot(u.$slots,"append")]),_:3},8,["class","name"]))}});exports.default=$;

package/lib/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;

package/lib/components/upload/upload.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const p=require("../message/index.cjs"),M=require("./ajax.cjs"),P=require("./constants.cjs"),w=require("./upload-content.vue2.cjs"),k=require("./upload-list.vue2.cjs"),V=require("./use-handlers.cjs"),E=require("../form/hooks/use-form-common-props.cjs"),F=e.defineComponent({name:"vft-upload"}),L=e.defineComponent({...F,props:{action:{default:"#"},headers:{},method:{default:"post"},data:{},multiple:{type:Boolean,default:!1},name:{default:"file"},drag:{type:Boolean,default:!1},withCredentials:{type:Boolean},showFileList:{type:Boolean,default:!0},accept:{default:""},type:{default:"select"},fileList:{default:[]},autoUpload:{type:Boolean,default:!1},listType:{default:"text"},httpRequest:{type:Function,default:M.ajaxUpload},disabled:{type:Boolean},limit:{},replaceOnLimit:{type:Boolean,default:!1},maxSize:{default:void 0},sizeExceedMessage:{default:"文件大小超出限制"},sizeWidth:{default:void 0},sizeHeight:{default:void 0},onSizeInvalid:{},onTypeInvalid:{},beforeUpload:{},beforeRemove:{},onRemove:{},onChange:{},onPreview:{},onSuccess:{},onProgress:{},onError:{},onExceed:{type:Function,default:()=>{}},onSizeExceed:{}},setup(a,{expose:B}){const o=a,r=e.useSlots(),c=E.useFormDisabled(),d=e.shallowRef(),{abort:m,submit:v,clearFiles:y,uploadFiles:s,handleStart:g,handleError:$,handleRemove:u,handleSuccess:b,handleProgress:R}=V.useHandlers(o,d),f=e.computed(()=>o.listType==="picture-card"),z={abort:m,submit:v,clearFiles:y,uploadFiles:s,uploadRef:d},S=e.computed(()=>({...o,fileList:s.value,onStart:g,onProgress:R,onSuccess:b,onError:$,onRemove:u,onChange:(t,l)=>{o.onChange?.(t,l,z)},onSizeExceed:(t,l)=>{if(o.onSizeExceed)o.onSizeExceed?.(t,l);else{const i=`文件大小不能超过 ${(l/1048576).toFixed(2)}MB`;console.warn("默认文件大小超出提示:",i),p.VftMessage.warning(i)}},onSizeInvalid:(t,l,n,i,h)=>{if(o.onSizeInvalid)o.onSizeInvalid(t,l,n,i,h);else{const C=`文件尺寸不符合要求，当前尺寸：${l}x${n}，期望尺寸：${i}x${h}`;console.warn("默认尺寸校验提示:",C),p.VftMessage.warning(C)}},onTypeInvalid:(t,l)=>{if(o.onTypeInvalid)o.onTypeInvalid(t,l);else{const n=`文件类型不符合要求，当前文件：${t.name}，支持的类型：${l}`;console.warn("默认文件类型校验提示:",n),p.VftMessage.warning(n)}}}));return e.onBeforeUnmount(()=>{s.value.forEach(({url:t})=>{t?.startsWith("blob:")&&URL.revokeObjectURL(t)})}),e.provide(P.uploadContextKey,{accept:e.toRef(o,"accept")}),B({abort:m,submit:v,clearFiles:y,handleStart:g,handleRemove:u,fileList:s}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vft-upload-wrapper",[{disabled:e.unref(c)}]])},[f.value&&a.showFileList?(e.openBlock(),e.createBlock(k.default,{key:0,disabled:e.unref(c),"list-type":a.listType,files:e.unref(s),"handle-preview":a.onPreview,onRemove:e.unref(u)},e.createSlots({append:e.withCtx(()=>[e.createVNode(w.default,e.mergeProps({ref_key:"uploadRef",ref:d},S.value),{default:e.withCtx(()=>[e.unref(r).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(r).trigger&&e.unref(r).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)]),_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:n})=>[e.renderSlot(t.$slots,"file",{file:n})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0),!f.value||f.value&&!a.showFileList?(e.openBlock(),e.createBlock(w.default,e.mergeProps({key:1,ref_key:"uploadRef",ref:d},S.value),{default:e.withCtx(()=>[e.unref(r).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(r).trigger&&e.unref(r).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)):e.createCommentVNode("",!0),t.$slots.trigger?e.renderSlot(t.$slots,"default",{key:2}):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"tip"),!f.value&&a.showFileList?(e.openBlock(),e.createBlock(k.default,{key:3,disabled:e.unref(c),"list-type":a.listType,files:e.unref(s),"handle-preview":a.onPreview,onRemove:e.unref(u)},e.createSlots({_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:n})=>[e.renderSlot(t.$slots,"file",{file:n})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0)],2))}});exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../form/index.cjs");const p=require("../message/index.cjs"),M=require("./ajax.cjs"),P=require("./constants.cjs"),w=require("./upload-content.vue2.cjs"),k=require("./upload-list.vue2.cjs"),V=require("./use-handlers.cjs"),E=require("../form/hooks/use-form-common-props.cjs"),F=e.defineComponent({name:"vft-upload"}),L=e.defineComponent({...F,props:{action:{default:"#"},headers:{},method:{default:"post"},data:{},multiple:{type:Boolean,default:!1},name:{default:"file"},drag:{type:Boolean,default:!1},withCredentials:{type:Boolean},showFileList:{type:Boolean,default:!0},accept:{default:""},type:{default:"select"},fileList:{default:[]},autoUpload:{type:Boolean,default:!1},listType:{default:"text"},httpRequest:{type:Function,default:M.ajaxUpload},disabled:{type:Boolean},limit:{},replaceOnLimit:{type:Boolean,default:!1},maxSize:{default:void 0},sizeExceedMessage:{default:"文件大小超出限制"},sizeWidth:{default:void 0},sizeHeight:{default:void 0},onSizeInvalid:{},onTypeInvalid:{},beforeUpload:{},beforeRemove:{},onRemove:{},onChange:{},onPreview:{},onSuccess:{},onProgress:{},onError:{},onExceed:{type:Function,default:()=>{}},onSizeExceed:{}},setup(r,{expose:B}){const o=r,s=e.useSlots(),c=E.useFormDisabled(),d=e.shallowRef(),{abort:m,submit:v,clearFiles:y,uploadFiles:i,handleStart:g,handleError:$,handleRemove:u,handleSuccess:b,handleProgress:R}=V.useHandlers(o,d),f=e.computed(()=>o.listType==="picture-card"),z={abort:m,submit:v,clearFiles:y,uploadFiles:i,uploadRef:d},S=e.computed(()=>({...o,fileList:i.value,onStart:g,onProgress:R,onSuccess:b,onError:$,onRemove:u,onChange:(t,l)=>{o.onChange?.(t,l,z)},onSizeExceed:(t,l)=>{if(o.onSizeExceed)o.onSizeExceed?.(t,l);else{const a=`文件大小不能超过 ${(l/1048576).toFixed(2)}MB`;console.warn("默认文件大小超出提示:",a),p.VftMessage.warning(a)}},onSizeInvalid:(t,l,n,a,h)=>{if(o.onSizeInvalid)o.onSizeInvalid(t,l,n,a,h);else{const C=`文件尺寸不符合要求，当前尺寸：${l}x${n}，期望尺寸：${a}x${h}`;console.warn("默认尺寸校验提示:",C),p.VftMessage.warning(C)}},onTypeInvalid:(t,l)=>{if(o.onTypeInvalid)o.onTypeInvalid(t,l);else{const n=`文件类型不符合要求，当前文件：${t.name}，支持的类型：${l}`;console.warn("默认文件类型校验提示:",n),p.VftMessage.warning(n)}}}));return e.onBeforeUnmount(()=>{i.value.forEach(({url:t})=>{t?.startsWith("blob:")&&URL.revokeObjectURL(t)})}),e.provide(P.uploadContextKey,{accept:e.toRef(o,"accept")}),B({abort:m,submit:v,clearFiles:y,handleStart:g,handleRemove:u,fileList:i}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vft-upload-wrapper",[{disabled:e.unref(c)}]])},[f.value&&r.showFileList?(e.openBlock(),e.createBlock(k.default,{key:0,disabled:e.unref(c),"list-type":r.listType,files:e.unref(i),"handle-preview":r.onPreview,onRemove:e.unref(u)},e.createSlots({append:e.withCtx(()=>[e.createVNode(w.default,e.mergeProps({ref_key:"uploadRef",ref:d},S.value),{default:e.withCtx(()=>[e.unref(s).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(s).trigger&&e.unref(s).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)]),_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:n,index:a})=>[e.renderSlot(t.$slots,"file",{file:n,index:a})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0),!f.value||f.value&&!r.showFileList?(e.openBlock(),e.createBlock(w.default,e.mergeProps({key:1,ref_key:"uploadRef",ref:d},S.value),{default:e.withCtx(()=>[e.unref(s).trigger?e.renderSlot(t.$slots,"trigger",{key:0}):e.createCommentVNode("",!0),!e.unref(s).trigger&&e.unref(s).default?e.renderSlot(t.$slots,"default",{key:1}):e.createCommentVNode("",!0)]),_:3},16)):e.createCommentVNode("",!0),t.$slots.trigger?e.renderSlot(t.$slots,"default",{key:2}):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"tip"),!f.value&&r.showFileList?(e.openBlock(),e.createBlock(k.default,{key:3,disabled:e.unref(c),"list-type":r.listType,files:e.unref(i),"handle-preview":r.onPreview,onRemove:e.unref(u)},e.createSlots({_:2},[t.$slots.file?{name:"default",fn:e.withCtx(({file:n,index:a})=>[e.renderSlot(t.$slots,"file",{file:n,index:a})]),key:"0"}:void 0]),1032,["disabled","list-type","files","handle-preview","onRemove"])):e.createCommentVNode("",!0)],2))}});exports.default=L;

package/lib/package.json.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.464";exports.version=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="0.0.466";exports.version=e;

package/lib/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.464",
+  "version": "0.0.466",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vft",
-  "version": "0.0.464",
+  "version": "0.0.466",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -56,11 +56,11 @@
     "resize-detector": "0.3.0",
     "sortablejs": "1.15.0",
     "photoswipe": "5.4.4",
-    "@vft/utils": "0.0.145",
-    "@vft/router": "0.0.67",
+    "@vft/router": "0.0.69",
     "@vft/use": "0.0.91",
-    "@vft/store": "0.0.57",
     "@vft/constants": "0.0.75",
+    "@vft/store": "0.0.58",
+    "@vft/utils": "0.0.146",
     "@vft/directives": "0.0.36"
   },
   "vetur": {

package/theme-style/src/multiple-tabs.scss

@@ -10,8 +10,8 @@ $name: multiple-tabs;
 }
 
 @include b($name) {
-  background-color: getCompCssVar('bg-color');
   height: getCompCssVar('height');
+  background-color: getCompCssVar('bg-color');
 
   @include e(title) {
     overflow: hidden;
@@ -45,3 +45,7 @@ $name: multiple-tabs;
 .icon-vector-square-delete {
   @include icon-common($icon-vector-square-delete);
 }
+
+.icon-full-screen {
+  @include icon-common($icon-full-screen);
+}

package/theme-style/vft-multiple-tabs.css

@@ -1 +1 @@
-:root{--vft-multiple-tabs-bg-color:var(--vft-header-layout-bg-color);--vft-multiple-tabs-height:30px}.vft-multiple-tabs{background-color:var(--vft-multiple-tabs-bg-color);height:var(--vft-multiple-tabs-height)}.vft-multiple-tabs__title{overflow:hidden}.icon-refresh-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-new-tab{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cdefs%3E%3Cpath id="carbonNewTab0" fill="currentColor" d="M26 26H6V6h10V4H6a2.002 2.002 0 0 0-2 2v20a2.002 2.002 0 0 0 2 2h20a2.002 2.002 0 0 0 2-2V16h-2Z"%2F%3E%3C%2Fdefs%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cpath fill="currentColor" d="M26 6V2h-2v4h-4v2h4v4h2V8h4V6h-4z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cdefs%3E%3Cpath id="carbonNewTab0" fill="currentColor" d="M26 26H6V6h10V4H6a2.002 2.002 0 0 0-2 2v20a2.002 2.002 0 0 0 2 2h20a2.002 2.002 0 0 0 2-2V16h-2Z"%2F%3E%3C%2Fdefs%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cpath fill="currentColor" d="M26 6V2h-2v4h-4v2h4v4h2V8h4V6h-4z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-close-tab{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414L10 8.586z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414L10 8.586z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-arrow-close-left{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-arrow-close-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-close-box-multiple-outline{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M20 2H8c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h12c1.11 0 2-.89 2-2V4a2 2 0 0 0-2-2m0 14H8V4h12v12M4 6v14h14v2H4a2 2 0 0 1-2-2V6h2m5.77 6.84L12.6 10L9.77 7.15l1.4-1.4L14 8.6l2.84-2.83l1.4 1.4L15.4 10l2.83 2.84l-1.4 1.4L14 11.4l-2.83 2.84l-1.4-1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M20 2H8c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h12c1.11 0 2-.89 2-2V4a2 2 0 0 0-2-2m0 14H8V4h12v12M4 6v14h14v2H4a2 2 0 0 1-2-2V6h2m5.77 6.84L12.6 10L9.77 7.15l1.4-1.4L14 8.6l2.84-2.83l1.4 1.4L15.4 10l2.83 2.84l-1.4 1.4L14 11.4l-2.83 2.84l-1.4-1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-vector-square-delete{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M13 19c0-.3 0-.7.1-1H8v-2H6V8h2V6h8v2h2v5.1c.3-.1.7-.1 1-.1c.3 0 .7 0 1 .1V8h2V2h-6v2H8V2H2v6h2v8H2v6h6v-2h5.1c-.1-.3-.1-.7-.1-1m5-15h2v2h-2V4M4 4h2v2H4V4m2 16H4v-2h2v2m16.5-3.1L20.4 19l2.1 2.1l-1.4 1.4l-2.1-2.1l-2.1 2.1l-1.4-1.4l2.1-2.1l-2.1-2.1l1.4-1.4l2.1 2.1l2.1-2.1l1.4 1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M13 19c0-.3 0-.7.1-1H8v-2H6V8h2V6h8v2h2v5.1c.3-.1.7-.1 1-.1c.3 0 .7 0 1 .1V8h2V2h-6v2H8V2H2v6h2v8H2v6h6v-2h5.1c-.1-.3-.1-.7-.1-1m5-15h2v2h-2V4M4 4h2v2H4V4m2 16H4v-2h2v2m16.5-3.1L20.4 19l2.1 2.1l-1.4 1.4l-2.1-2.1l-2.1 2.1l-1.4-1.4l2.1-2.1l-2.1-2.1l1.4-1.4l2.1 2.1l2.1-2.1l1.4 1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}
+:root{--vft-multiple-tabs-bg-color:var(--vft-header-layout-bg-color);--vft-multiple-tabs-height:30px}.vft-multiple-tabs{height:var(--vft-multiple-tabs-height);background-color:var(--vft-multiple-tabs-bg-color)}.vft-multiple-tabs__title{overflow:hidden}.icon-refresh-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1024" height="1024" viewBox="0 0 1024 1024"%3E%3Cpath fill="currentColor" d="M784.512 230.272v-50.56a32 32 0 1 1 64 0v149.056a32 32 0 0 1-32 32H667.52a32 32 0 1 1 0-64h92.992A320 320 0 1 0 524.8 833.152a320 320 0 0 0 320-320h64a384 384 0 0 1-384 384a384 384 0 0 1-384-384a384 384 0 0 1 643.712-282.88z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-new-tab{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cdefs%3E%3Cpath id="carbonNewTab0" fill="currentColor" d="M26 26H6V6h10V4H6a2.002 2.002 0 0 0-2 2v20a2.002 2.002 0 0 0 2 2h20a2.002 2.002 0 0 0 2-2V16h-2Z"%2F%3E%3C%2Fdefs%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cpath fill="currentColor" d="M26 6V2h-2v4h-4v2h4v4h2V8h4V6h-4z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="32" height="32" viewBox="0 0 32 32"%3E%3Cdefs%3E%3Cpath id="carbonNewTab0" fill="currentColor" d="M26 26H6V6h10V4H6a2.002 2.002 0 0 0-2 2v20a2.002 2.002 0 0 0 2 2h20a2.002 2.002 0 0 0 2-2V16h-2Z"%2F%3E%3C%2Fdefs%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cuse href="%23carbonNewTab0"%2F%3E%3Cpath fill="currentColor" d="M26 6V2h-2v4h-4v2h4v4h2V8h4V6h-4z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-close-tab{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414L10 8.586z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="20" height="20" viewBox="0 0 20 20"%3E%3Cpath fill="currentColor" d="M10 8.586L2.929 1.515L1.515 2.929L8.586 10l-7.071 7.071l1.414 1.414L10 11.414l7.071 7.071l1.414-1.414L11.414 10l7.071-7.071l-1.414-1.414L10 8.586z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-arrow-close-left{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-arrow-close-right{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg transform="translate(24 0) scale(-1 1)"%3E%3Cg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"%3E%3Cpath stroke-dasharray="20" stroke-dashoffset="20" d="M3 3V21"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="15" stroke-dashoffset="15" d="M21 12H7.5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.2s" values="15%3B0"%2F%3E%3C%2Fpath%3E%3Cpath stroke-dasharray="12" stroke-dashoffset="12" d="M7 12L14 19M7 12L14 5"%3E%3Canimate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="12%3B0"%2F%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-close-box-multiple-outline{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M20 2H8c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h12c1.11 0 2-.89 2-2V4a2 2 0 0 0-2-2m0 14H8V4h12v12M4 6v14h14v2H4a2 2 0 0 1-2-2V6h2m5.77 6.84L12.6 10L9.77 7.15l1.4-1.4L14 8.6l2.84-2.83l1.4 1.4L15.4 10l2.83 2.84l-1.4 1.4L14 11.4l-2.83 2.84l-1.4-1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M20 2H8c-1.1 0-2 .9-2 2v12a2 2 0 0 0 2 2h12c1.11 0 2-.89 2-2V4a2 2 0 0 0-2-2m0 14H8V4h12v12M4 6v14h14v2H4a2 2 0 0 1-2-2V6h2m5.77 6.84L12.6 10L9.77 7.15l1.4-1.4L14 8.6l2.84-2.83l1.4 1.4L15.4 10l2.83 2.84l-1.4 1.4L14 11.4l-2.83 2.84l-1.4-1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-vector-square-delete{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M13 19c0-.3 0-.7.1-1H8v-2H6V8h2V6h8v2h2v5.1c.3-.1.7-.1 1-.1c.3 0 .7 0 1 .1V8h2V2h-6v2H8V2H2v6h2v8H2v6h6v-2h5.1c-.1-.3-.1-.7-.1-1m5-15h2v2h-2V4M4 4h2v2H4V4m2 16H4v-2h2v2m16.5-3.1L20.4 19l2.1 2.1l-1.4 1.4l-2.1-2.1l-2.1 2.1l-1.4-1.4l2.1-2.1l-2.1-2.1l1.4-1.4l2.1 2.1l2.1-2.1l1.4 1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" d="M13 19c0-.3 0-.7.1-1H8v-2H6V8h2V6h8v2h2v5.1c.3-.1.7-.1 1-.1c.3 0 .7 0 1 .1V8h2V2h-6v2H8V2H2v6h2v8H2v6h6v-2h5.1c-.1-.3-.1-.7-.1-1m5-15h2v2h-2V4M4 4h2v2H4V4m2 16H4v-2h2v2m16.5-3.1L20.4 19l2.1 2.1l-1.4 1.4l-2.1-2.1l-2.1 2.1l-1.4-1.4l2.1-2.1l-2.1-2.1l1.4-1.4l2.1 2.1l2.1-2.1l1.4 1.4Z"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.icon-full-screen{width:1em;height:1em;background-color:currentcolor;-webkit-mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V3H9.5a.5.5 0 0 1-.5-.5ZM2.5 9a.5.5 0 0 1 .5.5V12h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H12V9.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;mask:url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="15" height="15" viewBox="0 0 15 15"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M2 2.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1H3v2.5a.5.5 0 0 1-1 0v-3Zm7 0a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-1 0V3H9.5a.5.5 0 0 1-.5-.5ZM2.5 9a.5.5 0 0 1 .5.5V12h2.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5Zm10 0a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1 0-1H12V9.5a.5.5 0 0 1 .5-.5Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}