vft 0.0.509 → 0.0.513

package/lib/components/message-box/message-box.vue.d.ts

@@ -0,0 +1,103 @@
+import type { Action, MessageBoxState, MessageBoxType } from './types';
+interface Props {
+    /** 按钮尺寸 */
+    buttonSize?: 'large' | 'default' | 'small';
+    /** 是否显示遮罩 */
+    modal?: boolean;
+    /** 是否锁定 body 滚动 */
+    lockScroll?: boolean;
+    /** 是否显示关闭按钮 */
+    showClose?: boolean;
+    /** 点击遮罩是否关闭 */
+    closeOnClickModal?: boolean;
+    /** 按 ESC 是否关闭 */
+    closeOnPressEscape?: boolean;
+    /** hash 改变时是否关闭 */
+    closeOnHashChange?: boolean;
+    /** 内容是否居中 */
+    center?: boolean;
+    /** 是否可拖拽 */
+    draggable?: boolean;
+    /** 拖拽时是否允许溢出视口 */
+    overflow?: boolean;
+    /** 按钮是否使用圆角 */
+    roundButton?: boolean;
+    /** 自定义挂载节点 */
+    container?: string;
+    /** boxType，由 alert / confirm / prompt 内部传入 */
+    boxType?: MessageBoxType;
+}
+declare function doClose(): void;
+declare function handleAction(action: Action): void;
+declare function handleClose(): void;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {
+    visible: import("vue").Ref<boolean, boolean>;
+    state: {
+        autofocus: boolean;
+        title: string | undefined;
+        message: string | import("vue").VNode;
+        type: import("./types").MessageBoxMessageType;
+        icon: string;
+        closeIcon: string;
+        customClass: string;
+        customStyle: Record<string, string | number>;
+        showInput: boolean;
+        inputValue: string;
+        inputPlaceholder: string;
+        inputType: string;
+        inputPattern: RegExp | null;
+        inputValidator: import("./types").MessageBoxInputValidator;
+        inputErrorMessage: string;
+        showConfirmButton: boolean;
+        showCancelButton: boolean;
+        action: Action;
+        dangerouslyUseHTMLString: boolean;
+        confirmButtonText: string;
+        cancelButtonText: string;
+        confirmButtonType: import("./types").MessageBoxButtonType;
+        cancelButtonType: import("./types").MessageBoxButtonType;
+        confirmButtonLoading: boolean;
+        cancelButtonLoading: boolean;
+        confirmButtonLoadingIcon: string;
+        cancelButtonLoadingIcon: string;
+        confirmButtonClass: string;
+        confirmButtonDisabled: boolean;
+        cancelButtonClass: string;
+        editorErrorMessage: string;
+        beforeClose: null | ((action: Action, instance: MessageBoxState, done: () => void) => void);
+        callback: null | import("./types").Callback;
+        distinguishCancelAndClose: boolean;
+        modalFade: boolean;
+        modalClass: string;
+        validateError: boolean;
+        zIndex: number;
+    };
+    doClose: typeof doClose;
+    handleClose: typeof handleClose;
+    handleAction: typeof handleAction;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    vanish: () => void;
+    action: (action: Action) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
+    onAction?: ((action: Action) => any) | undefined;
+    onVanish?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/message-box/message-box.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),T=require("../button/index.cjs"),P=require("../focus-trap/focus-trap.vue.cjs");require("../focus-trap/utils.cjs");const y=require("../icon/index.cjs"),A=require("../input/index.cjs"),H=require("../overlay/index.cjs");require("@vueuse/core");const M=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const U=require("../../hooks/use-draggable/index.cjs"),z=require("../../hooks/use-id/index.cjs"),F=require("../../hooks/use-lockscreen/index.cjs");require("../../hooks/use-model-toggle/index.cjs");const Z=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");const j=require("../../hooks/use-same-target/index.cjs"),W=require("../../hooks/use-z-index/index.cjs"),G=["aria-label","aria-describedby"],J=["id"],Q=e.defineComponent({name:"VftMessageBox",inheritAttrs:!1}),X=e.defineComponent({...Q,props:{buttonSize:{default:"default"},modal:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},closeOnHashChange:{type:Boolean,default:!0},center:{type:Boolean,default:!1},draggable:{type:Boolean,default:!1},overflow:{type:Boolean,default:!1},roundButton:{type:Boolean,default:!1},container:{default:"body"},boxType:{default:""}},emits:["vanish","action"],setup(l,{expose:I,emit:S}){const N=S,g={primary:"icon-info-filled",success:"icon-success-filled",warning:"icon-warning-filled",info:"icon-info-filled",error:"icon-circle-close-filled"},a=Z.useNamespace("message-box"),{nextZIndex:C}=W.useZIndex(),i=e.ref(!1),t=e.reactive({autofocus:!0,beforeClose:null,callback:null,cancelButtonText:"",cancelButtonClass:"",confirmButtonText:"",confirmButtonClass:"",cancelButtonType:"default",confirmButtonType:"primary",customClass:"",customStyle:{},dangerouslyUseHTMLString:!1,distinguishCancelAndClose:!1,icon:"",closeIcon:"",inputPattern:null,inputPlaceholder:"",inputType:"text",inputValue:"",inputValidator:void 0,inputErrorMessage:"",message:"",modalFade:!0,modalClass:"",showCancelButton:!1,showConfirmButton:!0,type:"",title:void 0,showInput:!1,action:"",confirmButtonLoading:!1,cancelButtonLoading:!1,confirmButtonLoadingIcon:"icon-loading",cancelButtonLoadingIcon:"icon-loading",confirmButtonDisabled:!1,editorErrorMessage:"",validateError:!1,zIndex:C()}),B=z.useId(),v=z.useId(),x=e.computed(()=>{const o=t.type;return{[a.bm("icon",o)]:o&&g[o]}}),p=e.computed(()=>{const o=t.type;return t.icon||o&&g[o]||""}),w=e.computed(()=>!!t.message),u=e.ref(),k=e.ref(),d=e.ref(),f=e.ref(),h=e.ref(),b=e.computed(()=>l.buttonSize),q=e.computed(()=>l.draggable),$=e.computed(()=>l.overflow),{isDragging:R}=U.useDraggable(u,k,q,$);e.watch(()=>t.inputValue,async o=>{await e.nextTick(),l.boxType==="prompt"&&o&&V()},{immediate:!0}),e.watch(()=>i.value,o=>{console.log(333),o&&(l.boxType!=="prompt"&&(t.autofocus?d.value=h.value?.$el??u.value:d.value=u.value),t.zIndex=C()),l.boxType==="prompt"&&(o?e.nextTick().then(()=>{f.value&&f.value.$el&&(t.autofocus?d.value=O()??u.value:d.value=u.value)}):(t.editorErrorMessage="",t.validateError=!1))}),e.onMounted(async()=>{await e.nextTick(),console.log(444),l.closeOnHashChange&&window.addEventListener("hashchange",m)}),e.onBeforeUnmount(()=>{l.closeOnHashChange&&window.removeEventListener("hashchange",m)});function m(){i.value&&(i.value=!1,e.nextTick(()=>{t.action&&N("action",t.action)}))}function D(){l.closeOnClickModal&&s(t.distinguishCancelAndClose?"close":"cancel")}const c=j.useSameTarget(D);function L(o){if(t.inputType!=="textarea"&&!f.value?.isComposing)return o.preventDefault(),s("confirm")}function s(o){l.boxType==="prompt"&&o==="confirm"&&!V()||(t.action=o,t.beforeClose?t.beforeClose?.(o,t,m):m())}function V(){if(l.boxType==="prompt"){const o=t.inputPattern;if(o&&!o.test(t.inputValue||""))return t.editorErrorMessage=t.inputErrorMessage||"输入的数据不合法!",t.validateError=!0,!1;const n=t.inputValidator;if(M.isFunction(n)){const r=n(t.inputValue);if(r===!1)return t.editorErrorMessage=t.inputErrorMessage||"输入的数据不合法!",t.validateError=!0,!1;if(M.isString(r))return t.editorErrorMessage=r,t.validateError=!0,!1}}return t.editorErrorMessage="",t.validateError=!1,!0}function O(){const o=f.value?.$refs;return o?.input??o?.textarea}function E(){s("close")}function K(){l.closeOnPressEscape&&E()}return l.lockScroll&&F.useLockscreen(i,{ns:a}),I({visible:i,state:t,doClose:m,handleClose:E,handleAction:s}),(o,n)=>(e.openBlock(),e.createBlock(e.Transition,{name:"vft-fade-in-linear",onAfterLeave:n[11]||(n[11]=r=>o.$emit("vanish"))},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(H.VftOverlay),{"z-index":t.zIndex,"overlay-class":[e.unref(a).is("message-box"),t.modalClass],mask:l.modal},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-label":t.title,"aria-modal":"true","aria-describedby":t.showInput?void 0:e.unref(B),class:e.normalizeClass(`${e.unref(a).namespace.value}-overlay-message-box`),onClick:n[8]||(n[8]=(...r)=>e.unref(c).onClick&&e.unref(c).onClick(...r)),onMousedown:n[9]||(n[9]=(...r)=>e.unref(c).onMousedown&&e.unref(c).onMousedown(...r)),onMouseup:n[10]||(n[10]=(...r)=>e.unref(c).onMouseup&&e.unref(c).onMouseup(...r))},[e.createVNode(e.unref(P.default),{loop:"",trapped:i.value,"focus-trap-el":u.value,"focus-start-el":d.value,onReleaseRequested:K},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"rootRef",ref:u,class:e.normalizeClass([e.unref(a).b(),t.customClass,e.unref(a).is("draggable",l.draggable),e.unref(a).is("dragging",e.unref(R)),{[e.unref(a).m("center")]:l.center}]),style:e.normalizeStyle(t.customStyle),tabindex:"-1",onClick:n[7]||(n[7]=e.withModifiers(()=>{},["stop"]))},[t.title!==null&&t.title!==void 0?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"headerRef",ref:k,class:e.normalizeClass([e.unref(a).e("header"),{"show-close":l.showClose}])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("title"))},[p.value&&l.center?(e.openBlock(),e.createBlock(e.unref(y.VftIcon),{key:0,icon:p.value,class:e.normalizeClass([e.unref(a).e("status"),x.value])},null,8,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(t.title),1)],2),l.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:e.normalizeClass(e.unref(a).e("headerbtn")),"aria-label":"close",onClick:n[0]||(n[0]=r=>s(t.distinguishCancelAndClose?"close":"cancel")),onKeydown:n[1]||(n[1]=e.withKeys(e.withModifiers(r=>s(t.distinguishCancelAndClose?"close":"cancel"),["prevent"]),["enter"]))},[e.createVNode(e.unref(y.VftIcon),{icon:t.closeIcon||"icon-close",class:e.normalizeClass(e.unref(a).e("close"))},null,8,["icon","class"])],34)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{id:e.unref(B),class:e.normalizeClass(e.unref(a).e("content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("container"))},[p.value&&!l.center&&w.value?(e.openBlock(),e.createBlock(e.unref(y.VftIcon),{key:0,icon:p.value,class:e.normalizeClass([e.unref(a).e("status"),x.value])},null,8,["icon","class"])):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).e("message"))},[e.renderSlot(o.$slots,"default",{},()=>[t.dangerouslyUseHTMLString?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.showInput?"label":"p"),{key:1,for:t.showInput?e.unref(v):void 0,innerHTML:t.message},null,8,["for","innerHTML"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.showInput?"label":"p"),{key:0,for:t.showInput?e.unref(v):void 0,textContent:e.toDisplayString(t.message)},null,8,["for","textContent"]))])],2)):e.createCommentVNode("",!0)],2),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("input"))},[e.createVNode(e.unref(A.VftInput),{id:e.unref(v),ref_key:"inputRef",ref:f,modelValue:t.inputValue,"onUpdate:modelValue":n[2]||(n[2]=r=>t.inputValue=r),type:t.inputType,placeholder:t.inputPlaceholder,"aria-invalid":t.validateError,class:e.normalizeClass({invalid:t.validateError}),onKeydown:e.withKeys(L,["enter"])},null,8,["id","modelValue","type","placeholder","aria-invalid","class"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("errormsg")),style:e.normalizeStyle({visibility:t.editorErrorMessage?"visible":"hidden"})},e.toDisplayString(t.editorErrorMessage),7)],2),[[e.vShow,t.showInput]])],10,J),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("btns"))},[t.showCancelButton?(e.openBlock(),e.createBlock(e.unref(T.VftButton),{key:0,type:t.cancelButtonType==="text"?"default":t.cancelButtonType,text:t.cancelButtonType==="text",loading:t.cancelButtonLoading,class:e.normalizeClass([t.cancelButtonClass]),round:l.roundButton,size:b.value,onClick:n[3]||(n[3]=r=>s("cancel")),onKeydown:n[4]||(n[4]=e.withKeys(e.withModifiers(r=>s("cancel"),["prevent"]),["enter"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.cancelButtonText||"取消"),1)]),_:1},8,["type","text","loading","class","round","size"])):e.createCommentVNode("",!0),e.withDirectives(e.createVNode(e.unref(T.VftButton),{ref_key:"confirmRef",ref:h,type:t.confirmButtonType==="text"?"default":t.confirmButtonType,text:t.confirmButtonType==="text",loading:t.confirmButtonLoading,class:e.normalizeClass([t.confirmButtonClass]),round:l.roundButton,disabled:t.confirmButtonDisabled,size:b.value,onClick:n[5]||(n[5]=r=>s("confirm")),onKeydown:n[6]||(n[6]=e.withKeys(e.withModifiers(r=>s("confirm"),["prevent"]),["enter"]))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.confirmButtonText||"确定"),1)]),_:1},8,["type","text","loading","class","round","disabled","size"]),[[e.vShow,t.showConfirmButton]])],2)],6)]),_:3},8,["trapped","focus-trap-el","focus-start-el"])],42,G)]),_:3},8,["z-index","overlay-class","mask"]),[[e.vShow,i.value]])]),_:3}))}});exports.default=X;

package/lib/components/message-box/method.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("@vft/utils"),m=require("@vueuse/core"),g=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const o=require("vue");require("lodash-es");require("../form/index.cjs");const _=require("./message-box.vue2.cjs"),u=new Map,h=e=>{let n=document.body;return e.appendTo&&(r.isString(e.appendTo)&&(n=document.querySelector(e.appendTo)),r.isElement(e.appendTo)&&(n=e.appendTo),r.isElement(n)||(g.debugWarn("VftMessageBox","the appendTo option is not an HTMLElement. Falling back to document.body."),n=document.body)),n},f=(e,n)=>()=>{e.component?.exposed?.handleAction(n)},E=(e,n,c=null)=>{const s=o.createVNode(_.default,e,r.isFunction(e.message)||o.isVNode(e.message)?{default:r.isFunction(e.message)?()=>e.message({confirm:f(s,"confirm"),cancel:f(s,"cancel"),close:f(s,"close")}):()=>e.message}:null);return s.appContext=c,o.render(s,n),h(e).appendChild(n.firstElementChild),s.component},b=()=>document.createElement("div"),v=(e,n)=>{const c=b();e.onVanish=()=>{o.render(null,c),u.delete(l)},e.onAction=t=>{const d=u.get(l);let i;e.showInput?i={value:l.state.inputValue,action:t}:i=t,e.callback?e.callback(i,s.proxy):t==="cancel"||t==="close"?e.distinguishCancelAndClose&&t!=="cancel"?d.reject("close"):d.reject("cancel"):d.resolve(i)};const s=E(e,c,n),l=s.exposed;for(const t in e)r.hasOwn(e,t)&&!r.hasOwn(s.props,t)&&(l.state[t]=e[t]);return l.visible.value=!0,l};function a(e,n=null){if(!m.isClient)return Promise.reject();let c;return r.isString(e)||o.isVNode(e)?e={message:e}:c=e.callback,new Promise((s,l)=>{const t=v(e,n??a._context);u.set(t,{options:e,callback:c,resolve:s,reject:l})})}const x=["alert","confirm","prompt"],O={alert:{closeOnPressEscape:!1,closeOnClickModal:!1},confirm:{showCancelButton:!0},prompt:{showCancelButton:!0,showInput:!0}};x.forEach(e=>{a[e]=p(e)});function p(e){return(n,c,s,l)=>{let t="";return r.isObject(c)?(s=c,t=""):r.isUndefined(c)?t="":t=c,a(Object.assign({title:t,message:n,type:"",...O[e]},s,{boxType:e}),l)}}a.close=()=>{u.forEach((e,n)=>{n.doClose()}),u.clear()};a._context=null;exports.default=a;

package/lib/components/message-box/method.d.ts

@@ -0,0 +1,3 @@
+import type { IMessageBox } from './types';
+declare const _default: IMessageBox;
+export default _default;

package/lib/components/message-box/style/css.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-message-box.css");require("vft/theme-style/vft-overlay.css");

package/lib/components/message-box/style/css.d.ts

@@ -0,0 +1,2 @@
+import 'vft/theme-style/vft-message-box.css';
+import 'vft/es/components/overlay/style/css';

package/lib/components/message-box/style/index.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/message-box.scss");require("vft/theme-style/src/overlay.scss");

package/lib/components/message-box/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'vft/theme-style/src/message-box.scss';
+import 'vft/es/components/overlay/style';

package/lib/components/message-box/types.d.ts

@@ -0,0 +1,202 @@
+import type { AppContext, VNode } from 'vue';
+import type { CSSProperties } from 'vue';
+export type Action = 'confirm' | 'close' | 'cancel';
+export type MessageBoxType = '' | 'prompt' | 'alert' | 'confirm';
+export type MessageBoxMessageType = '' | 'primary' | 'success' | 'warning' | 'info' | 'error';
+export type MessageBoxButtonType = 'default' | 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'text';
+export type CloseFn = () => void;
+export interface MessageBoxInputData {
+    /** 输入框内的值 */
+    value: string;
+    /** 触发的动作类型 */
+    action: Action;
+}
+export type MessageBoxData = MessageBoxInputData & Action;
+export interface MessageBoxActionHandlers {
+    confirm: CloseFn;
+    cancel: CloseFn;
+    close: CloseFn;
+}
+export type MessageBoxInputValidator = ((value: string) => boolean | string) | undefined;
+export type Callback = ((value: string, action: Action) => any) | ((action: Action) => any);
+export interface MessageBoxState {
+    /** 自动聚焦 */
+    autofocus: boolean;
+    /** 标题 */
+    title: string | undefined;
+    /** 消息内容 */
+    message: string | VNode;
+    /** 消息类型，控制图标 */
+    type: MessageBoxMessageType;
+    /** 自定义图标 */
+    icon: string;
+    /** 自定义关闭图标 */
+    closeIcon: string;
+    /** 自定义类名 */
+    customClass: string;
+    /** 自定义内联样式 */
+    customStyle: Record<string, string | number>;
+    /** 是否显示输入框，prompt 模式下默认 true */
+    showInput: boolean;
+    /** 输入框默认值 */
+    inputValue: string;
+    /** 输入框占位符 */
+    inputPlaceholder: string;
+    /** 输入框类型 */
+    inputType: string;
+    /** 输入框校验正则 */
+    inputPattern: RegExp | null;
+    /** 输入框自定义校验函数 */
+    inputValidator: MessageBoxInputValidator;
+    /** 输入框校验失败提示 */
+    inputErrorMessage: string;
+    /** 是否显示确认按钮 */
+    showConfirmButton: boolean;
+    /** 是否显示取消按钮 */
+    showCancelButton: boolean;
+    /** 当前触发的动作 */
+    action: Action;
+    /** 是否将 message 作为 HTML 字符串渲染 */
+    dangerouslyUseHTMLString: boolean;
+    /** 确认按钮文案 */
+    confirmButtonText: string;
+    /** 取消按钮文案 */
+    cancelButtonText: string;
+    /** 确认按钮类型 */
+    confirmButtonType: MessageBoxButtonType;
+    /** 取消按钮类型 */
+    cancelButtonType: MessageBoxButtonType;
+    /** 确认按钮加载中 */
+    confirmButtonLoading: boolean;
+    /** 取消按钮加载中 */
+    cancelButtonLoading: boolean;
+    /** 确认按钮加载图标 */
+    confirmButtonLoadingIcon: string;
+    /** 取消按钮加载图标 */
+    cancelButtonLoadingIcon: string;
+    /** 确认按钮自定义类名 */
+    confirmButtonClass: string;
+    /** 确认按钮是否禁用 */
+    confirmButtonDisabled: boolean;
+    /** 取消按钮自定义类名 */
+    cancelButtonClass: string;
+    /** 输入框校验失败信息 */
+    editorErrorMessage: string;
+    /** 关闭前回调 */
+    beforeClose: null | ((action: Action, instance: MessageBoxState, done: () => void) => void);
+    /** 关闭后回调（不使用 Promise 时） */
+    callback: null | Callback;
+    /** 是否区分取消和关闭 */
+    distinguishCancelAndClose: boolean;
+    /** 遮罩淡入淡出 */
+    modalFade: boolean;
+    /** 自定义遮罩类名 */
+    modalClass: string;
+    /** 校验是否失败 */
+    validateError: boolean;
+    /** 弹窗层级 */
+    zIndex: number;
+}
+/** MessageBox 选项 */
+export interface MessageBoxOptions {
+    /** 打开时是否自动聚焦 */
+    autofocus?: boolean;
+    /** 关闭前回调，会阻止默认关闭 */
+    beforeClose?: (action: Action, instance: MessageBoxState, done: () => void) => void;
+    /** 自定义类名 */
+    customClass?: string;
+    /** 自定义内联样式 */
+    customStyle?: CSSProperties;
+    /** 是否显示遮罩 */
+    modal?: boolean;
+    /** 遮罩自定义类名 */
+    modalClass?: string;
+    /** 关闭回调 */
+    callback?: Callback;
+    /** 取消按钮文案 */
+    cancelButtonText?: string;
+    /** 确认按钮文案 */
+    confirmButtonText?: string;
+    /** 取消按钮类型 */
+    cancelButtonType?: MessageBoxButtonType;
+    /** 确认按钮类型 */
+    confirmButtonType?: MessageBoxButtonType;
+    /** 取消按钮加载图标 */
+    cancelButtonLoadingIcon?: string;
+    /** 确认按钮加载图标 */
+    confirmButtonLoadingIcon?: string;
+    /** 取消按钮自定义类名 */
+    cancelButtonClass?: string;
+    /** 确认按钮自定义类名 */
+    confirmButtonClass?: string;
+    /** 内容是否居中 */
+    center?: boolean;
+    /** 是否可拖拽 */
+    draggable?: boolean;
+    /** 拖拽时是否允许溢出视口 */
+    overflow?: boolean;
+    /** 消息内容，可为字符串、VNode 或返回 VNode 的函数 */
+    message?: string | VNode | ((params: MessageBoxActionHandlers) => VNode);
+    /** 标题 */
+    title?: string | MessageBoxOptions;
+    /** 消息类型，决定图标 */
+    type?: MessageBoxMessageType;
+    /** boxType，由 alert / confirm / prompt 内部传入 */
+    boxType?: MessageBoxType;
+    /** 自定义图标 */
+    icon?: string;
+    /** 自定义关闭图标 */
+    closeIcon?: string;
+    /** 是否将 message 作为 HTML 字符串处理 */
+    dangerouslyUseHTMLString?: boolean;
+    /** 是否区分取消和关闭 */
+    distinguishCancelAndClose?: boolean;
+    /** 是否锁定 body 滚动 */
+    lockScroll?: boolean;
+    /** 是否显示取消按钮 */
+    showCancelButton?: boolean;
+    /** 是否显示确认按钮 */
+    showConfirmButton?: boolean;
+    /** 是否显示关闭按钮 */
+    showClose?: boolean;
+    /** 按钮是否使用圆角 */
+    roundButton?: boolean;
+    /** 点击遮罩是否关闭 */
+    closeOnClickModal?: boolean;
+    /** 按 ESC 是否关闭 */
+    closeOnPressEscape?: boolean;
+    /** hash 改变时是否关闭 */
+    closeOnHashChange?: boolean;
+    /** prompt 时是否显示输入框 */
+    showInput?: boolean;
+    /** 输入框占位符 */
+    inputPlaceholder?: string;
+    /** 输入框默认值 */
+    inputValue?: string;
+    /** 输入框校验正则 */
+    inputPattern?: RegExp;
+    /** 输入框类型 */
+    inputType?: string;
+    /** 输入框自定义校验函数 */
+    inputValidator?: MessageBoxInputValidator;
+    /** 校验失败时提示文案 */
+    inputErrorMessage?: string;
+    /** 按钮尺寸 */
+    buttonSize?: 'large' | 'default' | 'small';
+    /** 自定义挂载节点 */
+    appendTo?: HTMLElement | string;
+}
+export type MessageBoxShortcutMethod = ((message: MessageBoxOptions['message'], options?: MessageBoxOptions, appContext?: AppContext | null) => Promise<MessageBoxData>) & ((message: MessageBoxOptions['message'], title: MessageBoxOptions['title'], options?: MessageBoxOptions, appContext?: AppContext | null) => Promise<MessageBoxData>);
+export interface IMessageBox {
+    _context: AppContext | null;
+    /** 显示一个消息提示框 */
+    (options: MessageBoxOptions, appContext?: AppContext | null): Promise<MessageBoxData>;
+    /** 显示警告对话框 */
+    alert: MessageBoxShortcutMethod;
+    /** 显示确认对话框 */
+    confirm: MessageBoxShortcutMethod;
+    /** 显示提示输入框 */
+    prompt: MessageBoxShortcutMethod;
+    /** 关闭当前所有 message-box */
+    close: CloseFn;
+}

package/lib/components/modal/index.d.ts

@@ -566,6 +566,7 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
+        footer?(_: {}): any;
     };
 })> & Record<string, any>;
 export * from './types';

