vft 0.0.312 → 0.0.313

package/lib/components/dropdown/dropdown.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../button/index.cjs");require("../form/index.cjs");const K=require("../icon/index.cjs"),M=require("../roving-focus-group/roving-focus-group.vue.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/types.cjs");const m=require("../../constants/aria.cjs"),U=require("../scrollbar/index.cjs"),G=require("../slot/only-child.cjs"),j=require("../tooltip/index.cjs");require("@vueuse/core");const C=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const x=require("../../hooks/use-id/index.cjs"),J=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const W=require("./tokens.cjs"),Y=require("./types.cjs"),Q=require("../form/hooks/use-form-common-props.cjs"),X=e.defineComponent({name:"vft-dropdown"}),Z=e.defineComponent({...X,props:{trigger:{default:"hover"},effect:{default:"light"},type:{},placement:{default:"bottom"},popperOptions:{},id:{},size:{},splitButton:{type:Boolean},hideOnClick:{type:Boolean,default:!0},loop:{type:Boolean,default:!0},showTimeout:{default:150},hideTimeout:{default:150},tabindex:{default:0},maxHeight:{default:""},popperClass:{default:""},disabled:{type:Boolean,default:!1},role:{default:"menu"},buttonProps:{},teleported:{type:Boolean,default:!0}},emits:["visible-change","command","click"],setup(y,{expose:w,emit:E}){const r=J.useNamespace("dropdown"),o=y,l=E,q=e.getCurrentInstance(),n=e.ref(),v=e.ref(),s=e.ref(null),i=e.ref(null),k=e.ref(null),d=e.ref(null),g=e.ref(!1),B=[m.EVENT_CODE.enter,m.EVENT_CODE.space,m.EVENT_CODE.down],V=e.computed(()=>({maxHeight:C.addUnit(o.maxHeight)})),$=x.useId().value,f=e.computed(()=>o.id||$);e.watch([n,e.toRef(o,"trigger")],([t,u],[b])=>{const A=C.isArray(u)?u:[u];b?.$el?.removeEventListener&&b.$el.removeEventListener("pointerenter",a),t?.$el?.removeEventListener&&t.$el.removeEventListener("pointerenter",a),t?.$el?.addEventListener&&A.includes("hover")&&t.$el.addEventListener("pointerenter",a)},{immediate:!0}),e.onBeforeUnmount(()=>{n.value?.$el?.removeEventListener&&n.value.$el.removeEventListener("pointerenter",a)});function T(){h()}function h(){s.value?.onClose()}function N(){s.value?.onOpen()}const p=Q.useFormSize();function O(...t){l("command",...t)}function a(){n.value?.$el?.focus()}function S(){}function I(){e.unref(i)?.focus(),d.value=null}function R(t){d.value=t}function z(t){g.value||(t.preventDefault(),t.stopImmediatePropagation())}function L(){l("visible-change",!0)}function P(t){t?.type==="keydown"&&i.value?.focus()}function D(){l("visible-change",!1)}e.provide(W.DROPDOWN_INJECTION_KEY,{contentRef:i,role:e.computed(()=>o.role),triggerId:f,isUsingKeyboard:g,onItemEnter:S,onItemLeave:I}),e.provide("elDropdown",{instance:q,dropdownSize:p,handleClick:T,commandHandler:O,trigger:e.toRef(o,"trigger"),hideOnClick:e.toRef(o,"hideOnClick")});const F=t=>{t.preventDefault(),i.value?.focus?.({preventScroll:!0})},H=t=>{l("click",t)};return w({handleClose:h,handleOpen:N,onFocusAfterTrapped:F}),(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("disabled",t.disabled)])},[e.createVNode(e.unref(j.VftTooltip),{ref_key:"popperRef",ref:s,role:t.role,effect:t.effect,"fallback-placements":["bottom","top"],"popper-options":t.popperOptions,"gpu-acceleration":!1,"hide-after":t.trigger==="hover"?t.hideTimeout:0,"manual-mode":!0,placement:t.placement,"popper-class":[e.unref(r).e("popper"),t.popperClass],"reference-element":v.value?.$el,trigger:t.trigger,"trigger-keys":B,"trigger-target-el":i.value,"show-after":t.trigger==="hover"?t.showTimeout:0,"stop-popper-mouse-event":!1,"virtual-ref":n.value,"virtual-triggering":t.splitButton,disabled:t.disabled,transition:`${e.unref(r).namespace.value}-zoom-in-top`,teleported:t.teleported,pure:"",persistent:"",onBeforeShow:L,onShow:P,onBeforeHide:D},e.createSlots({content:e.withCtx(()=>[e.createVNode(e.unref(U.VftScrollbar),{ref_key:"scrollbar",ref:k,"wrap-style":V.value,tag:"div","view-class":[e.unref(r).e("list"),"test"]},{default:e.withCtx(()=>[e.createVNode(e.unref(M.default),{loop:t.loop,"current-tab-id":d.value,orientation:"horizontal",onCurrentTabIdChange:R,onEntryFocus:z},{default:e.withCtx(()=>[e.createVNode(e.unref(Y.VftCollection),null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"dropdown")]),_:3})]),_:3},8,["loop","current-tab-id"])]),_:3},8,["wrap-style","view-class"])]),_:2},[t.splitButton?void 0:{name:"default",fn:e.withCtx(()=>[e.createVNode(e.unref(G.OnlyChild),{id:f.value,ref_key:"triggeringElementRef",ref:n,role:"button",tabindex:t.tabindex},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["id","tabindex"])]),key:"0"}]),1032,["role","effect","popper-options","hide-after","placement","popper-class","reference-element","trigger","trigger-target-el","show-after","virtual-ref","virtual-triggering","disabled","transition","teleported"]),t.splitButton?(e.openBlock(),e.createBlock(e.unref(c.VftButtonGroup),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(c.VftButton),e.mergeProps({ref_key:"referenceElementRef",ref:v},t.buttonProps,{size:e.unref(p),type:t.type,disabled:t.disabled,tabindex:t.tabindex,onClick:H}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["size","type","disabled","tabindex"]),e.createVNode(e.unref(c.VftButton),e.mergeProps({id:f.value,ref_key:"triggeringElementRef",ref:n},t.buttonProps,{role:"button",size:e.unref(p),type:t.type,class:e.unref(r).e("caret-button"),disabled:t.disabled,tabindex:t.tabindex,"aria-label":"切换下拉菜单"}),{default:e.withCtx(()=>[e.createVNode(e.unref(K.VftIcon),{class:e.normalizeClass(e.unref(r).e("icon")),icon:"icon-arrow-down"},null,8,["class"])]),_:1},16,["id","size","type","class","disabled","tabindex"])]),_:3})):e.createCommentVNode("",!0)],2))}});exports.default=Z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("../button/index.cjs");require("../form/index.cjs");const A=require("../icon/index.cjs"),K=require("../roving-focus-group/roving-focus-group.vue.cjs");require("../roving-focus-group/roving-focus-group-impl.vue2.cjs");require("../roving-focus-group/roving-focus-item.vue2.cjs");require("../roving-focus-group/types.cjs");const m=require("../../constants/aria.cjs"),M=require("../scrollbar/index.cjs"),U=require("../slot/only-child.cjs"),G=require("../tooltip/index.cjs");require("@vueuse/core");const j=require("@vft/utils"),x=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const J=require("../../hooks/use-id/index.cjs"),W=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const Y=require("./tokens.cjs"),Q=require("./types.cjs"),X=require("../form/hooks/use-form-common-props.cjs"),Z=e.defineComponent({name:"vft-dropdown"}),_=e.defineComponent({...Z,props:{trigger:{default:"hover"},effect:{default:"light"},type:{},placement:{default:"bottom"},popperOptions:{},id:{},size:{},splitButton:{type:Boolean},hideOnClick:{type:Boolean,default:!0},loop:{type:Boolean,default:!0},showTimeout:{default:150},hideTimeout:{default:150},tabindex:{default:0},maxHeight:{default:""},popperClass:{default:""},disabled:{type:Boolean,default:!1},role:{default:"menu"},buttonProps:{},teleported:{type:Boolean,default:!0}},emits:["visible-change","command","click"],setup(C,{expose:y,emit:w}){const r=W.useNamespace("dropdown"),o=C,l=w,E=e.getCurrentInstance(),n=e.ref(),v=e.ref(),s=e.ref(null),i=e.ref(null),q=e.ref(null),d=e.ref(null),g=e.ref(!1),k=[m.EVENT_CODE.enter,m.EVENT_CODE.space,m.EVENT_CODE.down],B=e.computed(()=>({maxHeight:x.addUnit(o.maxHeight)})),V=J.useId().value,f=e.computed(()=>o.id||V);e.watch([n,e.toRef(o,"trigger")],([t,u],[b])=>{const H=j.isArray(u)?u:[u];b?.$el?.removeEventListener&&b.$el.removeEventListener("pointerenter",a),t?.$el?.removeEventListener&&t.$el.removeEventListener("pointerenter",a),t?.$el?.addEventListener&&H.includes("hover")&&t.$el.addEventListener("pointerenter",a)},{immediate:!0}),e.onBeforeUnmount(()=>{n.value?.$el?.removeEventListener&&n.value.$el.removeEventListener("pointerenter",a)});function $(){h()}function h(){s.value?.onClose()}function T(){s.value?.onOpen()}const p=X.useFormSize();function N(...t){l("command",...t)}function a(){n.value?.$el?.focus()}function O(){}function S(){e.unref(i)?.focus(),d.value=null}function I(t){d.value=t}function R(t){g.value||(t.preventDefault(),t.stopImmediatePropagation())}function z(){l("visible-change",!0)}function L(t){t?.type==="keydown"&&i.value?.focus()}function P(){l("visible-change",!1)}e.provide(Y.DROPDOWN_INJECTION_KEY,{contentRef:i,role:e.computed(()=>o.role),triggerId:f,isUsingKeyboard:g,onItemEnter:O,onItemLeave:S}),e.provide("elDropdown",{instance:E,dropdownSize:p,handleClick:$,commandHandler:N,trigger:e.toRef(o,"trigger"),hideOnClick:e.toRef(o,"hideOnClick")});const D=t=>{t.preventDefault(),i.value?.focus?.({preventScroll:!0})},F=t=>{l("click",t)};return y({handleClose:h,handleOpen:T,onFocusAfterTrapped:D}),(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("disabled",t.disabled)])},[e.createVNode(e.unref(G.VftTooltip),{ref_key:"popperRef",ref:s,role:t.role,effect:t.effect,"fallback-placements":["bottom","top"],"popper-options":t.popperOptions,"gpu-acceleration":!1,"hide-after":t.trigger==="hover"?t.hideTimeout:0,"manual-mode":!0,placement:t.placement,"popper-class":[e.unref(r).e("popper"),t.popperClass],"reference-element":v.value?.$el,trigger:t.trigger,"trigger-keys":k,"trigger-target-el":i.value,"show-after":t.trigger==="hover"?t.showTimeout:0,"stop-popper-mouse-event":!1,"virtual-ref":n.value,"virtual-triggering":t.splitButton,disabled:t.disabled,transition:`${e.unref(r).namespace.value}-zoom-in-top`,teleported:t.teleported,pure:"",persistent:"",onBeforeShow:z,onShow:L,onBeforeHide:P},e.createSlots({content:e.withCtx(()=>[e.createVNode(e.unref(M.VftScrollbar),{ref_key:"scrollbar",ref:q,"wrap-style":B.value,tag:"div","view-class":[e.unref(r).e("list"),"test"]},{default:e.withCtx(()=>[e.createVNode(e.unref(K.default),{loop:t.loop,"current-tab-id":d.value,orientation:"horizontal",onCurrentTabIdChange:I,onEntryFocus:R},{default:e.withCtx(()=>[e.createVNode(e.unref(Q.VftCollection),null,{default:e.withCtx(()=>[e.renderSlot(t.$slots,"dropdown")]),_:3})]),_:3},8,["loop","current-tab-id"])]),_:3},8,["wrap-style","view-class"])]),_:2},[t.splitButton?void 0:{name:"default",fn:e.withCtx(()=>[e.createVNode(e.unref(U.OnlyChild),{id:f.value,ref_key:"triggeringElementRef",ref:n,role:"button",tabindex:t.tabindex},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["id","tabindex"])]),key:"0"}]),1032,["role","effect","popper-options","hide-after","placement","popper-class","reference-element","trigger","trigger-target-el","show-after","virtual-ref","virtual-triggering","disabled","transition","teleported"]),t.splitButton?(e.openBlock(),e.createBlock(e.unref(c.VftButtonGroup),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(c.VftButton),e.mergeProps({ref_key:"referenceElementRef",ref:v},t.buttonProps,{size:e.unref(p),type:t.type,disabled:t.disabled,tabindex:t.tabindex,onClick:F}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["size","type","disabled","tabindex"]),e.createVNode(e.unref(c.VftButton),e.mergeProps({id:f.value,ref_key:"triggeringElementRef",ref:n},t.buttonProps,{role:"button",size:e.unref(p),type:t.type,class:e.unref(r).e("caret-button"),disabled:t.disabled,tabindex:t.tabindex,"aria-label":"切换下拉菜单"}),{default:e.withCtx(()=>[e.createVNode(e.unref(A.VftIcon),{class:e.normalizeClass(e.unref(r).e("icon")),icon:"icon-arrow-down"},null,8,["class"])]),_:1},16,["id","size","type","class","disabled","tabindex"])]),_:3})):e.createCommentVNode("",!0)],2))}});exports.default=_;