package/lib/components/modal/modal-footer-action.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("../row/index.cjs"),c=require("../button/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const l=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const m=require("../../locale/use-locale.cjs"),d=e.defineComponent({__name:"modal-footer-action",props:{showSubmitButton:{type:Boolean},showCancelButton:{type:Boolean},submitButtonOptions:{},cancelButtonOptions:{},actionRowOptions:{}},setup(t){const o=l.useNamespace("form-action"),{t:n}=m.useLocale(),i=e.computed(()=>({justify:"end",...t.actionRowOptions})),r=e.computed(()=>Object.assign({btnText:n("vft.modal.confirm")},t.submitButtonOptions)),u=e.computed(()=>Object.assign({btnText:n("vft.modal.cancel")},t.cancelButtonOptions));return(s,f)=>(e.openBlock(),e.createBlock(e.unref(a.VftRow),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[t.showCancelButton?(e.openBlock(),e.createBlock(e.unref(c.VftButton),e.mergeProps({key:0},u.value,{class:e.unref(o).e("cancel")}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value.btnText),1)]),_:1},16,["class"])):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"submitBefore"),t.showSubmitButton?(e.openBlock(),e.createBlock(e.unref(c.VftButton),e.mergeProps({key:1,type:"primary",class:e.unref(o).e("submit")},r.value),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.value.btnText),1)]),_:1},16,["class"])):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"submitAfter")]),_:3},16))}});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../row/index.cjs"),i=require("../button/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");require("../form/index.cjs");const a=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const l=e.defineComponent({__name:"modal-footer-action",props:{showSubmitButton:{type:Boolean},showCancelButton:{type:Boolean},submitButtonOptions:{},cancelButtonOptions:{},actionRowOptions:{}},setup(t){const o=a.useNamespace("form-action"),s=e.computed(()=>({justify:"end",...t.actionRowOptions})),n=e.computed(()=>Object.assign({btnText:"确认"},t.submitButtonOptions)),r=e.computed(()=>Object.assign({btnText:"取消"},t.cancelButtonOptions));return(u,m)=>(e.openBlock(),e.createBlock(e.unref(c.VftRow),e.normalizeProps(e.guardReactiveProps(s.value)),{default:e.withCtx(()=>[t.showCancelButton?(e.openBlock(),e.createBlock(e.unref(i.VftButton),e.mergeProps({key:0},r.value,{class:e.unref(o).e("cancel")}),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.value.btnText),1)]),_:1},16,["class"])):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"submitBefore"),t.showSubmitButton?(e.openBlock(),e.createBlock(e.unref(i.VftButton),e.mergeProps({key:1,type:"primary",class:e.unref(o).e("submit")},n.value),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.value.btnText),1)]),_:1},16,["class"])):e.createCommentVNode("",!0),e.renderSlot(u.$slots,"submitAfter")]),_:3},16))}});exports.default=l;