package/lib/components/dropdown/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const e=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const u=require("./dropdown.vue2.cjs"),t=require("./dropdown-item.vue2.cjs"),r=require("./dropdown-menu.vue2.cjs"),n=require("./tokens.cjs"),o=e.withInstall(u.default,{DropdownItem:t.default,DropdownMenu:r.default}),_=e.withNoopInstall(t.default),d=e.withNoopInstall(r.default);exports.DROPDOWN_INJECTION_KEY=n.DROPDOWN_INJECTION_KEY;exports.VftDropdown=o;exports.VftDropdownItem=_;exports.VftDropdownMenu=d;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const e=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const u=require("./dropdown.vue2.cjs"),t=require("./dropdown-item.vue2.cjs"),r=require("./dropdown-menu.vue2.cjs"),n=require("./tokens.cjs"),o=e.withInstall(u.default,{DropdownItem:t.default,DropdownMenu:r.default}),_=e.withNoopInstall(t.default),d=e.withNoopInstall(r.default);exports.DROPDOWN_INJECTION_KEY=n.DROPDOWN_INJECTION_KEY;exports.VftDropdown=o;exports.VftDropdownItem=_;exports.VftDropdownMenu=d;exports.default=o;

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

@@ -1,5 +1,9 @@
 export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         maxHeight: {
             type: import("vue").PropType<string | number>;
             default: string;
@@ -14,10 +18,6 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         size: {
             type: import("vue").PropType<string>;
         };
@@ -81,9 +81,9 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         command: (val: string) => void;
         click: (val: MouseEvent) => void;
     }, import("vue").PublicProps, {
+        disabled: boolean;
         maxHeight: number | string;
         role: string;
-        disabled: boolean;
         placement: import("@popperjs/core").Placement;
         effect: "light" | "dark";
         tabindex: number | string;
@@ -102,6 +102,10 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         maxHeight: {
             type: import("vue").PropType<string | number>;
             default: string;
@@ -116,10 +120,6 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string>;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         size: {
             type: import("vue").PropType<string>;
         };
@@ -179,9 +179,9 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         handleOpen: () => void;
         onFocusAfterTrapped: (e: Event) => void;
     }, {}, {}, {}, {
+        disabled: boolean;
         maxHeight: number | string;
         role: string;
-        disabled: boolean;
         placement: import("@popperjs/core").Placement;
         effect: "light" | "dark";
         tabindex: number | string;
@@ -197,6 +197,10 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     maxHeight: {
         type: import("vue").PropType<string | number>;
         default: string;
@@ -211,10 +215,6 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     size: {
         type: import("vue").PropType<string>;
     };
@@ -278,9 +278,9 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
     command: (val: string) => void;
     click: (val: MouseEvent) => void;
 }, string, {
+    disabled: boolean;
     maxHeight: number | string;
     role: string;
-    disabled: boolean;
     placement: import("@popperjs/core").Placement;
     effect: "light" | "dark";
     tabindex: number | string;

package/lib/components/dropdown/useDropdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("@vft/utils"),t=require("../../constants/aria.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const r=require("vue"),h=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=()=>{const s=r.inject("elDropdown",{}),n=r.computed(()=>s?.dropdownSize);return{elDropdown:s,_elDropdownSize:n}},V=(s,n,u)=>{const T=h.useNamespace("dropdown"),i=r.ref(null),d=r.ref(null),l=r.ref(null),E=r.ref(`dropdown-menu-${w.buildShortUUID()}`);l.value=s?.subTree.el;function p(){n.setAttribute("tabindex","-1"),d.value?.forEach(e=>{e.setAttribute("tabindex","-1")})}function f(e){p(),e?.setAttribute("tabindex","0")}function O(e){const o=e.code;[t.EVENT_CODE.up,t.EVENT_CODE.down].includes(o)?(p(),f(i.value[0]),i.value[0].focus(),e.preventDefault(),e.stopPropagation()):o===t.EVENT_CODE.enter?u.handleClick():[t.EVENT_CODE.tab,t.EVENT_CODE.esc].includes(o)&&u.hide()}function x(e){const o=e.code,b=e.target,a=d.value.indexOf(b),v=d.value.length-1;let c;[t.EVENT_CODE.up,t.EVENT_CODE.down].includes(o)?(o===t.EVENT_CODE.up?c=a!==0?a-1:0:c=a<v?a+1:v,p(),f(i.value[c]),i.value[c].focus(),e.preventDefault(),e.stopPropagation()):o===t.EVENT_CODE.enter?(D(),b.click(),u.props.hideOnClick&&u.hide()):[t.EVENT_CODE.tab,t.EVENT_CODE.esc].includes(o)&&(u.hide(),D())}function C(){l.value.setAttribute("id",E.value),n.setAttribute("aria-haspopup","list"),n.setAttribute("aria-controls",E.value),u.props.splitButton||(n.setAttribute("role","button"),n.setAttribute("tabindex",u.props.tabindex),w.addClass(n,T.b("selfdefine")))}function A(){n?.addEventListener("keydown",O),l.value?.addEventListener("keydown",x,!0)}function N(){i.value=l.value.querySelectorAll("[tabindex='-1']"),d.value=Array.from(i.value),A(),C()}function D(){n.focus()}N()};exports.initDropdownDomEvent=V;exports.useDropdown=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("@vft/utils"),t=require("../../constants/aria.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const r=require("vue"),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 h=()=>{const s=r.inject("elDropdown",{}),n=r.computed(()=>s?.dropdownSize);return{elDropdown:s,_elDropdownSize:n}},V=(s,n,u)=>{const T=N.useNamespace("dropdown"),i=r.ref(null),d=r.ref(null),l=r.ref(null),E=r.ref(`dropdown-menu-${w.buildShortUUID()}`);l.value=s?.subTree.el;function p(){n.setAttribute("tabindex","-1"),d.value?.forEach(e=>{e.setAttribute("tabindex","-1")})}function f(e){p(),e?.setAttribute("tabindex","0")}function O(e){const o=e.code;[t.EVENT_CODE.up,t.EVENT_CODE.down].includes(o)?(p(),f(i.value[0]),i.value[0].focus(),e.preventDefault(),e.stopPropagation()):o===t.EVENT_CODE.enter?u.handleClick():[t.EVENT_CODE.tab,t.EVENT_CODE.esc].includes(o)&&u.hide()}function x(e){const o=e.code,b=e.target,a=d.value.indexOf(b),v=d.value.length-1;let c;[t.EVENT_CODE.up,t.EVENT_CODE.down].includes(o)?(o===t.EVENT_CODE.up?c=a!==0?a-1:0:c=a<v?a+1:v,p(),f(i.value[c]),i.value[c].focus(),e.preventDefault(),e.stopPropagation()):o===t.EVENT_CODE.enter?(D(),b.click(),u.props.hideOnClick&&u.hide()):[t.EVENT_CODE.tab,t.EVENT_CODE.esc].includes(o)&&(u.hide(),D())}function C(){l.value.setAttribute("id",E.value),n.setAttribute("aria-haspopup","list"),n.setAttribute("aria-controls",E.value),u.props.splitButton||(n.setAttribute("role","button"),n.setAttribute("tabindex",u.props.tabindex),w.addClass(n,T.b("selfdefine")))}function q(){n?.addEventListener("keydown",O),l.value?.addEventListener("keydown",x,!0)}function A(){i.value=l.value.querySelectorAll("[tabindex='-1']"),d.value=Array.from(i.value),q(),C()}function D(){n.focus()}A()};exports.initDropdownDomEvent=V;exports.useDropdown=h;

package/lib/components/empty/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const r=require("./empty.vue2.cjs"),u=require("./constants.cjs"),e=t.withInstall(r.default);exports.EmptyEnum=u.EmptyEnum;exports.VftEmpty=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const r=require("./empty.vue2.cjs"),u=require("./constants.cjs"),e=t.withInstall(r.default);exports.EmptyEnum=u.EmptyEnum;exports.VftEmpty=e;exports.default=e;

package/lib/components/focus-trap/utils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../../utils/dom/aria.cjs");require("@vueuse/core");const f=require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");const r=require("vue"),E=require("./tokens.cjs"),d=r.ref(),i=r.ref(0),l=r.ref(0);let u=0;const F=e=>{const s=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>{const o=t.tagName==="INPUT"&&t.type==="hidden";return t.disabled||t.hidden||o?NodeFilter.FILTER_SKIP:t.tabIndex>=0||t===document.activeElement?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)s.push(n.currentNode);return s},a=(e,s)=>{for(const n of e)if(!p(n,s))return n},p=(e,s)=>{if(process.env.NODE_ENV==="test")return!1;if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(s&&e===s)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1},y=e=>{const s=F(e),n=a(s,e),t=a(s.reverse(),e);return[n,t]},S=e=>e instanceof HTMLInputElement&&"select"in e,b=(e,s)=>{if(e&&e.focus){const n=document.activeElement;let t=!1;f.isElement(e)&&!w.isFocusable(e)&&!e.getAttribute("tabindex")&&(e.setAttribute("tabindex","-1"),t=!0),e.focus({preventScroll:!0}),l.value=window.performance.now(),e!==n&&S(e)&&s&&e.select(),f.isElement(e)&&t&&e.removeAttribute("tabindex")}};function v(e,s){const n=[...e],t=e.indexOf(s);return t!==-1&&n.splice(t,1),n}const T=()=>{let e=[];return{push:t=>{const o=e[0];o&&t!==o&&o.pause(),e=v(e,t),e.unshift(t)},remove:t=>{e=v(e,t),e[0]?.resume?.()}}},N=(e,s=!1)=>{const n=document.activeElement;for(const t of e)if(b(t,s),document.activeElement!==n)return},g=T(),L=()=>i.value>l.value,c=()=>{d.value="pointer",i.value=window.performance.now()},m=()=>{d.value="keyboard",i.value=window.performance.now()},h=()=>(r.onMounted(()=>{u===0&&(document.addEventListener("mousedown",c),document.addEventListener("touchstart",c),document.addEventListener("keydown",m)),u++}),r.onBeforeUnmount(()=>{u--,u<=0&&(document.removeEventListener("mousedown",c),document.removeEventListener("touchstart",c),document.removeEventListener("keydown",m))}),{focusReason:d,lastUserFocusTimestamp:i,lastAutomatedFocusTimestamp:l}),k=e=>new CustomEvent(E.FOCUSOUT_PREVENTED,{...E.FOCUSOUT_PREVENTED_OPTS,detail:e});exports.createFocusOutPreventedEvent=k;exports.focusFirstDescendant=N;exports.focusableStack=g;exports.getEdges=y;exports.getVisibleElement=a;exports.isFocusCausedByUserEvent=L;exports.isHidden=p;exports.obtainAllFocusableElements=F;exports.tryFocus=b;exports.useFocusReason=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../../utils/dom/aria.cjs");require("@vueuse/core");const f=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const r=require("vue"),E=require("./tokens.cjs"),d=r.ref(),i=r.ref(0),l=r.ref(0);let u=0;const F=e=>{const s=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:t=>{const o=t.tagName==="INPUT"&&t.type==="hidden";return t.disabled||t.hidden||o?NodeFilter.FILTER_SKIP:t.tabIndex>=0||t===document.activeElement?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)s.push(n.currentNode);return s},a=(e,s)=>{for(const n of e)if(!p(n,s))return n},p=(e,s)=>{if(process.env.NODE_ENV==="test")return!1;if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(s&&e===s)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1},y=e=>{const s=F(e),n=a(s,e),t=a(s.reverse(),e);return[n,t]},S=e=>e instanceof HTMLInputElement&&"select"in e,b=(e,s)=>{if(e&&e.focus){const n=document.activeElement;let t=!1;f.isElement(e)&&!w.isFocusable(e)&&!e.getAttribute("tabindex")&&(e.setAttribute("tabindex","-1"),t=!0),e.focus({preventScroll:!0}),l.value=window.performance.now(),e!==n&&S(e)&&s&&e.select(),f.isElement(e)&&t&&e.removeAttribute("tabindex")}};function v(e,s){const n=[...e],t=e.indexOf(s);return t!==-1&&n.splice(t,1),n}const T=()=>{let e=[];return{push:t=>{const o=e[0];o&&t!==o&&o.pause(),e=v(e,t),e.unshift(t)},remove:t=>{e=v(e,t),e[0]?.resume?.()}}},N=(e,s=!1)=>{const n=document.activeElement;for(const t of e)if(b(t,s),document.activeElement!==n)return},g=T(),L=()=>i.value>l.value,c=()=>{d.value="pointer",i.value=window.performance.now()},m=()=>{d.value="keyboard",i.value=window.performance.now()},h=()=>(r.onMounted(()=>{u===0&&(document.addEventListener("mousedown",c),document.addEventListener("touchstart",c),document.addEventListener("keydown",m)),u++}),r.onBeforeUnmount(()=>{u--,u<=0&&(document.removeEventListener("mousedown",c),document.removeEventListener("touchstart",c),document.removeEventListener("keydown",m))}),{focusReason:d,lastUserFocusTimestamp:i,lastAutomatedFocusTimestamp:l}),k=e=>new CustomEvent(E.FOCUSOUT_PREVENTED,{...E.FOCUSOUT_PREVENTED_OPTS,detail:e});exports.createFocusOutPreventedEvent=k;exports.focusFirstDescendant=N;exports.focusableStack=g;exports.getEdges=y;exports.getVisibleElement=a;exports.isFocusCausedByUserEvent=L;exports.isHidden=p;exports.obtainAllFocusableElements=F;exports.tryFocus=b;exports.useFocusReason=h;

package/lib/components/footer-layout/footer-layout.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../container/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");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 n=e.defineComponent({name:"vft-footer-layout"}),l=e.defineComponent({...n,setup(u){const r=s.useNamespace("footer-layout");return(t,a)=>(e.openBlock(),e.createBlock(e.unref(o.VftFooter),{class:e.normalizeClass(e.unref(r).b())},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("left"))},[e.renderSlot(t.$slots,"left")],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("center"))},[e.renderSlot(t.$slots,"default")],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("right"))},[e.renderSlot(t.$slots,"right")],2)]),_:3},8,["class"]))}});exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../container/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");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 n=e.defineComponent({name:"vft-footer-layout"}),l=e.defineComponent({...n,setup(u){const r=s.useNamespace("footer-layout");return(t,a)=>(e.openBlock(),e.createBlock(e.unref(o.VftFooter),{class:e.normalizeClass(e.unref(r).b())},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("left"))},[e.renderSlot(t.$slots,"left")],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("center"))},[e.renderSlot(t.$slots,"default")],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("right"))},[e.renderSlot(t.$slots,"right")],2)]),_:3},8,["class"]))}});exports.default=l;