package/lib/components/modal/modal.vue.d.ts

@@ -1,6 +1,7 @@
 import type { ModalActionProps, ModalMethods, ModalProps } from './types';
 declare function __VLS_template(): {
     default?(_: {}): any;
+    footer?(_: {}): any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModalProps & ModalActionProps>, {
     center: boolean;

package/lib/components/modal/modal.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("../dialog/index.cjs"),m=require("@vft/utils"),h=require("./modal-footer-action.vue2.cjs"),V=e.defineComponent({__name:"modal",props:{closeFunc:{},showActionButtonGroup:{type:Boolean,default:!1},confirmLoading:{type:Boolean},loading:{type:Boolean},scrollTop:{type:Boolean},appendToBody:{type:Boolean,default:!1},appendTo:{},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modalPenetrable:{type:Boolean},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},overflow:{type:Boolean,default:!0},transition:{},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""},headerClass:{},bodyClass:{},footerClass:{},showSubmitButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},submitButtonOptions:{},cancelButtonOptions:{},actionRowOptions:{}},emits:["visible-change","close","ok","register","update:modelValue","submit","open","opened","closed","openAutoFocus","closeAutoFocus"],setup(u,{emit:B}){const l=u,n=B,b=e.useAttrs(),c=e.ref(null),s=e.ref(!1),a=e.ref(null),d={setModalProps:f,emitVisible:void 0,redoModalHeight:()=>{e.nextTick(()=>{e.unref(a)&&e.unref(a).setModalHeight()})}},i=e.getCurrentInstance();i&&n("register",d,i.uid);const y=e.computed(()=>({...l,...e.unref(c)})),C=e.computed(()=>({...b,...e.unref(y),modelValue:e.unref(s)}));e.watchEffect(()=>{s.value=!!l.modelValue}),e.watch(()=>e.unref(s),o=>{n("visible-change",o),n("update:modelValue",o),i&&d.emitVisible&&e.nextTick(()=>{d.emitVisible(o,i.uid)}),e.nextTick(()=>{l.scrollTop&&o&&e.unref(a)&&e.unref(a).scrollTop()})},{immediate:!1});async function p(o){if(o?.stopPropagation(),l.closeFunc&&m.isFunction(l.closeFunc)){await l.closeFunc()||f({modelValue:!1});return}f({modelValue:!1}),n("close",o)}function f(o){c.value=m.deepMerge(e.unref(c)||{},o),Reflect.has(o,"modelValue")&&(s.value=!!o.modelValue)}const g=e.computed(()=>({onClick:o=>p(o),...l.cancelButtonOptions})),w=e.computed(()=>({onClick:()=>n("submit"),...l.submitButtonOptions}));return(o,t)=>(e.openBlock(),e.createBlock(e.unref(v.VftDialog),e.mergeProps(C.value,{onClose:p,onOpen:t[0]||(t[0]=r=>n("open")),onOpened:t[1]||(t[1]=r=>n("opened")),onClosed:t[2]||(t[2]=r=>n("closed")),onOpenAutoFocus:t[3]||(t[3]=r=>n("openAutoFocus")),onCloseAutoFocus:t[4]||(t[4]=r=>n("closeAutoFocus"))}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:2},[o.$slots.footer||u.showActionButtonGroup?{name:"footer",fn:e.withCtx(()=>[u.showActionButtonGroup?(e.openBlock(),e.createBlock(h.default,{key:0,"show-cancel-button":u.showCancelButton,"show-submit-button":u.showSubmitButton,"cancel-button-options":g.value,"submit-button-options":w.value},null,8,["show-cancel-button","show-submit-button","cancel-button-options","submit-button-options"])):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1040))}});exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("../dialog/index.cjs"),m=require("@vft/utils"),h=require("./modal-footer-action.vue2.cjs"),V=e.defineComponent({__name:"modal",props:{closeFunc:{},showActionButtonGroup:{type:Boolean,default:!1},confirmLoading:{type:Boolean},loading:{type:Boolean},scrollTop:{type:Boolean},appendToBody:{type:Boolean,default:!1},appendTo:{},beforeClose:{},destroyOnClose:{type:Boolean,default:!1},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{default:0},closeDelay:{default:0},top:{},modalPenetrable:{type:Boolean},modelValue:{type:Boolean,default:!1},modalClass:{},width:{},zIndex:{},trapFocus:{type:Boolean,default:!1},overflow:{type:Boolean,default:!0},transition:{},center:{type:Boolean,default:!1},alignCenter:{type:Boolean,default:!1},closeIcon:{},customClass:{default:""},draggable:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!1},showClose:{type:Boolean,default:!0},title:{default:""},headerClass:{},bodyClass:{},footerClass:{},showSubmitButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},submitButtonOptions:{},cancelButtonOptions:{},actionRowOptions:{}},emits:["visible-change","close","ok","register","update:modelValue","submit","open","opened","closed","openAutoFocus","closeAutoFocus"],setup(u,{emit:B}){const l=u,n=B,b=e.useAttrs(),c=e.ref(null),s=e.ref(!1),a=e.ref(null),d={setModalProps:f,emitVisible:void 0,redoModalHeight:()=>{e.nextTick(()=>{e.unref(a)&&e.unref(a).setModalHeight()})}},i=e.getCurrentInstance();i&&n("register",d,i.uid);const y=e.computed(()=>({...l,...e.unref(c)})),C=e.computed(()=>({...b,...e.unref(y),modelValue:e.unref(s)}));e.watchEffect(()=>{s.value=!!l.modelValue}),e.watch(()=>e.unref(s),o=>{n("visible-change",o),n("update:modelValue",o),i&&d.emitVisible&&e.nextTick(()=>{d.emitVisible(o,i.uid)}),e.nextTick(()=>{l.scrollTop&&o&&e.unref(a)&&e.unref(a).scrollTop()})},{immediate:!1});async function p(o){if(o?.stopPropagation(),l.closeFunc&&m.isFunction(l.closeFunc)){await l.closeFunc()||f({modelValue:!1});return}f({modelValue:!1}),n("close",o)}function f(o){c.value=m.deepMerge(e.unref(c)||{},o),Reflect.has(o,"modelValue")&&(s.value=!!o.modelValue)}const g=e.computed(()=>({onClick:o=>p(o),...l.cancelButtonOptions})),w=e.computed(()=>({onClick:()=>n("submit"),...l.submitButtonOptions}));return(o,t)=>(e.openBlock(),e.createBlock(e.unref(v.VftDialog),e.mergeProps(C.value,{onClose:p,onOpen:t[0]||(t[0]=r=>n("open")),onOpened:t[1]||(t[1]=r=>n("opened")),onClosed:t[2]||(t[2]=r=>n("closed")),onOpenAutoFocus:t[3]||(t[3]=r=>n("openAutoFocus")),onCloseAutoFocus:t[4]||(t[4]=r=>n("closeAutoFocus"))}),e.createSlots({default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:2},[o.$slots.footer||u.showActionButtonGroup?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"footer",{},()=>[u.showActionButtonGroup?(e.openBlock(),e.createBlock(h.default,{key:0,"show-cancel-button":u.showCancelButton,"show-submit-button":u.showSubmitButton,"cancel-button-options":g.value,"submit-button-options":w.value},null,8,["show-cancel-button","show-submit-button","cancel-button-options","submit-button-options"])):e.createCommentVNode("",!0)])]),key:"0"}:void 0]),1040))}});exports.default=V;

package/lib/components/multiple-tabs/multiple-tabs.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("../tabs/index.cjs"),y=require("../icon/index.cjs"),K=require("@vueuse/core");require("@vft/utils");const r=require("../../utils/helper.cjs"),q=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const 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 d=require("@vft/router"),h=require("@vft/store"),A=require("@vft/use"),D=require("hotkeys-js"),H=require("vue-router"),W=require("./tab-content.vue2.cjs"),S=require("./use/use-multiple-tabs.cjs");require("../context-menu/context-menu.vue2.cjs");require("../../locale/use-locale.cjs");const j=e.defineComponent({name:"vft-multiple-tabs"}),O=e.defineComponent({...j,props:{tabsStyle:{},contextMenuStyle:{},canDrag:{type:Boolean},showNavRight:{type:Boolean,default:!0},fixTabCount:{default:0},fixExtraScrollWidth:{}},setup(s){const g=z.useNamespace("multiple-tabs"),l=e.getCurrentInstance().appContext.config.globalProperties.$router,P=S.initAffixTabs(l),o=h.useMultipleTabStore(),f=e.computed(()=>o.getTabList.filter(t=>!t.meta?.hideTab&&h.isTabPinned(t)).length),k=e.computed(()=>Math.max(s.fixTabCount,f.value)),u=e.ref(""),i=e.ref(0),b=e.ref(),{go:x}=d.useRouterHelper(l),v=e.computed(()=>o.getTabList.filter(t=>!t.meta?.hideTab));e.watchEffect(()=>{if(u.value){const t=v.value.findIndex(a=>d.getRouterKeyPath(a)===u.value);t===-1?i.value=v.value?.length-1:i.value=t,i.value=i.value<f.value?f.value-1:i.value}}),K.isClient&&H.onBeforeRouteLeave(()=>{b.value=e.unref(l.currentRoute)}),d.listenerRouteChange(({route:t})=>{if(!t||t.meta?.hasTokenToRoot)return;const{meta:a={}}=t,{currentActivePath:n,hideTab:c}=a,E=c?n:null,T=d.getRouterKeyPath(t);if(u.value!==T&&(u.value=T),E){const C=l.getRoutes().find(F=>F.path===n);C&&o.addTab(C,e.unref(b),i.value,t)}else c||o.addTab(e.unref(t),e.unref(b),i.value)});function V(t){if(u.value===t.paneName)return;const a=v.value[t.attrs.index];u.value=t.paneName;const n=a?.meta?.hideActiveRoute?.fullPath;x(n||a.fullPath||a.path)}function _(t){o.closeTabByKey(t,l)}const{refs:U,setRefs:w}=A.useRefs();function M(t){const a=t.pane.attrs.index,n=t.event;U.value[a].handleContext(n)}const B=e.computed(()=>{const t={padding:"4px 0 0","border-bottom":"none","header-height":r.addUnit(26),"font-size":r.addUnit(13),"item-padding":`0 ${r.addUnit(10)}`,"close-icon-left":r.addUnit(8),"item-distance":"1px","item-max-width":r.addUnit(180),"scroll-padding":`0 ${r.addUnit(20)}`,"header-margin":`0 0 0 ${r.addUnit(10)}`,"item-border-radius":`${r.addUnit(5)} ${r.addUnit(5)} 0 0`,"item-border":"none"};return{...q.generateCssVars(t,"tabs"),...s.tabsStyle}}),{closeCurrent:N}=h.useTabs(),$={...q.generateCssVars({"sub-item-height":r.addUnit(40),"item-min-width":r.addUnit(150)},"menu"),...s.contextMenuStyle},I=()=>{o.toggleFullScreen(o.getTabList[i.value],l)},m=e.ref(!1);let p;const L=()=>{clearInterval(p),m.value=!0,o.refreshPage(0,l,o.getTabList[i.value]),p=setTimeout(()=>{m.value=!1},500)};return e.onMounted(()=>{s.canDrag&&S.useTabsDrag(P),D("command+e, ctrl+e",()=>(N(),!1))}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(g).b()),style:e.normalizeStyle(B.value)},[e.createVNode(e.unref(R.VftTabs),{"show-bar":!1,"fix-tab-count":k.value,"fix-extra-scroll-width":s.fixExtraScrollWidth,modelValue:u.value,"onUpdate:modelValue":a[0]||(a[0]=n=>u.value=n),onTabClick:V,onTabRemove:_,onTabContextMenu:M},e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(n,c)=>(e.openBlock(),e.createBlock(e.unref(R.VftTabPane),{key:e.unref(d.getRouterKeyPath)(n)+c,closable:!e.unref(h.isTabPinned)(n),index:c,name:e.unref(d.getRouterKeyPath)(n)},{label:e.withCtx(()=>[e.createVNode(W.default,{"context-menu-style":$,"affix-num":f.value,ref_for:!0,ref:e.unref(w)(c),"tab-item":n},null,8,["affix-num","tab-item"])]),_:2},1032,["closable","index","name"]))),128))]),_:2},[s.showNavRight?{name:"navRight",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"nav-right",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g).e("nav-right"))},[e.createVNode(e.unref(y.VftIcon),{rotate:m.value,"rotate-speed":1,onClick:L,icon:"icon-refresh-right",pointer:""},null,8,["rotate"]),e.createVNode(e.unref(y.VftIcon),{onClick:I,icon:e.unref(o).isFullScreen?"icon-collapse":"icon-expand",pointer:""},null,8,["icon"])],2)])]),key:"0"}:void 0]),1032,["fix-tab-count","fix-extra-scroll-width","modelValue"])],6))}});exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),R=require("../tabs/index.cjs"),y=require("../icon/index.cjs"),K=require("@vueuse/core");require("@vft/utils");const r=require("../../utils/helper.cjs"),q=require("../../utils/ns-cover.cjs");require("lodash-es");require("../form/index.cjs");const 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 d=require("@vft/router"),h=require("@vft/store"),A=require("@vft/use"),D=require("hotkeys-js"),H=require("vue-router"),W=require("./tab-content.vue2.cjs"),S=require("./use/use-multiple-tabs.cjs");require("../context-menu/context-menu.vue2.cjs");const j=e.defineComponent({name:"vft-multiple-tabs"}),O=e.defineComponent({...j,props:{tabsStyle:{},contextMenuStyle:{},canDrag:{type:Boolean},showNavRight:{type:Boolean,default:!0},fixTabCount:{default:0},fixExtraScrollWidth:{}},setup(s){const g=z.useNamespace("multiple-tabs"),l=e.getCurrentInstance().appContext.config.globalProperties.$router,P=S.initAffixTabs(l),o=h.useMultipleTabStore(),f=e.computed(()=>o.getTabList.filter(t=>!t.meta?.hideTab&&h.isTabPinned(t)).length),k=e.computed(()=>Math.max(s.fixTabCount,f.value)),u=e.ref(""),i=e.ref(0),b=e.ref(),{go:x}=d.useRouterHelper(l),v=e.computed(()=>o.getTabList.filter(t=>!t.meta?.hideTab));e.watchEffect(()=>{if(u.value){const t=v.value.findIndex(a=>d.getRouterKeyPath(a)===u.value);t===-1?i.value=v.value?.length-1:i.value=t,i.value=i.value<f.value?f.value-1:i.value}}),K.isClient&&H.onBeforeRouteLeave(()=>{b.value=e.unref(l.currentRoute)}),d.listenerRouteChange(({route:t})=>{if(!t||t.meta?.hasTokenToRoot)return;const{meta:a={}}=t,{currentActivePath:n,hideTab:c}=a,E=c?n:null,T=d.getRouterKeyPath(t);if(u.value!==T&&(u.value=T),E){const C=l.getRoutes().find(F=>F.path===n);C&&o.addTab(C,e.unref(b),i.value,t)}else c||o.addTab(e.unref(t),e.unref(b),i.value)});function V(t){if(u.value===t.paneName)return;const a=v.value[t.attrs.index];u.value=t.paneName;const n=a?.meta?.hideActiveRoute?.fullPath;x(n||a.fullPath||a.path)}function _(t){o.closeTabByKey(t,l)}const{refs:U,setRefs:w}=A.useRefs();function M(t){const a=t.pane.attrs.index,n=t.event;U.value[a].handleContext(n)}const B=e.computed(()=>{const t={padding:"4px 0 0","border-bottom":"none","header-height":r.addUnit(26),"font-size":r.addUnit(13),"item-padding":`0 ${r.addUnit(10)}`,"close-icon-left":r.addUnit(8),"item-distance":"1px","item-max-width":r.addUnit(180),"scroll-padding":`0 ${r.addUnit(20)}`,"header-margin":`0 0 0 ${r.addUnit(10)}`,"item-border-radius":`${r.addUnit(5)} ${r.addUnit(5)} 0 0`,"item-border":"none"};return{...q.generateCssVars(t,"tabs"),...s.tabsStyle}}),{closeCurrent:N}=h.useTabs(),$={...q.generateCssVars({"sub-item-height":r.addUnit(40),"item-min-width":r.addUnit(150)},"menu"),...s.contextMenuStyle},I=()=>{o.toggleFullScreen(o.getTabList[i.value],l)},m=e.ref(!1);let p;const L=()=>{clearInterval(p),m.value=!0,o.refreshPage(0,l,o.getTabList[i.value]),p=setTimeout(()=>{m.value=!1},500)};return e.onMounted(()=>{s.canDrag&&S.useTabsDrag(P),D("command+e, ctrl+e",()=>(N(),!1))}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(g).b()),style:e.normalizeStyle(B.value)},[e.createVNode(e.unref(R.VftTabs),{"show-bar":!1,"fix-tab-count":k.value,"fix-extra-scroll-width":s.fixExtraScrollWidth,modelValue:u.value,"onUpdate:modelValue":a[0]||(a[0]=n=>u.value=n),onTabClick:V,onTabRemove:_,onTabContextMenu:M},e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.value,(n,c)=>(e.openBlock(),e.createBlock(e.unref(R.VftTabPane),{key:e.unref(d.getRouterKeyPath)(n)+c,closable:!e.unref(h.isTabPinned)(n),index:c,name:e.unref(d.getRouterKeyPath)(n)},{label:e.withCtx(()=>[e.createVNode(W.default,{"context-menu-style":$,"affix-num":f.value,ref_for:!0,ref:e.unref(w)(c),"tab-item":n},null,8,["affix-num","tab-item"])]),_:2},1032,["closable","index","name"]))),128))]),_:2},[s.showNavRight?{name:"navRight",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"nav-right",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(g).e("nav-right"))},[e.createVNode(e.unref(y.VftIcon),{rotate:m.value,"rotate-speed":1,onClick:L,icon:"icon-refresh-right",pointer:""},null,8,["rotate"]),e.createVNode(e.unref(y.VftIcon),{onClick:I,icon:e.unref(o).isFullScreen?"icon-collapse":"icon-expand",pointer:""},null,8,["icon"])],2)])]),key:"0"}:void 0]),1032,["fix-tab-count","fix-extra-scroll-width","modelValue"])],6))}});exports.default=O;

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

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