package/lib/components/footer-layout/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const r=require("./footer-layout.vue2.cjs"),e=t.withInstall(r.default);exports.VftFooterLayout=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const r=require("./footer-layout.vue2.cjs"),e=t.withInstall(r.default);exports.VftFooterLayout=e;exports.default=e;

package/lib/components/form/form-item.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),oe=require("@vueuse/core"),f=require("@vft/utils"),$=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");const h=require("lodash-es"),le=require("../../hooks/use-id/index.cjs"),se=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ae=require("async-validator"),x=require("./constants.cjs"),ne=require("./form-label-wrap.cjs"),ie=require("./hooks/use-form-common-props.cjs"),ue=["role","aria-labelledby"],de=e.defineComponent({name:"vft-form-item"}),ce=e.defineComponent({...de,props:{label:{},labelWidth:{default:""},labelPosition:{},prop:{},required:{type:Boolean,default:void 0},rules:{},error:{},for:{},validateStatus:{},inlineMessage:{type:[String,Boolean],default:""},showMessage:{type:Boolean,default:!0},size:{}},emits:["update:error"],setup(B,{expose:j,emit:A}){const r=B,E=A,z=e.useSlots(),l=e.inject(x.formContextKey,void 0),D=e.inject(x.formItemContextKey,void 0),b=ie.useFormSize(void 0,{formItem:!1}),a=se.useNamespace("form-item"),y=le.useId().value,d=e.ref([]),c=e.ref(""),L=oe.refDebounced(c,100),i=e.ref(""),k=e.ref();let F,v=!1;const g=e.computed(()=>r.labelPosition||l?.labelPosition),M=e.computed(()=>{if(g.value==="top")return{};const t=f.addUnit(r.labelWidth||l?.labelWidth||"");return t?{width:t}:{}}),T=e.computed(()=>{if(g.value==="top"||l?.inline)return{};if(!r.label&&!r.labelWidth&&O)return{};const t=f.addUnit(r.labelWidth||l?.labelWidth||"");return!r.label&&!z.label?{marginLeft:t}:{}}),K=e.computed(()=>[a.b(),a.m(b.value),a.is("error",c.value==="error"),a.is("validating",c.value==="validating"),a.is("success",c.value==="success"),a.is("required",Q.value||r.required),a.is("no-asterisk",l?.hideRequiredAsterisk),l?.requireAsteriskPosition==="right"?"asterisk-right":"asterisk-left",{[a.m("feedback")]:l?.statusIcon,[a.m(`label-${g.value}`)]:g.value}]),U=e.computed(()=>f.isBoolean(r.inlineMessage)?r.inlineMessage:l?.inlineMessage||!1),G=e.computed(()=>[a.e("error"),{[a.em("error","inline")]:U.value}]),P=e.computed(()=>r.prop?h.isArray(r.prop)?r.prop.join("."):r.prop:""),q=e.computed(()=>!!(r.label||z.label)),S=e.computed(()=>r.for??(d.value.length===1?d.value[0]:void 0)),C=e.computed(()=>!S.value&&q.value),O=!!D,V=e.computed(()=>{const t=l?.model;if(!(!t||!r.prop))return f.getProp(t,r.prop).value}),_=e.computed(()=>{const{required:t}=r,o=[];r.rules&&o.push(...$.castArray(r.rules).map(s=>(s.trigger=s.trigger||"blur",s)));const n=l?.rules;if(n&&r.prop){const s=f.getProp(n,r.prop).value;s&&o.push(...$.castArray(s))}if(t!==void 0){const s=o.map((u,m)=>[u,m]).filter(([u])=>Object.keys(u).includes("required"));if(s.length>0)for(const[u,m]of s)u.required!==t&&(o[m]={...u,required:t});else o.push({required:t})}return o}),H=e.computed(()=>_.value.length>0),J=t=>_.value.filter(n=>!n.trigger||!t?!0:h.isArray(n.trigger)?n.trigger.includes(t):n.trigger===t).map(({trigger:n,...s})=>s),Q=e.computed(()=>_.value.some(t=>t.required)),X=e.computed(()=>L.value==="error"&&r.showMessage&&(l?.showMessage??!0)),N=e.computed(()=>`${r.label||""}${l?.labelSuffix||""}`),p=t=>{c.value=t},Y=t=>{const{errors:o,fields:n}=t;(!o||!n)&&console.error(t),p("error"),i.value=o?o?.[0]?.message??`${r.prop} is required`:"",l?.emit("validate",r.prop,!1,i.value)},Z=()=>{p("success"),l?.emit("validate",r.prop,!0,"")},ee=async t=>{const o=P.value;return new ae({[o]:t}).validate({[o]:V.value},{firstFields:!0}).then(()=>(Z(),!0)).catch(s=>(Y(s),Promise.reject(s)))},R=async(t,o)=>{if(v||!r.prop)return!1;const n=f.isFunction(o);if(!H.value)return o?.(!1),!1;const s=J(t);return s.length===0?(o?.(!0),!0):(p("validating"),ee(s).then(()=>(o?.(!0),!0)).catch(u=>{const{fields:m}=u;return o?.(!1,m),n?!1:Promise.reject(m)}))},w=()=>{r.error&&E("update:error",""),p(""),i.value="",v=!1},W=async()=>{const t=l?.model;if(!t||!r.prop)return;const o=f.getProp(t,r.prop);v=!0,o.value=h.clone(F),await e.nextTick(),w(),v=!1},te=t=>{d.value.includes(t)||d.value.push(t)},re=t=>{d.value=d.value.filter(o=>o!==t)};e.watch(()=>r.error,t=>{i.value=t||"",p(t?"error":"")},{immediate:!0}),e.watch(()=>r.validateStatus,t=>p(t||""));const I=e.reactive({...e.toRefs(r),$el:k,size:b,validateMessage:i,validateState:c,labelId:y,inputIds:d,isGroup:C,hasLabel:q,fieldValue:V,addInputId:te,removeInputId:re,resetField:W,clearValidate:w,validate:R,propString:P});return e.provide(x.formItemContextKey,I),e.onMounted(()=>{r.prop&&(l?.addField(I),F=h.clone(V.value))}),e.onBeforeUnmount(()=>{l?.removeField(I)}),j({size:b,validateMessage:i,validateState:c,validate:R,clearValidate:w,resetField:W}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"formItemRef",ref:k,class:e.normalizeClass(K.value),role:C.value?"group":void 0,"aria-labelledby":C.value?e.unref(y):void 0},[e.createVNode(e.unref(ne.default),{"is-auto-width":M.value.width==="auto","update-all":e.unref(l)?.labelWidth==="auto"},{default:e.withCtx(()=>[q.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(S.value?"label":"div"),{key:0,id:e.unref(y),for:S.value,class:e.normalizeClass(e.unref(a).e("label")),style:e.normalizeStyle(M.value)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{label:N.value},()=>[e.createTextVNode(e.toDisplayString(N.value),1)])]),_:3},8,["id","for","class","style"])):e.createCommentVNode("",!0)]),_:3},8,["is-auto-width","update-all"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("content")),style:e.normalizeStyle(T.value)},[e.renderSlot(t.$slots,"default"),e.createVNode(e.TransitionGroup,{name:`${e.unref(a).namespace.value}-zoom-in-top`},{default:e.withCtx(()=>[X.value?e.renderSlot(t.$slots,"error",{key:0,error:i.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(G.value)},e.toDisplayString(i.value),3)]):e.createCommentVNode("",!0)]),_:3},8,["name"])],6)],10,ue))}});exports.default=ce;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),oe=require("@vueuse/core"),m=require("@vft/utils"),h=require("../../utils/helper.cjs");require("../../utils/ns-cover.cjs");const b=require("lodash-es"),le=require("../../hooks/use-id/index.cjs"),se=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const ae=require("async-validator"),z=require("./constants.cjs"),ne=require("./form-label-wrap.cjs"),ie=require("./hooks/use-form-common-props.cjs"),ue=["role","aria-labelledby"],de=e.defineComponent({name:"vft-form-item"}),ce=e.defineComponent({...de,props:{label:{},labelWidth:{default:""},labelPosition:{},prop:{},required:{type:Boolean,default:void 0},rules:{},error:{},for:{},validateStatus:{},inlineMessage:{type:[String,Boolean],default:""},showMessage:{type:Boolean,default:!0},size:{}},emits:["update:error"],setup(B,{expose:j,emit:A}){const r=B,E=A,k=e.useSlots(),l=e.inject(z.formContextKey,void 0),D=e.inject(z.formItemContextKey,void 0),y=ie.useFormSize(void 0,{formItem:!1}),a=se.useNamespace("form-item"),q=le.useId().value,d=e.ref([]),c=e.ref(""),L=oe.refDebounced(c,100),i=e.ref(""),F=e.ref();let M,v=!1;const g=e.computed(()=>r.labelPosition||l?.labelPosition),P=e.computed(()=>{if(g.value==="top")return{};const t=h.addUnit(r.labelWidth||l?.labelWidth||"");return t?{width:t}:{}}),T=e.computed(()=>{if(g.value==="top"||l?.inline)return{};if(!r.label&&!r.labelWidth&&O)return{};const t=h.addUnit(r.labelWidth||l?.labelWidth||"");return!r.label&&!k.label?{marginLeft:t}:{}}),K=e.computed(()=>[a.b(),a.m(y.value),a.is("error",c.value==="error"),a.is("validating",c.value==="validating"),a.is("success",c.value==="success"),a.is("required",Q.value||r.required),a.is("no-asterisk",l?.hideRequiredAsterisk),l?.requireAsteriskPosition==="right"?"asterisk-right":"asterisk-left",{[a.m("feedback")]:l?.statusIcon,[a.m(`label-${g.value}`)]:g.value}]),U=e.computed(()=>m.isBoolean(r.inlineMessage)?r.inlineMessage:l?.inlineMessage||!1),G=e.computed(()=>[a.e("error"),{[a.em("error","inline")]:U.value}]),N=e.computed(()=>r.prop?b.isArray(r.prop)?r.prop.join("."):r.prop:""),S=e.computed(()=>!!(r.label||k.label)),C=e.computed(()=>r.for??(d.value.length===1?d.value[0]:void 0)),V=e.computed(()=>!C.value&&S.value),O=!!D,_=e.computed(()=>{const t=l?.model;if(!(!t||!r.prop))return m.getProp(t,r.prop).value}),w=e.computed(()=>{const{required:t}=r,o=[];r.rules&&o.push(...h.castArray(r.rules).map(s=>(s.trigger=s.trigger||"blur",s)));const n=l?.rules;if(n&&r.prop){const s=m.getProp(n,r.prop).value;s&&o.push(...h.castArray(s))}if(t!==void 0){const s=o.map((u,p)=>[u,p]).filter(([u])=>Object.keys(u).includes("required"));if(s.length>0)for(const[u,p]of s)u.required!==t&&(o[p]={...u,required:t});else o.push({required:t})}return o}),H=e.computed(()=>w.value.length>0),J=t=>w.value.filter(n=>!n.trigger||!t?!0:b.isArray(n.trigger)?n.trigger.includes(t):n.trigger===t).map(({trigger:n,...s})=>s),Q=e.computed(()=>w.value.some(t=>t.required)),X=e.computed(()=>L.value==="error"&&r.showMessage&&(l?.showMessage??!0)),R=e.computed(()=>`${r.label||""}${l?.labelSuffix||""}`),f=t=>{c.value=t},Y=t=>{const{errors:o,fields:n}=t;(!o||!n)&&console.error(t),f("error"),i.value=o?o?.[0]?.message??`${r.prop} is required`:"",l?.emit("validate",r.prop,!1,i.value)},Z=()=>{f("success"),l?.emit("validate",r.prop,!0,"")},ee=async t=>{const o=N.value;return new ae({[o]:t}).validate({[o]:_.value},{firstFields:!0}).then(()=>(Z(),!0)).catch(s=>(Y(s),Promise.reject(s)))},W=async(t,o)=>{if(v||!r.prop)return!1;const n=m.isFunction(o);if(!H.value)return o?.(!1),!1;const s=J(t);return s.length===0?(o?.(!0),!0):(f("validating"),ee(s).then(()=>(o?.(!0),!0)).catch(u=>{const{fields:p}=u;return o?.(!1,p),n?!1:Promise.reject(p)}))},I=()=>{r.error&&E("update:error",""),f(""),i.value="",v=!1},$=async()=>{const t=l?.model;if(!t||!r.prop)return;const o=m.getProp(t,r.prop);v=!0,o.value=b.clone(M),await e.nextTick(),I(),v=!1},te=t=>{d.value.includes(t)||d.value.push(t)},re=t=>{d.value=d.value.filter(o=>o!==t)};e.watch(()=>r.error,t=>{i.value=t||"",f(t?"error":"")},{immediate:!0}),e.watch(()=>r.validateStatus,t=>f(t||""));const x=e.reactive({...e.toRefs(r),$el:F,size:y,validateMessage:i,validateState:c,labelId:q,inputIds:d,isGroup:V,hasLabel:S,fieldValue:_,addInputId:te,removeInputId:re,resetField:$,clearValidate:I,validate:W,propString:N});return e.provide(z.formItemContextKey,x),e.onMounted(()=>{r.prop&&(l?.addField(x),M=b.clone(_.value))}),e.onBeforeUnmount(()=>{l?.removeField(x)}),j({size:y,validateMessage:i,validateState:c,validate:W,clearValidate:I,resetField:$}),(t,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"formItemRef",ref:F,class:e.normalizeClass(K.value),role:V.value?"group":void 0,"aria-labelledby":V.value?e.unref(q):void 0},[e.createVNode(e.unref(ne.default),{"is-auto-width":P.value.width==="auto","update-all":e.unref(l)?.labelWidth==="auto"},{default:e.withCtx(()=>[S.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(C.value?"label":"div"),{key:0,id:e.unref(q),for:C.value,class:e.normalizeClass(e.unref(a).e("label")),style:e.normalizeStyle(P.value)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"label",{label:R.value},()=>[e.createTextVNode(e.toDisplayString(R.value),1)])]),_:3},8,["id","for","class","style"])):e.createCommentVNode("",!0)]),_:3},8,["is-auto-width","update-all"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("content")),style:e.normalizeStyle(T.value)},[e.renderSlot(t.$slots,"default"),e.createVNode(e.TransitionGroup,{name:`${e.unref(a).namespace.value}-zoom-in-top`},{default:e.withCtx(()=>[X.value?e.renderSlot(t.$slots,"error",{key:0,error:i.value},()=>[e.createElementVNode("div",{class:e.normalizeClass(G.value)},e.toDisplayString(i.value),3)]):e.createCommentVNode("",!0)]),_:3},8,["name"])],6)],10,ue))}});exports.default=ce;

package/lib/components/form/form-label-wrap.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vueuse/core");require("@vft/utils");const L=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const q=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("./constants.cjs"),h="VftLabelWrap",C=e.defineComponent({name:h,props:{isAutoWidth:Boolean,updateAll:Boolean},setup(l,{slots:o}){const n=e.inject(m.formContextKey,void 0),u=e.inject(m.formItemContextKey);u||L.throwError(h,"usage: <vft-form-item><label-wrap /></vft-form-item>");const b=q.useNamespace("form"),r=e.ref(),a=e.ref(0),p=()=>{if(r.value?.firstElementChild){const t=window.getComputedStyle(r.value.firstElementChild).width;return Math.ceil(Number.parseFloat(t))}else return 0},d=(t="update")=>{e.nextTick(()=>{o.default&&l.isAutoWidth&&(t==="update"?a.value=p():t==="remove"&&n?.deregisterLabelWidth(a.value))})},s=()=>d("update");return e.onMounted(()=>{s()}),e.onBeforeUnmount(()=>{d("remove")}),e.onUpdated(()=>s()),e.watch(a,(t,i)=>{l.updateAll&&n?.registerLabelWidth(t,i)}),g.useResizeObserver(e.computed(()=>r.value?.firstElementChild??null),s),()=>{if(!o)return null;const{isAutoWidth:t}=l;if(t){const i=n?.autoLabelWidth,v=u?.hasLabel,c={};if(v&&i&&i!=="auto"){const f=Math.max(0,Number.parseInt(i,10)-a.value),W=(u.labelPosition||n.labelPosition)==="left"?"marginRight":"marginLeft";f&&(c[W]=`${f}px`)}return e.createVNode("div",{ref:r,class:[b.be("item","label-wrap")],style:c},[o.default?.()])}else return e.createVNode(e.Fragment,{ref:r},[o.default?.()])}}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vueuse/core");require("@vft/utils");const q=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");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("./constants.cjs"),h="VftLabelWrap",C=e.defineComponent({name:h,props:{isAutoWidth:Boolean,updateAll:Boolean},setup(l,{slots:o}){const n=e.inject(m.formContextKey,void 0),u=e.inject(m.formItemContextKey);u||q.throwError(h,"usage: <vft-form-item><label-wrap /></vft-form-item>");const b=L.useNamespace("form"),r=e.ref(),a=e.ref(0),p=()=>{if(r.value?.firstElementChild){const t=window.getComputedStyle(r.value.firstElementChild).width;return Math.ceil(Number.parseFloat(t))}else return 0},d=(t="update")=>{e.nextTick(()=>{o.default&&l.isAutoWidth&&(t==="update"?a.value=p():t==="remove"&&n?.deregisterLabelWidth(a.value))})},s=()=>d("update");return e.onMounted(()=>{s()}),e.onBeforeUnmount(()=>{d("remove")}),e.onUpdated(()=>s()),e.watch(a,(t,i)=>{l.updateAll&&n?.registerLabelWidth(t,i)}),g.useResizeObserver(e.computed(()=>r.value?.firstElementChild??null),s),()=>{if(!o)return null;const{isAutoWidth:t}=l;if(t){const i=n?.autoLabelWidth,v=u?.hasLabel,c={};if(v&&i&&i!=="auto"){const f=Math.max(0,Number.parseInt(i,10)-a.value),W=(u.labelPosition||n.labelPosition)==="left"?"marginRight":"marginLeft";f&&(c[W]=`${f}px`)}return e.createVNode("div",{ref:r,class:[b.be("item","label-wrap")],style:c},[o.default?.()])}else return e.createVNode(e.Fragment,{ref:r},[o.default?.()])}}});exports.default=C;

package/lib/components/form/form.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue");require("@vueuse/core");const E=require("@vft/utils"),d=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const k=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const R=require("./constants.cjs"),W=require("./hooks/use-form-common-props.cjs"),u=require("./utils.cjs"),x=r.defineComponent({name:"vft-form"}),M=r.defineComponent({...x,props:{size:{},disabled:{type:Boolean},model:{},rules:{},labelPosition:{default:"right"},requireAsteriskPosition:{default:"left"},labelWidth:{default:""},labelSuffix:{default:""},inline:{type:Boolean},inlineMessage:{type:Boolean},statusIcon:{type:Boolean},showMessage:{type:Boolean,default:!0},validateOnRuleChange:{type:Boolean,default:!0},hideRequiredAsterisk:{type:Boolean,default:!1},scrollToError:{type:Boolean},scrollIntoViewOptions:{type:Boolean,default:!0}},emits:["validate"],setup(o,{expose:y,emit:q}){const g=q,p=r.getCurrentInstance(),c=r.ref(),l=r.reactive([]),w=W.useFormSize(),s=k.useNamespace("form"),B=r.computed(()=>[s.b(),s.m(w.value||"default"),{[s.m(`label-${o.labelPosition}`)]:o.labelPosition,[s.m("inline")]:o.inline}]),m=e=>u.filterFields(l,[e])[0],V=e=>{l.push(e)},C=e=>{e.prop&&l.splice(l.indexOf(e),1)},h=(e=[])=>{if(!o.model){d.debugWarn(s.b(),"model is required for resetFields to work.");return}u.filterFields(l,e).forEach(t=>t.resetField())},v=(e=[])=>{u.filterFields(l,e).forEach(t=>t.clearValidate())},I=r.computed(()=>{const e=!!o.model;return e||d.debugWarn(s.b(),"model is required for validate to work."),e}),O=e=>{if(l.length===0)return[];const t=u.filterFields(l,e);return t.length?t:(d.debugWarn(s.b(),"please pass correct props!"),[])},F=async e=>f(void 0,e),P=async(e=[])=>{if(!I.value)return!1;const t=O(e);if(t.length===0)return!0;let i={};for(const n of t)try{await n.validate(""),n.validateState==="error"&&n.resetField()}catch(a){i={...i,...a}}return Object.keys(i).length===0?!0:Promise.reject(i)},f=async(e=[],t)=>{let i=!1;const n=!E.isFunction(t);try{return i=await P(e),i===!0&&await t?.(i),o.model}catch(a){if(a instanceof Error)throw a;const b=a;return o.scrollToError&&c.value&&c.value.querySelector(`.${s.b()}-item.is-error`)?.scrollIntoView(o.scrollIntoViewOptions),!i&&await t?.(!1,b),n&&Promise.reject(b)}},S=e=>{const t=m(e);t&&t.$el?.scrollIntoView(o.scrollIntoViewOptions)};return r.watch(()=>o.rules,()=>{o.validateOnRuleChange&&F().catch(e=>d.debugWarn(e))},{deep:!0,flush:"post"}),r.provide(R.formContextKey,r.reactive({...r.toRefs(p.props),emit:g,resetFields:h,clearValidate:v,validateField:f,getField:m,addField:V,removeField:C,...u.useFormLabelWidth()})),y({validate:F,validateField:f,resetFields:h,clearValidate:v,scrollToField:S}),(e,t)=>(r.openBlock(),r.createElementBlock("form",{ref_key:"formRef",ref:c,class:r.normalizeClass(B.value)},[r.renderSlot(e.$slots,"default")],2))}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue");require("@vueuse/core");const E=require("@vft/utils"),d=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const k=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const R=require("./constants.cjs"),W=require("./hooks/use-form-common-props.cjs"),u=require("./utils.cjs"),x=r.defineComponent({name:"vft-form"}),M=r.defineComponent({...x,props:{size:{},disabled:{type:Boolean},model:{},rules:{},labelPosition:{default:"right"},requireAsteriskPosition:{default:"left"},labelWidth:{default:""},labelSuffix:{default:""},inline:{type:Boolean},inlineMessage:{type:Boolean},statusIcon:{type:Boolean},showMessage:{type:Boolean,default:!0},validateOnRuleChange:{type:Boolean,default:!0},hideRequiredAsterisk:{type:Boolean,default:!1},scrollToError:{type:Boolean},scrollIntoViewOptions:{type:Boolean,default:!0}},emits:["validate"],setup(o,{expose:q,emit:y}){const g=y,p=r.getCurrentInstance(),c=r.ref(),l=r.reactive([]),w=W.useFormSize(),s=k.useNamespace("form"),B=r.computed(()=>[s.b(),s.m(w.value||"default"),{[s.m(`label-${o.labelPosition}`)]:o.labelPosition,[s.m("inline")]:o.inline}]),m=e=>u.filterFields(l,[e])[0],V=e=>{l.push(e)},C=e=>{e.prop&&l.splice(l.indexOf(e),1)},h=(e=[])=>{if(!o.model){d.debugWarn(s.b(),"model is required for resetFields to work.");return}u.filterFields(l,e).forEach(t=>t.resetField())},v=(e=[])=>{u.filterFields(l,e).forEach(t=>t.clearValidate())},I=r.computed(()=>{const e=!!o.model;return e||d.debugWarn(s.b(),"model is required for validate to work."),e}),O=e=>{if(l.length===0)return[];const t=u.filterFields(l,e);return t.length?t:(d.debugWarn(s.b(),"please pass correct props!"),[])},F=async e=>f(void 0,e),P=async(e=[])=>{if(!I.value)return!1;const t=O(e);if(t.length===0)return!0;let i={};for(const n of t)try{await n.validate(""),n.validateState==="error"&&n.resetField()}catch(a){i={...i,...a}}return Object.keys(i).length===0?!0:Promise.reject(i)},f=async(e=[],t)=>{let i=!1;const n=!E.isFunction(t);try{return i=await P(e),i===!0&&await t?.(i),o.model}catch(a){if(a instanceof Error)throw a;const b=a;return o.scrollToError&&c.value&&c.value.querySelector(`.${s.b()}-item.is-error`)?.scrollIntoView(o.scrollIntoViewOptions),!i&&await t?.(!1,b),n&&Promise.reject(b)}},S=e=>{const t=m(e);t&&t.$el?.scrollIntoView(o.scrollIntoViewOptions)};return r.watch(()=>o.rules,()=>{o.validateOnRuleChange&&F().catch(e=>d.debugWarn(e))},{deep:!0,flush:"post"}),r.provide(R.formContextKey,r.reactive({...r.toRefs(p.props),emit:g,resetFields:h,clearValidate:v,validateField:f,getField:m,addField:V,removeField:C,...u.useFormLabelWidth()})),q({validate:F,validateField:f,resetFields:h,clearValidate:v,scrollToField:S}),(e,t)=>(r.openBlock(),r.createElementBlock("form",{ref_key:"formRef",ref:c,class:r.normalizeClass(B.value)},[r.renderSlot(e.$slots,"default")],2))}});exports.default=M;