package/lib/components/pagination/components/jumper.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 f=require("../../../hooks/use-namespace/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const m=require("../../../locale/use-locale.cjs"),g=require("../../input/index.cjs"),v=require("../usePagination.cjs"),q=["disabled"],_=e.defineComponent({__name:"jumper",props:{size:{}},setup(i){const a=f.useNamespace("pagination"),{t:s}=m.useLocale(),{pageCount:u,disabled:t,currentPage:o,changeEvent:l}=v.usePagination(),r=e.ref(),c=e.computed(()=>r.value??o?.value);function d(n){r.value=+n}function p(n){n=Math.trunc(+n),l?.(+n),r.value=void 0}return(n,C)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(a).e("jump")),disabled:e.unref(t)},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("goto")])},e.toDisplayString(e.unref(s)("vft.pagination.goto")),3),e.createVNode(e.unref(g.VftInput),{size:i.size,class:e.normalizeClass([e.unref(a).e("editor"),e.unref(a).is("in-pagination")]),min:1,max:e.unref(u),disabled:e.unref(t),"model-value":c.value,"validate-event":!1,type:"number","onUpdate:modelValue":d,onChange:p},null,8,["size","class","max","disabled","model-value"]),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("classifier")])},e.toDisplayString(e.unref(s)("vft.pagination.pageClassifier")),3)],10,q))}});exports.default=_;
+"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 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("../../input/index.cjs"),f=require("../usePagination.cjs"),g=["disabled"],q=e.defineComponent({__name:"jumper",props:{size:{}},setup(u){const a=m.useNamespace("pagination"),{pageCount:i,disabled:s,currentPage:t,changeEvent:l}=f.usePagination(),r=e.ref(),o=e.computed(()=>r.value??t?.value);function c(n){r.value=+n}function d(n){n=Math.trunc(+n),l?.(+n),r.value=void 0}return(n,v)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(a).e("jump")),disabled:e.unref(s)},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("goto")])},"前往",2),e.createVNode(e.unref(p.VftInput),{size:u.size,class:e.normalizeClass([e.unref(a).e("editor"),e.unref(a).is("in-pagination")]),min:1,max:e.unref(i),disabled:e.unref(s),"model-value":o.value,"validate-event":!1,type:"number","onUpdate:modelValue":c,onChange:d},null,8,["size","class","max","disabled","model-value"]),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("classifier")])},"页",2)],10,g))}});exports.default=q;

package/lib/components/pagination/components/sizes.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),p=require("lodash-es");require("@vueuse/core");require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");require("../../form/index.cjs");const 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 S=require("../../../locale/use-locale.cjs"),f=require("../usePagination.cjs"),m=require("../../select/index.cjs"),q=a.defineComponent({__name:"sizes",props:{pageSize:{},pageSizes:{default:()=>[10,20,30,40,50,100]},popperClass:{},disabled:{type:Boolean},size:{}},emits:["page-size-change"],setup(i,{emit:t}){const r=t,u=z.useNamespace("pagination"),{t:l}=S.useLocale(),o=f.usePagination(),n=a.ref(i.pageSize);a.watch(()=>i.pageSizes,(e,s)=>{if(!p.isEqual(e,s)&&Array.isArray(e)){const d=e.includes(i.pageSize)?i.pageSize:i.pageSizes[0];r("page-size-change",d)}}),a.watch(()=>i.pageSize,e=>{n.value=e});const c=a.computed(()=>i.pageSizes.map(e=>({label:e+l("vft.pagination.itemsPerPage"),value:e})));function g(e){e!==n.value&&(n.value=e,o.handleSizeChange?.(Number(e)))}return(e,s)=>(a.openBlock(),a.createElementBlock("span",{class:a.normalizeClass(a.unref(u).e("sizes"))},[a.createVNode(a.unref(m.VftSelect),{"model-value":n.value,disabled:i.disabled,"popper-class":i.popperClass,size:i.size,"validate-event":!1,onChange:g,options:c.value},null,8,["model-value","disabled","popper-class","size","options"])],2))}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),g=require("lodash-es");require("@vueuse/core");require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");require("../../form/index.cjs");const 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 p=require("../usePagination.cjs"),S=require("../../select/index.cjs"),f=a.defineComponent({__name:"sizes",props:{pageSize:{},pageSizes:{default:()=>[10,20,30,40,50,100]},popperClass:{},disabled:{type:Boolean},size:{}},emits:["page-size-change"],setup(i,{emit:t}){const r=t,u=z.useNamespace("pagination"),l=p.usePagination(),n=a.ref(i.pageSize);a.watch(()=>i.pageSizes,(e,s)=>{if(!g.isEqual(e,s)&&Array.isArray(e)){const d=e.includes(i.pageSize)?i.pageSize:i.pageSizes[0];r("page-size-change",d)}}),a.watch(()=>i.pageSize,e=>{n.value=e});const o=a.computed(()=>i.pageSizes.map(e=>({label:e+"条/页",value:e})));function c(e){e!==n.value&&(n.value=e,l.handleSizeChange?.(Number(e)))}return(e,s)=>(a.openBlock(),a.createElementBlock("span",{class:a.normalizeClass(a.unref(u).e("sizes"))},[a.createVNode(a.unref(S.VftSelect),{"model-value":n.value,disabled:i.disabled,"popper-class":i.popperClass,size:i.size,"validate-event":!1,onChange:c,options:o.value},null,8,["model-value","disabled","popper-class","size","options"])],2))}});exports.default=f;