package/lib/components/form/hooks/use-form-common-props.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("lodash-es");const e=require("vue");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const a=require("../../../hooks/use-size/index.cjs");require("../../../hooks/use-z-index/index.cjs");const t=require("@vft/use"),i=require("../constants.cjs"),u=(s,o={})=>{const r=e.ref(void 0),c=o.prop?r:t.useProp("size"),d=o.global?r:a.useGlobalSize(),l=o.form?{size:void 0}:e.inject(i.formContextKey,void 0),m=o.formItem?{size:void 0}:e.inject(i.formItemContextKey,void 0);return e.computed(()=>c.value||e.unref(s)||m?.size||l?.size||d.value||"")},n=s=>{const o=t.useProp("disabled"),r=e.inject(i.formContextKey,void 0);return e.computed(()=>o.value||e.unref(s)||r?.disabled||!1)},f=u,b=n;exports.useDisabled=b;exports.useFormDisabled=n;exports.useFormSize=u;exports.useSize=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const e=require("vue");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const a=require("../../../hooks/use-size/index.cjs");require("../../../hooks/use-z-index/index.cjs");const t=require("@vft/use"),i=require("../constants.cjs"),u=(s,o={})=>{const r=e.ref(void 0),c=o.prop?r:t.useProp("size"),d=o.global?r:a.useGlobalSize(),l=o.form?{size:void 0}:e.inject(i.formContextKey,void 0),m=o.formItem?{size:void 0}:e.inject(i.formItemContextKey,void 0);return e.computed(()=>c.value||e.unref(s)||m?.size||l?.size||d.value||"")},n=s=>{const o=t.useProp("disabled"),r=e.inject(i.formContextKey,void 0);return e.computed(()=>o.value||e.unref(s)||r?.disabled||!1)},f=u,b=n;exports.useDisabled=b;exports.useFormDisabled=n;exports.useFormSize=u;exports.useSize=f;

package/lib/components/form/hooks/use-form-item.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("lodash-es");const u=require("vue"),l=require("../../../hooks/use-id/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const s=require("../constants.cjs"),f=()=>{const t=u.inject(s.formContextKey,void 0),e=u.inject(s.formItemContextKey,void 0);return{form:t,formItem:e}},p=(t,{formItemContext:e,disableIdGeneration:n,disableIdManagement:o})=>{n||(n=u.ref(!1)),o||(o=u.ref(!1));const r=u.ref();let c;const v=u.computed(()=>!!(!t.label&&e&&e.inputIds&&e.inputIds?.length<=1));return u.onMounted(()=>{c=u.watch([u.toRef(t,"id"),n],([I,d])=>{const i=I??(d?void 0:l.useId().value);i!==r.value&&(e?.removeInputId&&(r.value&&e.removeInputId(r.value),!o?.value&&!d&&i&&e.addInputId(i)),r.value=i)},{immediate:!0})}),u.onUnmounted(()=>{c&&c(),e?.removeInputId&&r.value&&e.removeInputId(r.value)}),{isLabeledByFormItem:v,inputId:r}};exports.useFormItem=f;exports.useFormItemInputId=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");require("@vft/utils");require("../../config-provider/hooks/use-global-config.cjs");require("../../../utils/ns-cover.cjs");require("lodash-es");const u=require("vue"),l=require("../../../hooks/use-id/index.cjs");require("../../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");const s=require("../constants.cjs"),q=()=>{const t=u.inject(s.formContextKey,void 0),e=u.inject(s.formItemContextKey,void 0);return{form:t,formItem:e}},f=(t,{formItemContext:e,disableIdGeneration:n,disableIdManagement:o})=>{n||(n=u.ref(!1)),o||(o=u.ref(!1));const r=u.ref();let c;const v=u.computed(()=>!!(!t.label&&e&&e.inputIds&&e.inputIds?.length<=1));return u.onMounted(()=>{c=u.watch([u.toRef(t,"id"),n],([I,d])=>{const i=I??(d?void 0:l.useId().value);i!==r.value&&(e?.removeInputId&&(r.value&&e.removeInputId(r.value),!o?.value&&!d&&i&&e.addInputId(i)),r.value=i)},{immediate:!0})}),u.onUnmounted(()=>{c&&c(),e?.removeInputId&&r.value&&e.removeInputId(r.value)}),{isLabeledByFormItem:v,inputId:r}};exports.useFormItem=q;exports.useFormItemInputId=f;

package/lib/components/form/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const m=require("./form.vue2.cjs"),r=require("./form-item.vue2.cjs"),u=require("./constants.cjs"),e=require("./hooks/use-form-common-props.cjs"),o=require("./hooks/use-form-item.cjs"),s=t.withInstall(m.default,{FormItem:r.default}),i=t.withNoopInstall(r.default);exports.formContextKey=u.formContextKey;exports.formItemContextKey=u.formItemContextKey;exports.useDisabled=e.useDisabled;exports.useFormDisabled=e.useFormDisabled;exports.useFormSize=e.useFormSize;exports.useSize=e.useSize;exports.useFormItem=o.useFormItem;exports.useFormItemInputId=o.useFormItemInputId;exports.VftForm=s;exports.VftFormItem=i;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const m=require("./form.vue2.cjs"),r=require("./form-item.vue2.cjs"),u=require("./constants.cjs"),e=require("./hooks/use-form-common-props.cjs"),o=require("./hooks/use-form-item.cjs"),s=t.withInstall(m.default,{FormItem:r.default}),i=t.withNoopInstall(r.default);exports.formContextKey=u.formContextKey;exports.formItemContextKey=u.formItemContextKey;exports.useDisabled=e.useDisabled;exports.useFormDisabled=e.useFormDisabled;exports.useFormSize=e.useFormSize;exports.useSize=e.useSize;exports.useFormItem=o.useFormItem;exports.useFormItemInputId=o.useFormItemInputId;exports.VftForm=s;exports.VftFormItem=i;exports.default=s;

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

@@ -15,7 +15,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"left" | "right" | "top">;
+            type: import("vue").PropType<"top" | "left" | "right">;
         };
         requireAsteriskPosition: {
             type: import("vue").PropType<"left" | "right">;
@@ -81,7 +81,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"left" | "right" | "top">;
+            type: import("vue").PropType<"top" | "left" | "right">;
         };
         requireAsteriskPosition: {
             type: import("vue").PropType<"left" | "right">;
@@ -142,7 +142,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<Partial<Record<string, import("vft/es/utils").Arrayable<import("./types").FormItemRule>>>>;
     };
     labelPosition: {
-        type: import("vue").PropType<"left" | "right" | "top">;
+        type: import("vue").PropType<"top" | "left" | "right">;
     };
     requireAsteriskPosition: {
         type: import("vue").PropType<"left" | "right">;
@@ -214,7 +214,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
             labelPosition: {
-                type: import("vue").PropType<"left" | "right" | "top">;
+                type: import("vue").PropType<"top" | "left" | "right">;
             };
             labelWidth: {
                 type: import("vue").PropType<string | number>;
@@ -278,7 +278,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
             };
             labelPosition: {
-                type: import("vue").PropType<"left" | "right" | "top">;
+                type: import("vue").PropType<"top" | "left" | "right">;
             };
             labelWidth: {
                 type: import("vue").PropType<string | number>;
@@ -337,7 +337,7 @@ export declare const VftForm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"left" | "right" | "top">;
+            type: import("vue").PropType<"top" | "left" | "right">;
         };
         labelWidth: {
             type: import("vue").PropType<string | number>;
@@ -407,7 +407,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"left" | "right" | "top">;
+            type: import("vue").PropType<"top" | "left" | "right">;
         };
         labelWidth: {
             type: import("vue").PropType<string | number>;
@@ -471,7 +471,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
         };
         labelPosition: {
-            type: import("vue").PropType<"left" | "right" | "top">;
+            type: import("vue").PropType<"top" | "left" | "right">;
         };
         labelWidth: {
             type: import("vue").PropType<string | number>;
@@ -530,7 +530,7 @@ export declare const VftFormItem: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<import("vft/es/utils").Arrayable<import("./types").FormItemRule>>;
     };
     labelPosition: {
-        type: import("vue").PropType<"left" | "right" | "top">;
+        type: import("vue").PropType<"top" | "left" | "right">;
     };
     labelWidth: {
         type: import("vue").PropType<string | number>;

package/lib/components/full-screen/full-screen.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("@vft/use"),c=require("@vft/utils"),i=require("../icon-text/index.cjs");require("@vueuse/core");const a=require("../../utils/ns-cover.cjs");require("lodash-es");const p=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const f=e.defineComponent({name:"full-screen"}),d=e.defineComponent({...f,props:{text:{},icon:{},color:{},hoverColor:{},distance:{},reverse:{type:Boolean},size:{},direction:{},pointer:{type:Boolean},adjustOrigin:{type:Boolean},maxLines:{},showTooltip:{type:Boolean},clampTooltipCfg:{},useClamp:{type:Boolean}},setup(o){const n=o,t=p.useNamespace("full-screen"),{toggle:s,isFullscreen:r}=u.useFullscreen(),l=a.primaryColor().value;return(m,q)=>(e.openBlock(),e.createBlock(e.unref(i.VftIconText),e.mergeProps({class:e.unref(t).b(),distance:2,"hover-color":e.unref(l),onClick:e.unref(s),icon:e.unref(r)?"icon-exit-full-screen":"icon-full-screen",text:e.unref(r)?"退出全屏":"全屏"},e.unref(c.delObjAttrNotExist)(n,!0,!0),{pointer:""}),null,16,["class","hover-color","onClick","icon","text"]))}});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vft/use"),l=require("@vft/utils"),c=require("../icon-text/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");const a=require("../../utils/ns-cover.cjs");require("lodash-es");const p=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const f=e.defineComponent({name:"full-screen"}),d=e.defineComponent({...f,props:{text:{},icon:{},color:{},hoverColor:{},distance:{},reverse:{type:Boolean},size:{},direction:{},pointer:{type:Boolean},adjustOrigin:{type:Boolean},maxLines:{},showTooltip:{type:Boolean},clampTooltipCfg:{},useClamp:{type:Boolean}},setup(o){const n=o,t=p.useNamespace("full-screen"),{toggle:s,isFullscreen:r}=i.useFullscreen(),u=a.primaryColor().value;return(m,q)=>(e.openBlock(),e.createBlock(e.unref(c.VftIconText),e.mergeProps({class:e.unref(t).b(),distance:2,"hover-color":e.unref(u),onClick:e.unref(s),icon:e.unref(r)?"icon-exit-full-screen":"icon-full-screen",text:e.unref(r)?"退出全屏":"全屏"},e.unref(l.delObjAttrNotExist)(n,!0,!0),{pointer:""}),null,16,["class","hover-color","onClick","icon","text"]))}});exports.default=d;

package/lib/components/full-screen/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const u=require("./full-screen.vue2.cjs"),e=r.withInstall(u.default);exports.VftFullScreen=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const u=require("./full-screen.vue2.cjs"),e=r.withInstall(u.default);exports.VftFullScreen=e;exports.default=e;

package/lib/components/header-layout/header-layout.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../container/index.cjs"),s=require("../logo/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("lodash-es");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 l={class:"content"},a={key:0,class:"left"},u={key:1,class:"right"},i=e.defineComponent({name:"vft-header-layout"}),c=e.defineComponent({...i,props:{logoCfg:{}},setup(d){const t=n.useNamespace("header-layout");return(o,f)=>(e.openBlock(),e.createBlock(e.unref(r.VftHeader),{class:e.normalizeClass(e.unref(t).b())},{default:e.withCtx(()=>[e.createVNode(e.unref(r.VftContainer),null,{default:e.withCtx(()=>[e.createVNode(e.unref(r.VftMain),{class:e.normalizeClass([e.unref(t).e("top-container"),e.unref(t).is("no-bottom",!o.$slots.bottom)])},{default:e.withCtx(()=>[e.createElementVNode("div",l,[o.logoCfg||o.$slots.left?(e.openBlock(),e.createElementBlock("div",a,[o.logoCfg?(e.openBlock(),e.createBlock(e.unref(s.VftLogo),e.normalizeProps(e.mergeProps({key:0},o.logoCfg)),null,16)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"left")])):e.createCommentVNode("",!0),o.$slots.right?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(o.$slots,"right")])):e.createCommentVNode("",!0)])]),_:3},8,["class"]),o.$slots.bottom?(e.openBlock(),e.createBlock(e.unref(r.VftFooter),{key:0,class:e.normalizeClass(e.unref(t).e("footer"))},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"bottom")]),_:3},8,["class"])):e.createCommentVNode("",!0)]),_:3})]),_:3},8,["class"]))}});exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../container/index.cjs"),s=require("../logo/index.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");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 l={class:"content"},a={key:0,class:"left"},u={key:1,class:"right"},i=e.defineComponent({name:"vft-header-layout"}),c=e.defineComponent({...i,props:{logoCfg:{}},setup(d){const t=n.useNamespace("header-layout");return(o,f)=>(e.openBlock(),e.createBlock(e.unref(r.VftHeader),{class:e.normalizeClass(e.unref(t).b())},{default:e.withCtx(()=>[e.createVNode(e.unref(r.VftContainer),null,{default:e.withCtx(()=>[e.createVNode(e.unref(r.VftMain),{class:e.normalizeClass([e.unref(t).e("top-container"),e.unref(t).is("no-bottom",!o.$slots.bottom)])},{default:e.withCtx(()=>[e.createElementVNode("div",l,[o.logoCfg||o.$slots.left?(e.openBlock(),e.createElementBlock("div",a,[o.logoCfg?(e.openBlock(),e.createBlock(e.unref(s.VftLogo),e.normalizeProps(e.mergeProps({key:0},o.logoCfg)),null,16)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"left")])):e.createCommentVNode("",!0),o.$slots.right?(e.openBlock(),e.createElementBlock("div",u,[e.renderSlot(o.$slots,"right")])):e.createCommentVNode("",!0)])]),_:3},8,["class"]),o.$slots.bottom?(e.openBlock(),e.createBlock(e.unref(r.VftFooter),{key:0,class:e.normalizeClass(e.unref(t).e("footer"))},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"bottom")]),_:3},8,["class"])):e.createCommentVNode("",!0)]),_:3})]),_:3},8,["class"]))}});exports.default=c;

package/lib/components/header-layout/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./header-layout.vue2.cjs"),e=r.withInstall(t.default);exports.VftHeaderLayout=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./header-layout.vue2.cjs"),e=r.withInstall(t.default);exports.VftHeaderLayout=e;exports.default=e;

package/lib/components/horizontal-menu/horizontal-menu.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),H=require("@vft/router"),U=require("@vft/utils"),O=require("../menu/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");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 G=require("./constants.cjs"),K=n.defineComponent({name:"vft-horizontal-menu"}),Q=n.defineComponent({...K,props:{menus:{},attrMapping:{},openDisabled:{type:Boolean,default:!1},disabledJudgeTurnOver:{type:Boolean,default:!1},subMenuCfg:{default:()=>({})},useRouterJump:{type:Boolean,default:!1},maxRowLength:{type:[Boolean,Number],default:8},defaultActive:{},defaultOpeneds:{},menuOptions:{}},emits:["open","close","select","sub-menu-click"],setup(t,{expose:N,emit:V}){const v=F.useNamespace("horizontal-menu"),p=V,R=n.computed(()=>(e,o,a)=>({"grid-template-rows":`repeat(${Math.min(e?.[o]?.[l.value.children]?.length||0,Number(a||t.maxRowLength?a||t.maxRowLength:e?.[o]?.[l.value.children]?.length))}, auto)`})),l=n.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...t.attrMapping})),A=n.getCurrentInstance(),g=n.useSlots(),w=n.ref(),S=A.appContext.config.globalProperties.$router,b=(e,o,a)=>{const i=e[l.value.path],s=e[l.value.title],u=e?.[l.value.index],M=e?.[l.value.icon],h=!!e?.[l.value.disabled],d=t.disabledJudgeTurnOver?!h:h,m=u||i||o+s;return n.createVNode(O.VftMenuItem,n.mergeProps(e,{key:m,index:String(m),icon:M,route:i,title:s,disabled:t.openDisabled&&d,className:a?"vft-menu-popup-item":"vft-menu-no-popup-item"}),{default:a?g.menuItem?()=>g.menuItem?.({item:e}):null:g.menuTopItem?()=>g.menuTopItem?.({item:e}):null})},I=e=>{p("open",e)},L=e=>{p("close",e)},P=e=>{p("sub-menu-click",e)},T=(e,o,a)=>{const i=e[l.value.path],s=e[l.value.title],u=e?.[l.value.children],M=e?.[l.value.index],h=e?.[l.value.icon],d=e?.menuOrder,m=e?.maxRowLength,k=!!e?.[l.value.disabled],B=t.disabledJudgeTurnOver?!k:k,q=M||i||o+s,x=e.type===G.MenuTypeEnum.TILE;let y=[];if(x)if(d){const r=d.flat();if(r?.length<u.length){const f=Math.max.apply(null,r);for(let c=f+1;c<u.length;c++)d.push([c])}y=d}else for(let r=0;r<u.length;r++)y.push([r]);return u?.length||e?.render?n.createVNode(O.VftSubMenu,n.mergeProps(t.subMenuCfg,e,{index:String(q),key:q,icon:h,showArrow:e.showArrow??t.subMenuCfg.showArrow,disabled:t.openDisabled&&B,toolTipCfg:{...t.subMenuCfg.toolTipCfg||{},...e.subMenuCfg?.toolTipCfg||{}},teleported:!1,"popper-class":[x?v.e("tile"):"",v.e("normal")]}),{default:()=>[e?.render?e?.render:x?y.map((r,f)=>n.createVNode("div",{class:"content-main",key:f},[r.map((c,D)=>{const C=u?.[c]?.[l.value.children],$=u?.[c]?.maxRowLength;return u?.length?n.createVNode("div",{class:"content-col",key:D},[n.createVNode("span",{class:C?.length?"title":""},[u?.[c]?.[l.value.title]]),C?.length?n.createVNode("div",{class:"content",style:R.value(u,c,$||m)},[C.map((j,E)=>b(j,E,!0))]):null]):null})])):u.map((r,f)=>r[l.value.children]?.length?T(r,f,!0):b(r,f,!0))],title:()=>s}):b(e,o,a)};async function J(e){if(t.useRouterJump){const{go:o}=H.useRouterHelper(S),a=e.route;let i=e.route;e.indexPath.some(u=>U.isUrl(u))&&(i=e.indexPath.slice(-2).join("/"));const s=S.getRoutes().filter(u=>u.path===i)?.[0]?.meta?.linkTarget;o(s?{url:a,winOpenOpt:{target:s}}:a)}p("select",e)}const z=n.computed(()=>w.value?.inSubMenu);return N({isInSubMenu:z}),()=>n.createVNode(O.VftMenu,n.mergeProps(t.menuOptions,{ref:w,onSelect:J,onOpen:I,onClose:L,onSubMenuClick:P,mode:"horizontal",class:v.b(),defaultActive:t.defaultActive,defaultOpeneds:t.defaultOpeneds}),{default:()=>[t.menus?.length?t.menus.map((e,o)=>T(e,o,!1)):null]})}});exports.default=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue"),H=require("@vft/router"),U=require("@vft/utils"),O=require("../menu/index.cjs");require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");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 G=require("./constants.cjs"),K=n.defineComponent({name:"vft-horizontal-menu"}),Q=n.defineComponent({...K,props:{menus:{},attrMapping:{},openDisabled:{type:Boolean,default:!1},disabledJudgeTurnOver:{type:Boolean,default:!1},subMenuCfg:{default:()=>({})},useRouterJump:{type:Boolean,default:!1},maxRowLength:{type:[Boolean,Number],default:8},defaultActive:{},defaultOpeneds:{},menuOptions:{}},emits:["open","close","select","sub-menu-click"],setup(t,{expose:N,emit:V}){const v=F.useNamespace("horizontal-menu"),p=V,R=n.computed(()=>(e,o,a)=>({"grid-template-rows":`repeat(${Math.min(e?.[o]?.[l.value.children]?.length||0,Number(a||t.maxRowLength?a||t.maxRowLength:e?.[o]?.[l.value.children]?.length))}, auto)`})),l=n.computed(()=>({path:"path",children:"children",title:"title",index:"path",icon:"icon",disabled:"disabled",...t.attrMapping})),A=n.getCurrentInstance(),g=n.useSlots(),w=n.ref(),S=A.appContext.config.globalProperties.$router,b=(e,o,a)=>{const i=e[l.value.path],s=e[l.value.title],u=e?.[l.value.index],M=e?.[l.value.icon],h=!!e?.[l.value.disabled],d=t.disabledJudgeTurnOver?!h:h,m=u||i||o+s;return n.createVNode(O.VftMenuItem,n.mergeProps(e,{key:m,index:String(m),icon:M,route:i,title:s,disabled:t.openDisabled&&d,className:a?"vft-menu-popup-item":"vft-menu-no-popup-item"}),{default:a?g.menuItem?()=>g.menuItem?.({item:e}):null:g.menuTopItem?()=>g.menuTopItem?.({item:e}):null})},I=e=>{p("open",e)},L=e=>{p("close",e)},P=e=>{p("sub-menu-click",e)},T=(e,o,a)=>{const i=e[l.value.path],s=e[l.value.title],u=e?.[l.value.children],M=e?.[l.value.index],h=e?.[l.value.icon],d=e?.menuOrder,m=e?.maxRowLength,q=!!e?.[l.value.disabled],B=t.disabledJudgeTurnOver?!q:q,k=M||i||o+s,x=e.type===G.MenuTypeEnum.TILE;let y=[];if(x)if(d){const r=d.flat();if(r?.length<u.length){const f=Math.max.apply(null,r);for(let c=f+1;c<u.length;c++)d.push([c])}y=d}else for(let r=0;r<u.length;r++)y.push([r]);return u?.length||e?.render?n.createVNode(O.VftSubMenu,n.mergeProps(t.subMenuCfg,e,{index:String(k),key:k,icon:h,showArrow:e.showArrow??t.subMenuCfg.showArrow,disabled:t.openDisabled&&B,toolTipCfg:{...t.subMenuCfg.toolTipCfg||{},...e.subMenuCfg?.toolTipCfg||{}},teleported:!1,"popper-class":[x?v.e("tile"):"",v.e("normal")]}),{default:()=>[e?.render?e?.render:x?y.map((r,f)=>n.createVNode("div",{class:"content-main",key:f},[r.map((c,D)=>{const C=u?.[c]?.[l.value.children],$=u?.[c]?.maxRowLength;return u?.length?n.createVNode("div",{class:"content-col",key:D},[n.createVNode("span",{class:C?.length?"title":""},[u?.[c]?.[l.value.title]]),C?.length?n.createVNode("div",{class:"content",style:R.value(u,c,$||m)},[C.map((j,E)=>b(j,E,!0))]):null]):null})])):u.map((r,f)=>r[l.value.children]?.length?T(r,f,!0):b(r,f,!0))],title:()=>s}):b(e,o,a)};async function J(e){if(t.useRouterJump){const{go:o}=H.useRouterHelper(S),a=e.route;let i=e.route;e.indexPath.some(u=>U.isUrl(u))&&(i=e.indexPath.slice(-2).join("/"));const s=S.getRoutes().filter(u=>u.path===i)?.[0]?.meta?.linkTarget;o(s?{url:a,winOpenOpt:{target:s}}:a)}p("select",e)}const z=n.computed(()=>w.value?.inSubMenu);return N({isInSubMenu:z}),()=>n.createVNode(O.VftMenu,n.mergeProps(t.menuOptions,{ref:w,onSelect:J,onOpen:I,onClose:L,onSubMenuClick:P,mode:"horizontal",class:v.b(),defaultActive:t.defaultActive,defaultOpeneds:t.defaultOpeneds}),{default:()=>[t.menus?.length?t.menus.map((e,o)=>T(e,o,!1)):null]})}});exports.default=Q;

package/lib/components/horizontal-menu/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const u=require("./horizontal-menu.vue2.cjs"),r=require("./constants.cjs"),e=t.withInstall(u.default);exports.MenuTypeEnum=r.MenuTypeEnum;exports.VftHorizontalMenu=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const u=require("./horizontal-menu.vue2.cjs"),t=require("./constants.cjs"),e=r.withInstall(u.default);exports.MenuTypeEnum=t.MenuTypeEnum;exports.VftHorizontalMenu=e;exports.default=e;

package/lib/components/icon/icon.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/utils");require("../config-provider/index.cjs");require("@vueuse/core");const u=require("../../utils/ns-cover.cjs");require("lodash-es");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("../config-provider/hooks/use-global-config.cjs"),d=["src"],v=e.defineComponent({name:"vft-icon"}),C=e.defineComponent({...v,props:{icon:{},size:{},color:{},rotate:{type:Boolean},rotateSpeed:{default:2},pointer:{type:Boolean},hoverColor:{}},setup(o){const t=f.useNamespace("icon"),n=m.useGlobalConfig(),r=e.computed(()=>u.generateCssVars({size:s.addUnit(o.size),color:o.color,hoverColor:o.hoverColor,cursor:o.pointer?"pointer":void 0,animation:o.rotate?`${n.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite`:void 0},"icon")),l=i=>i?.includes("/"),c=e.computed(()=>l(o.icon)),a=e.computed(()=>n.value?.iconifyPrefixClass&&o.icon&&s.isString(o.icon)?o.icon.startsWith(n.value?.iconifyPrefixClass):!1).value?"":n.value?.iconfontClass||"";return(i,g)=>c.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(t).e("image")),src:i.icon,alt:"",style:e.normalizeStyle(r.value)},null,14,d)):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([e.unref(t).b(),i.icon,e.unref(a)]),style:e.normalizeStyle(r.value)},null,6))}});exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@vft/utils");require("../config-provider/index.cjs");require("@vueuse/core");const u=require("../../utils/helper.cjs"),f=require("../../utils/ns-cover.cjs");require("lodash-es");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 d=require("../config-provider/hooks/use-global-config.cjs"),v=["src"],C=e.defineComponent({name:"vft-icon"}),y=e.defineComponent({...C,props:{icon:{},size:{},color:{},rotate:{type:Boolean},rotateSpeed:{default:2},pointer:{type:Boolean},hoverColor:{}},setup(o){const t=m.useNamespace("icon"),n=d.useGlobalConfig(),r=e.computed(()=>f.generateCssVars({size:u.addUnit(o.size),color:o.color,hoverColor:o.hoverColor,cursor:o.pointer?"pointer":void 0,animation:o.rotate?`${n.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite`:void 0},"icon")),s=i=>i?.includes("/"),l=e.computed(()=>s(o.icon)),c=e.computed(()=>n.value?.iconifyPrefixClass&&o.icon&&a.isString(o.icon)?o.icon.startsWith(n.value?.iconifyPrefixClass):!1).value?"":n.value?.iconfontClass||"";return(i,g)=>l.value?(e.openBlock(),e.createElementBlock("img",{key:0,class:e.normalizeClass(e.unref(t).e("image")),src:i.icon,alt:"",style:e.normalizeStyle(r.value)},null,14,v)):(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass([e.unref(t).b(),i.icon,e.unref(c)]),style:e.normalizeStyle(r.value)},null,6))}});exports.default=y;