package/lib/components/pagination/components/total.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 o=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("../../../locale/use-locale.cjs"),s=require("../usePagination.cjs"),u=["disabled"],l=e.defineComponent({__name:"total",props:{total:{default:0}},setup(t){const r=o.useNamespace("pagination"),{t:n}=i.useLocale(),{disabled:a}=s.usePagination();return(c,d)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(r).e("total")),disabled:e.unref(a)},e.toDisplayString(e.unref(n)("vft.pagination.total",{total:t.total})),11,u))}});exports.default=l;
+"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 n=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("../usePagination.cjs"),s=["disabled"],o=e.defineComponent({__name:"total",props:{total:{default:0}},setup(r){const t=n.useNamespace("pagination"),{disabled:i}=a.usePagination();return(u,l)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(t).e("total")),disabled:e.unref(i)},"共 "+e.toDisplayString(r.total)+" 条",11,s))}});exports.default=o;

package/lib/components/popconfirm/index.d.ts

@@ -7,14 +7,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-            default: string;
-        };
         teleported: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+            default: string;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -52,8 +52,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         cancel: (val: MouseEvent) => void;
     }, import("vue").PublicProps, {
         width: string | number;
-        icon: string | import("vft/es/vft").IconProps;
         teleported: boolean;
+        icon: string | import("vft/es/vft").IconProps;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -74,14 +74,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        icon: {
-            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-            default: string;
-        };
         teleported: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        icon: {
+            type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+            default: string;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -116,8 +116,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         onConfirm?: ((val: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         width: string | number;
-        icon: string | import("vft/es/vft").IconProps;
         teleported: boolean;
+        icon: string | import("vft/es/vft").IconProps;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -135,14 +135,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string | number>;
         default: number;
     };
-    icon: {
-        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
-        default: string;
-    };
     teleported: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    icon: {
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
+        default: string;
+    };
     hideAfter: {
         type: import("vue").PropType<number>;
         default: number;
@@ -180,8 +180,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
     cancel: (val: MouseEvent) => void;
 }, string, {
     width: string | number;
-    icon: string | import("vft/es/vft").IconProps;
     teleported: boolean;
+    icon: string | import("vft/es/vft").IconProps;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: import("vft/es/vft").ButtonType;

package/lib/components/popconfirm/popconfirm.vue.d.ts

@@ -43,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onConfirm?: ((val: MouseEvent) => any) | undefined;
 }>, {
     width: string | number;
-    icon: string | IconProps;
     teleported: boolean;
+    icon: string | IconProps;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: ButtonType;

package/lib/components/popconfirm/popconfirm.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");const x=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const u=require("../button/index.cjs"),B=require("../icon/index.cjs"),C=require("../tooltip/index.cjs"),T=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const h=require("../../locale/use-locale.cjs"),q=e.defineComponent({name:"VftPopconfirm"}),V=e.defineComponent({...q,props:{title:{},confirmButtonText:{},cancelButtonText:{},confirmButtonType:{default:"primary"},cancelButtonType:{},icon:{default:"icon-question-filled"},iconColor:{default:"#f90"},hideIcon:{type:Boolean,default:!1},hideAfter:{default:200},teleported:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},width:{default:150}},emits:["confirm","cancel"],setup(t,{emit:s}){const r=t,c=s,o=T.useNamespace("popconfirm"),l=e.ref(),{t:i}=h.useLocale(),a=()=>{l.value?.onClose?.()},f=e.computed(()=>({width:x.addUnit(r.width)})),d=n=>{c("confirm",n),a()},m=n=>{c("cancel",n),a()},p=e.computed(()=>r.confirmButtonText||i("vft.popconfirm.confirm")),y=e.computed(()=>r.cancelButtonText||i("vft.popconfirm.cancel"));return(n,v)=>(e.openBlock(),e.createBlock(e.unref(C.VftTooltip),e.mergeProps({ref_key:"tooltipRef",ref:l,trigger:"click",effect:"light"},n.$attrs,{"popper-class":`${e.unref(o).namespace.value}-popover`,"popper-style":f.value,teleported:t.teleported,"fallback-placements":["bottom","top","right","left"],"hide-after":t.hideAfter,persistent:t.persistent}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("main"))},[!t.hideIcon&&t.icon?(e.openBlock(),e.createBlock(e.unref(B.VftIcon),{key:0,icon:t.icon,size:20,class:e.normalizeClass(e.unref(o).e("icon")),style:e.normalizeStyle({color:t.iconColor})},null,8,["icon","class","style"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.title),1)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("action"))},[e.createVNode(e.unref(u.VftButton),{size:"small",type:t.cancelButtonType==="text"?"":t.cancelButtonType,text:t.cancelButtonType==="text",onClick:m},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(y.value),1)]),_:1},8,["type","text"]),e.createVNode(e.unref(u.VftButton),{size:"small",type:t.confirmButtonType==="text"?"":t.confirmButtonType,text:t.confirmButtonType==="text",onClick:d},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value),1)]),_:1},8,["type","text"])],2)],2)]),default:e.withCtx(()=>[n.$slots.reference?e.renderSlot(n.$slots,"reference",{key:0}):e.createCommentVNode("",!0)]),_:3},16,["popper-class","popper-style","teleported","hide-after","persistent"]))}});exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");const y=require("../../utils/helper.cjs");require("lodash-es");require("../form/index.cjs");const a=require("../button/index.cjs"),x=require("../icon/index.cjs"),B=require("../tooltip/index.cjs"),C=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const T=e.defineComponent({name:"VftPopconfirm"}),h=e.defineComponent({...T,props:{title:{},confirmButtonText:{},cancelButtonText:{},confirmButtonType:{default:"primary"},cancelButtonType:{},icon:{default:"icon-question-filled"},iconColor:{default:"#f90"},hideIcon:{type:Boolean,default:!1},hideAfter:{default:200},teleported:{type:Boolean,default:!0},persistent:{type:Boolean,default:!0},width:{default:150}},emits:["confirm","cancel"],setup(t,{emit:u}){const r=t,l=u,o=C.useNamespace("popconfirm"),c=e.ref(),i=()=>{c.value?.onClose?.()},s=e.computed(()=>({width:y.addUnit(r.width)})),f=n=>{l("confirm",n),i()},d=n=>{l("cancel",n),i()},m=e.computed(()=>r.confirmButtonText||"确认"),p=e.computed(()=>r.cancelButtonText||"取消");return(n,V)=>(e.openBlock(),e.createBlock(e.unref(B.VftTooltip),e.mergeProps({ref_key:"tooltipRef",ref:c,trigger:"click",effect:"light"},n.$attrs,{"popper-class":`${e.unref(o).namespace.value}-popover`,"popper-style":s.value,teleported:t.teleported,"fallback-placements":["bottom","top","right","left"],"hide-after":t.hideAfter,persistent:t.persistent}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("main"))},[!t.hideIcon&&t.icon?(e.openBlock(),e.createBlock(e.unref(x.VftIcon),{key:0,icon:t.icon,size:20,class:e.normalizeClass(e.unref(o).e("icon")),style:e.normalizeStyle({color:t.iconColor})},null,8,["icon","class","style"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.title),1)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("action"))},[e.createVNode(e.unref(a.VftButton),{size:"small",type:t.cancelButtonType==="text"?"":t.cancelButtonType,text:t.cancelButtonType==="text",onClick:d},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.value),1)]),_:1},8,["type","text"]),e.createVNode(e.unref(a.VftButton),{size:"small",type:t.confirmButtonType==="text"?"":t.confirmButtonType,text:t.confirmButtonType==="text",onClick:f},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m.value),1)]),_:1},8,["type","text"])],2)],2)]),default:e.withCtx(()=>[n.$slots.reference?e.renderSlot(n.$slots,"reference",{key:0}):e.createCommentVNode("",!0)]),_:3},16,["popper-class","popper-style","teleported","hide-after","persistent"]))}});exports.default=h;