package/lib/components/icon/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./icon.vue2.cjs"),e=r.withInstall(t.default);exports.VftIcon=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./icon.vue2.cjs"),e=r.withInstall(t.default);exports.VftIcon=e;exports.default=e;

package/lib/components/icon-text/icon-text.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("../clamp-tooltip/index.cjs"),s=require("../icon/index.cjs");require("@vueuse/core");const r=require("@vft/utils"),C=require("../../utils/ns-cover.cjs");require("lodash-es");const p=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={key:2},k=e.defineComponent({name:"vft-icon-text"}),h=e.defineComponent({...k,props:{text:{},icon:{},color:{},hoverColor:{},distance:{default:3},reverse:{type:Boolean},size:{},direction:{default:"row"},pointer:{type:Boolean},adjustOrigin:{type:Boolean,default:!0},maxLines:{},showTooltip:{type:Boolean},clampTooltipCfg:{},useClamp:{type:Boolean}},setup(o){const c=p.useNamespace("icon-text"),m=e.computed(()=>o.hoverColor?o.hoverColor:o.color),n=e.computed(()=>r.singleAttrToObj(o.icon,"icon",{size:o.size,color:o.color})),u=e.computed(()=>o.direction==="col"),a=e.computed(()=>{const t=r.addUnit(o.distance);return u.value?o.reverse?{marginTop:t}:{marginBottom:t}:o.reverse?{marginLeft:t}:{marginRight:t}}),l=e.computed(()=>r.removeUnit(o.size)),i=e.computed(()=>l.value<12),d=e.computed(()=>l.value&&i.value?{transform:`scale(${l.value/12})`}:{}),v=e.computed(()=>{const t=C.generateCssVars({cursor:o.pointer?"pointer":void 0,color:o.color,"hover-color":m.value,fontSize:i.value?"12px":r.addUnit(o.size)},"icon-text");return{...i.value&&o.adjustOrigin?{transformOrigin:"left top"}:{},...t,...d.value}}),f=e.computed(()=>({text:o.text,maxLines:o.maxLines,showTooltip:o.showTooltip,...o.clampTooltipCfg}));return(t,g)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(c).b(),e.unref(c).is("col",u.value)]),style:e.normalizeStyle(v.value)},[!t.reverse&&n.value?.icon?(e.openBlock(),e.createBlock(e.unref(s.VftIcon),e.mergeProps({key:0},n.value,{style:a.value}),null,16,["style"])):e.createCommentVNode("",!0),t.useClamp?(e.openBlock(),e.createBlock(e.unref(y.VftClampTooltip),e.normalizeProps(e.mergeProps({key:1},f.value)),null,16)):(e.openBlock(),e.createElementBlock("span",B,e.toDisplayString(t.text),1)),t.reverse&&n.value?.icon?(e.openBlock(),e.createBlock(e.unref(s.VftIcon),e.mergeProps({key:3},n.value,{style:a.value}),null,16,["style"])):e.createCommentVNode("",!0)],6))}});exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("../clamp-tooltip/index.cjs"),a=require("../icon/index.cjs");require("@vueuse/core");const s=require("@vft/utils"),m=require("../../utils/helper.cjs"),p=require("../../utils/ns-cover.cjs");require("lodash-es");const B=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const k={key:2},h=e.defineComponent({name:"vft-icon-text"}),q=e.defineComponent({...h,props:{text:{},icon:{},color:{},hoverColor:{},distance:{default:3},reverse:{type:Boolean},size:{},direction:{default:"row"},pointer:{type:Boolean},adjustOrigin:{type:Boolean,default:!0},maxLines:{},showTooltip:{type:Boolean},clampTooltipCfg:{},useClamp:{type:Boolean}},setup(o){const i=B.useNamespace("icon-text"),d=e.computed(()=>o.hoverColor?o.hoverColor:o.color),n=e.computed(()=>s.singleAttrToObj(o.icon,"icon",{size:o.size,color:o.color})),c=e.computed(()=>o.direction==="col"),u=e.computed(()=>{const t=m.addUnit(o.distance);return c.value?o.reverse?{marginTop:t}:{marginBottom:t}:o.reverse?{marginLeft:t}:{marginRight:t}}),r=e.computed(()=>s.removeUnit(o.size)),l=e.computed(()=>r.value<12),v=e.computed(()=>r.value&&l.value?{transform:`scale(${r.value/12})`}:{}),f=e.computed(()=>{const t=p.generateCssVars({cursor:o.pointer?"pointer":void 0,color:o.color,"hover-color":d.value,fontSize:l.value?"12px":m.addUnit(o.size)},"icon-text");return{...l.value&&o.adjustOrigin?{transformOrigin:"left top"}:{},...t,...v.value}}),g=e.computed(()=>({text:o.text,maxLines:o.maxLines,showTooltip:o.showTooltip,...o.clampTooltipCfg}));return(t,y)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(i).b(),e.unref(i).is("col",c.value)]),style:e.normalizeStyle(f.value)},[!t.reverse&&n.value?.icon?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),e.mergeProps({key:0},n.value,{style:u.value}),null,16,["style"])):e.createCommentVNode("",!0),t.useClamp?(e.openBlock(),e.createBlock(e.unref(C.VftClampTooltip),e.normalizeProps(e.mergeProps({key:1},g.value)),null,16)):(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(t.text),1)),t.reverse&&n.value?.icon?(e.openBlock(),e.createBlock(e.unref(a.VftIcon),e.mergeProps({key:3},n.value,{style:u.value}),null,16,["style"])):e.createCommentVNode("",!0)],6))}});exports.default=q;

package/lib/components/icon-text/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const r=require("./icon-text.vue2.cjs"),e=t.withInstall(r.default);exports.VftIconText=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const t=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const r=require("./icon-text.vue2.cjs"),e=t.withInstall(r.default);exports.VftIconText=e;exports.default=e;

package/lib/components/iframe-layout/iframe-page.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("../../utils/ns-cover.cjs");require("lodash-es");const 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 u=["src"],s=e.defineComponent({name:"vft-iframe-page"}),a=e.defineComponent({...s,props:{frameSrc:{default:""}},setup(i){const r=t.useNamespace("iframe-page");return(n,o)=>(e.openBlock(),e.createElementBlock("iframe",{class:e.normalizeClass(e.unref(r).b()),src:n.frameSrc},null,10,u))}});exports.default=a;
+"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("../../utils/ns-cover.cjs");require("lodash-es");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 t=["src"],s=e.defineComponent({name:"vft-iframe-page"}),i=e.defineComponent({...s,props:{frameSrc:{default:""}},setup(a){const r=n.useNamespace("iframe-page");return(u,o)=>(e.openBlock(),e.createElementBlock("iframe",{class:e.normalizeClass(e.unref(r).b()),src:u.frameSrc},null,10,t))}});exports.default=i;

package/lib/components/iframe-layout/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./iframe-layout.vue2.cjs"),e=r.withInstall(t.default);exports.VftIframeLayout=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./iframe-layout.vue2.cjs"),e=r.withInstall(t.default);exports.VftIframeLayout=e;exports.default=e;

package/lib/components/image/image.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("@vft/use"),c=require("@vft/utils"),H=require("../image-viewer/index.cjs"),r=require("@vueuse/core");require("../../utils/ns-cover.cjs");require("lodash-es");const P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const x=["src","loading"],F={key:0},j=e.defineComponent({name:"vft-image",inheritAttrs:!1}),D=e.defineComponent({...j,props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:{},lazy:{type:Boolean},scrollContainer:{},previewSrcList:{default:()=>[]},previewTeleported:{type:Boolean,default:!1},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}},emits:["load","error","switch","close","show"],setup(l,{emit:z}){const o=P.useNamespace("image"),s=z;let y="";const S=e.useAttrs(),B=$.useAttrs(),d=e.ref(),a=e.ref(!1),i=e.ref(!0),f=e.ref(!1),u=e.ref(),n=e.ref(),E=r.isClient&&"loading"in HTMLImageElement.prototype;let w,C;const V=e.computed(()=>S.style),q=e.computed(()=>r.isClient&&l.fit?{objectFit:l.fit}:{}),v=e.computed(()=>Array.isArray(l.previewSrcList)&&l.previewSrcList.length>0),I=e.computed(()=>{let t=l.initialIndex;return l.initialIndex>l.previewSrcList.length-1&&(t=0),t}),h=e.computed(()=>l.loading==="eager"?!1:!E&&l.loading==="lazy"||l.lazy),m=()=>{r.isClient&&(i.value=!0,a.value=!1,d.value=l.src)};function N(t){i.value=!1,a.value=!1,s("load",t)}function b(t){i.value=!1,a.value=!0,s("error",t)}function g(){c.isInContainer(u.value,n.value)&&(m(),L())}const k=r.useThrottleFn(g,200);async function p(){r.isClient&&(await e.nextTick(),c.isElement(l.scrollContainer)?n.value=l.scrollContainer:c.isString(l.scrollContainer)&&l.scrollContainer!==""?n.value=document.querySelector(l.scrollContainer)??void 0:u.value&&(n.value=c.getScrollContainer(u.value)),n.value&&(w=r.useEventListener(n,"scroll",k),setTimeout(()=>g(),100)))}function L(){!r.isClient||!n.value||!k||(w?.(),n.value=void 0)}function M(t){if(t.ctrlKey){if(t.deltaY<0)return t.preventDefault(),!1;if(t.deltaY>0)return t.preventDefault(),!1}}function T(){v.value&&(C=r.useEventListener("wheel",M,{passive:!1}),y=document.body.style.overflow,document.body.style.overflow="hidden",f.value=!0,s("show"))}function A(){C?.(),document.body.style.overflow=y,f.value=!1,s("close")}function O(t){s("switch",t)}return e.watch(()=>l.src,()=>{h.value?(i.value=!0,a.value=!1,L(),p()):m()}),e.onMounted(()=>{h.value?p():m()}),(t,Y)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(o).b(),t.$attrs.class]),style:e.normalizeStyle(V.value)},[d.value!==void 0&&!a.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(B),{src:d.value,loading:t.loading,style:q.value,class:[e.unref(o).e("inner"),v.value&&e.unref(o).e("preview"),i.value&&e.unref(o).is("loading")],onClick:T,onLoad:N,onError:b,alt:""}),null,16,x)):e.createCommentVNode("",!0),i.value||a.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).e("wrapper"))},[i.value?e.renderSlot(t.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("placeholder"))},null,2)]):a.value?e.renderSlot(t.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("error"))},"加载失败",2)]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[f.value?(e.openBlock(),e.createBlock(e.unref(H.VftImageViewer),{key:0,"z-index":t.zIndex,"initial-index":I.value,infinite:t.infinite,"zoom-rate":t.zoomRate,"url-list":t.previewSrcList,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:A,onSwitch:O},{default:e.withCtx(()=>[t.$slots.viewer?(e.openBlock(),e.createElementBlock("div",F,[e.renderSlot(t.$slots,"viewer")])):e.createCommentVNode("",!0)]),_:3},8,["z-index","initial-index","infinite","zoom-rate","url-list","hide-on-click-modal","teleported","close-on-press-escape"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],6))}});exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("@vft/use"),c=require("@vft/utils"),H=require("../image-viewer/index.cjs"),r=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");require("lodash-es");const P=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const x=["src","loading"],F={key:0},j=e.defineComponent({name:"vft-image",inheritAttrs:!1}),D=e.defineComponent({...j,props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:{},lazy:{type:Boolean},scrollContainer:{},previewSrcList:{default:()=>[]},previewTeleported:{type:Boolean,default:!1},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}},emits:["load","error","switch","close","show"],setup(l,{emit:z}){const o=P.useNamespace("image"),s=z;let y="";const S=e.useAttrs(),B=$.useAttrs(),d=e.ref(),i=e.ref(!1),a=e.ref(!0),f=e.ref(!1),u=e.ref(),n=e.ref(),E=r.isClient&&"loading"in HTMLImageElement.prototype;let w,C;const q=e.computed(()=>S.style),V=e.computed(()=>r.isClient&&l.fit?{objectFit:l.fit}:{}),v=e.computed(()=>Array.isArray(l.previewSrcList)&&l.previewSrcList.length>0),I=e.computed(()=>{let t=l.initialIndex;return l.initialIndex>l.previewSrcList.length-1&&(t=0),t}),h=e.computed(()=>l.loading==="eager"?!1:!E&&l.loading==="lazy"||l.lazy),m=()=>{r.isClient&&(a.value=!0,i.value=!1,d.value=l.src)};function N(t){a.value=!1,i.value=!1,s("load",t)}function b(t){a.value=!1,i.value=!0,s("error",t)}function g(){c.isInContainer(u.value,n.value)&&(m(),L())}const k=r.useThrottleFn(g,200);async function p(){r.isClient&&(await e.nextTick(),c.isElement(l.scrollContainer)?n.value=l.scrollContainer:c.isString(l.scrollContainer)&&l.scrollContainer!==""?n.value=document.querySelector(l.scrollContainer)??void 0:u.value&&(n.value=c.getScrollContainer(u.value)),n.value&&(w=r.useEventListener(n,"scroll",k),setTimeout(()=>g(),100)))}function L(){!r.isClient||!n.value||!k||(w?.(),n.value=void 0)}function M(t){if(t.ctrlKey){if(t.deltaY<0)return t.preventDefault(),!1;if(t.deltaY>0)return t.preventDefault(),!1}}function T(){v.value&&(C=r.useEventListener("wheel",M,{passive:!1}),y=document.body.style.overflow,document.body.style.overflow="hidden",f.value=!0,s("show"))}function A(){C?.(),document.body.style.overflow=y,f.value=!1,s("close")}function O(t){s("switch",t)}return e.watch(()=>l.src,()=>{h.value?(a.value=!0,i.value=!1,L(),p()):m()}),e.onMounted(()=>{h.value?p():m()}),(t,Y)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(o).b(),t.$attrs.class]),style:e.normalizeStyle(q.value)},[d.value!==void 0&&!i.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(B),{src:d.value,loading:t.loading,style:V.value,class:[e.unref(o).e("inner"),v.value&&e.unref(o).e("preview"),a.value&&e.unref(o).is("loading")],onClick:T,onLoad:N,onError:b,alt:""}),null,16,x)):e.createCommentVNode("",!0),a.value||i.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).e("wrapper"))},[a.value?e.renderSlot(t.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("placeholder"))},null,2)]):i.value?e.renderSlot(t.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(o).e("error"))},"加载失败",2)]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),v.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[f.value?(e.openBlock(),e.createBlock(e.unref(H.VftImageViewer),{key:0,"z-index":t.zIndex,"initial-index":I.value,infinite:t.infinite,"zoom-rate":t.zoomRate,"url-list":t.previewSrcList,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:A,onSwitch:O},{default:e.withCtx(()=>[t.$slots.viewer?(e.openBlock(),e.createElementBlock("div",F,[e.renderSlot(t.$slots,"viewer")])):e.createCommentVNode("",!0)]),_:3},8,["z-index","initial-index","infinite","zoom-rate","url-list","hide-on-click-modal","teleported","close-on-press-escape"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)],6))}});exports.default=D;

package/lib/components/image/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./image.vue2.cjs"),e=r.withInstall(t.default);exports.VftImage=e;exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("vue");const t=require("./image.vue2.cjs"),e=r.withInstall(t.default);exports.VftImage=e;exports.default=e;

package/lib/components/image-viewer/image-viewer.vue2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vft/constants"),O=require("@vft/utils"),f=require("../icon/index.cjs"),E=require("@vueuse/core");require("../../utils/ns-cover.cjs");const C=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const A=require("../../hooks/use-z-index/index.cjs"),j=require("../teleport/index.cjs"),W=["src"],G=e.defineComponent({name:"vft-image-viewer"}),J=e.defineComponent({...G,props:{urlList:{default:()=>[]},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},hideOnClickModal:{type:Boolean,default:!1},teleported:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{default:1.2}},emits:{close:()=>!0,switch:r=>O.isNumber(r)},setup(r,{expose:$,emit:q}){const a=Z.useNamespace("image-viewer"),z=q,{nextZIndex:B}=A.useZIndex(),b=e.ref(),w=e.ref([]),N=e.effectScope(),m=e.ref(!0),u=e.ref(r.initialIndex),s=e.ref({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),D=e.computed(()=>r.urlList.length<=1),h=e.computed(()=>u.value===0),I=e.computed(()=>u.value===r.urlList.length-1),M=e.computed(()=>r.urlList[u.value]),X=e.computed(()=>{const{scale:t,deg:n,offsetX:o,offsetY:l,enableTransition:k}=s.value;let i=o/t,c=l/t;switch(n%360){case 90:case-270:[i,c]=[c,-i];break;case 180:case-180:[i,c]=[-i,-c];break;case 270:case-90:[i,c]=[-c,i];break}const v={transform:`scale(${t}) rotate(${n}deg) translate(${i}px, ${c}px)`,transition:k?"transform .3s":""};return v.maxWidth=v.maxHeight="100%",v}),Y=e.computed(()=>O.isNumber(r.zIndex)?r.zIndex:B());function V(){F(),z("close")}function S(){const t=C.throttle(o=>{switch(o.code){case g.EVENT_CODE.esc:r.closeOnPressEscape&&V();break;case g.EVENT_CODE.space:T();break;case g.EVENT_CODE.left:y();break;case g.EVENT_CODE.up:d("zoomIn");break;case g.EVENT_CODE.right:L();break;case g.EVENT_CODE.down:d("zoomOut");break}}),n=C.throttle(o=>{const l=o.deltaY||o.deltaX;d(l<0?"zoomIn":"zoomOut",{zoomRate:r.zoomRate,enableTransition:!1})});N.run(()=>{E.useEventListener(document,"keydown",t),E.useEventListener(document,"wheel",n)})}function F(){N.stop()}function R(){m.value=!1}function H(t){m.value=!1,t.target.alt="加载失败"}function P(t){if(m.value||t.button!==0||!b.value)return;s.value.enableTransition=!1;const{offsetX:n,offsetY:o}=s.value,l=t.pageX,k=t.pageY,i=C.throttle(v=>{s.value={...s.value,offsetX:n+v.pageX-l,offsetY:o+v.pageY-k}}),c=E.useEventListener(document,"mousemove",i);E.useEventListener(document,"mouseup",()=>{c()}),t.preventDefault()}function x(){s.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function T(){m.value||x()}function p(t){const n=r.urlList.length;u.value=(t+n)%n}function y(){h.value&&!r.infinite||p(u.value-1)}function L(){I.value&&!r.infinite||p(u.value+1)}function d(t,n={}){if(m.value)return;const{rotateDeg:o,enableTransition:l}={rotateDeg:90,enableTransition:!0,...n};switch(t){case"zoomOut":s.value.scale>.2&&(s.value.scale=Number.parseFloat((s.value.scale/r.zoomRate).toFixed(3)));break;case"zoomIn":s.value.scale<7&&(s.value.scale=Number.parseFloat((s.value.scale*r.zoomRate).toFixed(3)));break;case"clockwise":s.value.deg+=o;break;case"anticlockwise":s.value.deg-=o;break}s.value.enableTransition=l}return e.watch(M,()=>{e.nextTick(()=>{w.value[0]?.complete||(m.value=!0)})}),e.watch(u,t=>{x(),z("switch",t)}),e.onMounted(()=>{S(),b.value?.focus?.()}),$({setActiveItem:p}),(t,n)=>(e.openBlock(),e.createBlock(e.unref(j.VftTeleport),{to:"body",disabled:!t.teleported},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"viewer-fade",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"wrapper",ref:b,tabindex:-1,class:e.normalizeClass(e.unref(a).e("wrapper")),style:e.normalizeStyle({zIndex:Y.value})},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("mask")),onClick:n[0]||(n[0]=e.withModifiers(o=>t.hideOnClickModal&&V(),["self"]))},null,2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("close")]),onClick:V},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-close"})],2),D.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("prev"),e.unref(a).is("disabled",!t.infinite&&h.value)]),onClick:y},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-left"})],2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("next"),e.unref(a).is("disabled",!t.infinite&&I.value)]),onClick:L},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-right"})],2)],64)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("actions")])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("actions__inner"))},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-out",onClick:n[1]||(n[1]=o=>d("zoomOut"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-in",onClick:n[2]||(n[2]=o=>d("zoomIn"))}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(a).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"icon-scale-to-original",onClick:T}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(a).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-left",onClick:n[3]||(n[3]=o=>d("anticlockwise"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-right",onClick:n[4]||(n[4]=o=>d("clockwise"))})],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("canvas"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.urlList,(o,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("img",{ref_for:!0,ref:k=>w.value[l]=k,key:o,src:o,style:e.normalizeStyle(X.value),class:e.normalizeClass(e.unref(a).e("img")),onLoad:R,onError:H,onMousedown:P},null,46,W)),[[e.vShow,l===u.value]])),128))],2),e.renderSlot(t.$slots,"default")],6)]),_:3})]),_:3},8,["disabled"]))}});exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("@vft/constants"),O=require("@vft/utils"),f=require("../icon/index.cjs"),E=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("../../utils/ns-cover.cjs");const C=require("lodash-es"),Z=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");const A=require("../../hooks/use-z-index/index.cjs"),j=require("../teleport/index.cjs"),W=["src"],G=e.defineComponent({name:"vft-image-viewer"}),J=e.defineComponent({...G,props:{urlList:{default:()=>[]},zIndex:{},initialIndex:{default:0},infinite:{type:Boolean,default:!0},hideOnClickModal:{type:Boolean,default:!1},teleported:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},zoomRate:{default:1.2}},emits:{close:()=>!0,switch:r=>O.isNumber(r)},setup(r,{expose:$,emit:q}){const a=Z.useNamespace("image-viewer"),z=q,{nextZIndex:B}=A.useZIndex(),b=e.ref(),w=e.ref([]),N=e.effectScope(),m=e.ref(!0),u=e.ref(r.initialIndex),s=e.ref({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}),D=e.computed(()=>r.urlList.length<=1),h=e.computed(()=>u.value===0),I=e.computed(()=>u.value===r.urlList.length-1),M=e.computed(()=>r.urlList[u.value]),X=e.computed(()=>{const{scale:t,deg:n,offsetX:o,offsetY:l,enableTransition:k}=s.value;let i=o/t,c=l/t;switch(n%360){case 90:case-270:[i,c]=[c,-i];break;case 180:case-180:[i,c]=[-i,-c];break;case 270:case-90:[i,c]=[-c,i];break}const v={transform:`scale(${t}) rotate(${n}deg) translate(${i}px, ${c}px)`,transition:k?"transform .3s":""};return v.maxWidth=v.maxHeight="100%",v}),Y=e.computed(()=>O.isNumber(r.zIndex)?r.zIndex:B());function V(){F(),z("close")}function S(){const t=C.throttle(o=>{switch(o.code){case g.EVENT_CODE.esc:r.closeOnPressEscape&&V();break;case g.EVENT_CODE.space:T();break;case g.EVENT_CODE.left:y();break;case g.EVENT_CODE.up:d("zoomIn");break;case g.EVENT_CODE.right:L();break;case g.EVENT_CODE.down:d("zoomOut");break}}),n=C.throttle(o=>{const l=o.deltaY||o.deltaX;d(l<0?"zoomIn":"zoomOut",{zoomRate:r.zoomRate,enableTransition:!1})});N.run(()=>{E.useEventListener(document,"keydown",t),E.useEventListener(document,"wheel",n)})}function F(){N.stop()}function R(){m.value=!1}function H(t){m.value=!1,t.target.alt="加载失败"}function P(t){if(m.value||t.button!==0||!b.value)return;s.value.enableTransition=!1;const{offsetX:n,offsetY:o}=s.value,l=t.pageX,k=t.pageY,i=C.throttle(v=>{s.value={...s.value,offsetX:n+v.pageX-l,offsetY:o+v.pageY-k}}),c=E.useEventListener(document,"mousemove",i);E.useEventListener(document,"mouseup",()=>{c()}),t.preventDefault()}function x(){s.value={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}function T(){m.value||x()}function p(t){const n=r.urlList.length;u.value=(t+n)%n}function y(){h.value&&!r.infinite||p(u.value-1)}function L(){I.value&&!r.infinite||p(u.value+1)}function d(t,n={}){if(m.value)return;const{rotateDeg:o,enableTransition:l}={rotateDeg:90,enableTransition:!0,...n};switch(t){case"zoomOut":s.value.scale>.2&&(s.value.scale=Number.parseFloat((s.value.scale/r.zoomRate).toFixed(3)));break;case"zoomIn":s.value.scale<7&&(s.value.scale=Number.parseFloat((s.value.scale*r.zoomRate).toFixed(3)));break;case"clockwise":s.value.deg+=o;break;case"anticlockwise":s.value.deg-=o;break}s.value.enableTransition=l}return e.watch(M,()=>{e.nextTick(()=>{w.value[0]?.complete||(m.value=!0)})}),e.watch(u,t=>{x(),z("switch",t)}),e.onMounted(()=>{S(),b.value?.focus?.()}),$({setActiveItem:p}),(t,n)=>(e.openBlock(),e.createBlock(e.unref(j.VftTeleport),{to:"body",disabled:!t.teleported},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"viewer-fade",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"wrapper",ref:b,tabindex:-1,class:e.normalizeClass(e.unref(a).e("wrapper")),style:e.normalizeStyle({zIndex:Y.value})},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("mask")),onClick:n[0]||(n[0]=e.withModifiers(o=>t.hideOnClickModal&&V(),["self"]))},null,2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("close")]),onClick:V},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-close"})],2),D.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("prev"),e.unref(a).is("disabled",!t.infinite&&h.value)]),onClick:y},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-left"})],2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("next"),e.unref(a).is("disabled",!t.infinite&&I.value)]),onClick:L},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-arrow-right"})],2)],64)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(a).e("btn"),e.unref(a).e("actions")])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("actions__inner"))},[e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-out",onClick:n[1]||(n[1]=o=>d("zoomOut"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-zoom-in",onClick:n[2]||(n[2]=o=>d("zoomIn"))}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(a).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"icon-scale-to-original",onClick:T}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(a).e("actions__divider"))},null,2),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-left",onClick:n[3]||(n[3]=o=>d("anticlockwise"))}),e.createVNode(e.unref(f.VftIcon),{icon:"icon-refresh-right",onClick:n[4]||(n[4]=o=>d("clockwise"))})],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("canvas"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.urlList,(o,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("img",{ref_for:!0,ref:k=>w.value[l]=k,key:o,src:o,style:e.normalizeStyle(X.value),class:e.normalizeClass(e.unref(a).e("img")),onLoad:R,onError:H,onMousedown:P},null,46,W)),[[e.vShow,l===u.value]])),128))],2),e.renderSlot(t.$slots,"default")],6)]),_:3})]),_:3},8,["disabled"]))}});exports.default=J;