vft 0.0.50 → 0.0.51

package/lib/components/image-viewer/image-viewer.vue.d.ts

@@ -0,0 +1,88 @@
+import type { PropType as __PropType } from 'vue';
+export interface ImageViewerProps {
+    urlList?: string[];
+    zIndex?: number;
+    initialIndex?: number;
+    infinite?: boolean;
+    hideOnClickModal?: boolean;
+    teleported?: boolean;
+    closeOnPressEscape?: boolean;
+    zoomRate?: number;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    urlList: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    initialIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    infinite: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    hideOnClickModal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    zoomRate: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    /** @description manually switch image */
+    setActiveItem: (index: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => true;
+    switch: (index: number) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    urlList: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    initialIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    infinite: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    hideOnClickModal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    zoomRate: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: (() => any) | undefined;
+    onSwitch?: ((index: number) => any) | undefined;
+}, {}>;
+export default _sfc_main;

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

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

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

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

package/lib/components/image-viewer/index.d.ts

@@ -0,0 +1,77 @@
+export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    urlList: {
+        type: import("vue").PropType<string[] | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    initialIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    infinite: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    hideOnClickModal: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    zoomRate: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+}, {
+    setActiveItem: (index: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => true;
+    switch: (index: number) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    urlList: {
+        type: import("vue").PropType<string[] | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    initialIndex: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    infinite: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    hideOnClickModal: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    teleported: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    zoomRate: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: (() => any) | undefined;
+    onSwitch?: ((index: number) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftImageViewer;
+export * from './types';

package/lib/components/image-viewer/style/css.cjs

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

package/lib/components/image-viewer/style/index.cjs

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

package/lib/components/image-viewer/types.d.ts

@@ -0,0 +1 @@
+export type ImageViewerAction = 'zoomIn' | 'zoomOut' | 'clockwise' | 'anticlockwise';

package/lib/components/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("./divider/index.cjs"),a=require("./icon/index.cjs"),M=require("./avatar/index.cjs"),P=require("./empty/index.cjs"),T=require("./result/index.cjs"),c=require("./tabs/index.cjs"),v=require("./popper/index.cjs"),D=require("./collapse-transition/index.cjs"),S=require("./tooltip/index.cjs"),G=require("./popover/index.cjs"),e=require("./menu/index.cjs"),d=require("./context-menu/createContextMenu.cjs"),L=require("./context-menu/useContextMenu.cjs"),_=require("./multiple-tabs/index.cjs"),K=require("./header-layout/index.cjs"),w=require("./footer-layout/index.cjs"),z=require("./iframe-layout/index.cjs"),F=require("./router-view-content/index.cjs"),h=require("./logo/index.cjs"),k=require("./back-top/index.cjs"),R=require("./config-provider/index.cjs"),V=require("./descriptions/index.cjs"),B=require("./full-screen/index.cjs"),E=require("./icon-text/index.cjs"),A=require("./image/index.cjs"),O=require("./input/index.cjs"),N=require("./link/index.cjs"),j=require("./pagination/index.cjs"),W=require("./tag/index.cjs"),H=require("./side-menu/index.cjs"),J=require("./qrcode/index.cjs"),Q=require("./overlay/index.cjs"),Y=require("./clamp/index.cjs"),U=require("./clamp-toggle/index.cjs"),X=require("./page-wrapper/index.cjs"),Z=require("./exception/index.cjs"),ee=require("./search/index.cjs"),l=require("./form/index.cjs"),p=require("./button/index.cjs"),r=require("./checkbox/index.cjs"),n=require("./radio/index.cjs"),te=require("./switch/index.cjs"),oe=require("./color-picker/index.cjs"),re=require("./scrollbar/index.cjs"),i=require("./dropdown/index.cjs"),ne=require("./virtual-list/components/fixed-size-list.cjs"),ie=require("./virtual-list/components/dynamic-size-list.cjs"),se=require("./virtual-list/components/fixed-size-grid.cjs"),ue=require("./virtual-list/components/dynamic-size-grid.cjs"),t=require("./virtual-list/props.cjs"),fe=require("./select-v2/index.cjs"),ae=require("./verify-code/index.cjs"),ce=require("./table/index.cjs"),de=require("./image-viewer/index.cjs"),Ve=require("./md-container/index.cjs"),le=require("./md-comment/index.cjs"),pe=require("./md-tabs/index.cjs"),xe=require("./md-vue-playground/index.cjs"),qe=require("./md-code-demo/index.cjs"),me=require("./md-code-tabs/index.cjs"),x=require("./message/index.cjs"),Ce=require("./loading/index.cjs"),ge=require("./empty/constants.cjs"),$e=require("./tabs/types.cjs"),ye=require("./popper/arrow.vue2.cjs"),be=require("./popper/trigger.vue2.cjs"),Ie=require("./popper/content.vue2.cjs"),Me=require("./multiple-tabs/use/use-tab-dropdown.cjs"),q=require("./multiple-tabs/use/use-multiple-tabs.cjs"),m=require("./config-provider/constants.cjs"),s=require("./config-provider/hooks/use-global-config.cjs"),C=require("./pagination/usePagination.cjs"),Pe=require("./form/types.cjs"),g=require("./form/constants.cjs"),o=require("./form/hooks/use-form-common-props.cjs"),$=require("./form/hooks/use-form-item.cjs"),Te=require("./button/constants.cjs"),ve=require("./checkbox/constants.cjs"),De=require("./radio/constants.cjs"),u=require("./scrollbar/util.cjs"),Se=require("./scrollbar/constants.cjs"),Ge=require("./dropdown/tokens.cjs"),y=require("./dropdown/types.cjs"),Le=require("./slot/only-child.cjs"),_e=require("./dropdown/dropdown-item-impl.vue.cjs"),Ke=require("./select-v2/token.cjs"),b=require("./message/types.cjs"),f=require("./loading/directive.cjs"),we=require("./loading/service.cjs");exports.VftDivider=I.VftDivider;exports.Icon=a.VftIcon;exports.VftIcon=a.VftIcon;exports.VftAvatar=M.VftAvatar;exports.VftEmpty=P.VftEmpty;exports.VftResult=T.VftResult;exports.VftTabPane=c.VftTabPane;exports.VftTabs=c.VftTabs;exports.VftPopper=v.VftPopper;exports.VftCollapseTransition=D.VftCollapseTransition;exports.VftTooltip=S.VftTooltip;exports.VftPopover=G.VftPopover;exports.VftMenu=e.VftMenu;exports.VftMenuItem=e.VftMenuItem;exports.VftMenuItemGroup=e.VftMenuItemGroup;exports.VftSubMenu=e.VftSubMenu;exports.createContextMenu=d.createContextMenu;exports.destroyContextMenu=d.destroyContextMenu;exports.useContextMenu=L.useContextMenu;exports.VftMultipleTabs=_.VftMultipleTabs;exports.VftHeaderLayout=K.VftHeaderLayout;exports.VftFooterLayout=w.VftFooterLayout;exports.VftIframeLayout=z.VftIframeLayout;exports.VftRouterViewContent=F.VftRouterViewContent;exports.VftLogo=h.VftLogo;exports.VftBackTop=k.VftBackTop;exports.VftConfigProvider=R.VftConfigProvider;exports.VftDescriptions=V.VftDescriptions;exports.VftDescriptionsItem=V.VftDescriptionsItem;exports.VftFullScreen=B.VftFullScreen;exports.VftIconText=E.VftIconText;exports.VftImage=A.VftImage;exports.VftInput=O.VftInput;exports.VftLink=N.VftLink;exports.VftPagination=j.VftPagination;exports.VftTag=W.VftTag;exports.VftSideMenu=H.VftSideMenu;exports.VftQrcode=J.VftQrcode;exports.VftOverlay=Q.VftOverlay;exports.VftClamp=Y.VftClamp;exports.VftClampToggle=U.VftClampToggle;exports.VftPageWrapper=X.VftPageWrapper;exports.VftException=Z.VftException;exports.VftSearch=ee.VftSearch;exports.VftForm=l.VftForm;exports.VftFormItem=l.VftFormItem;exports.VftButton=p.VftButton;exports.VftButtonGroup=p.VftButtonGroup;exports.VftCheckbox=r.VftCheckbox;exports.VftCheckboxButton=r.VftCheckboxButton;exports.VftCheckboxGroup=r.VftCheckboxGroup;exports.VftRadio=n.VftRadio;exports.VftRadioButton=n.VftRadioButton;exports.VftRadioGroup=n.VftRadioGroup;exports.VftSwitch=te.VftSwitch;exports.VftColorPicker=oe.VftColorPicker;exports.VftScrollbar=re.VftScrollbar;exports.VftDropdown=i.VftDropdown;exports.VftDropdownItem=i.VftDropdownItem;exports.VftDropdownMenu=i.VftDropdownMenu;exports.FixedSizeList=ne.default;exports.DynamicSizeList=ie.default;exports.FixedSizeGrid=se.default;exports.DynamicSizeGrid=ue.default;exports.virtualizedGridProps=t.virtualizedGridProps;exports.virtualizedListProps=t.virtualizedListProps;exports.virtualizedProps=t.virtualizedProps;exports.virtualizedScrollbarProps=t.virtualizedScrollbarProps;exports.VftSelectV2=fe.VftSelectV2;exports.VftVerifyCode=ae.VftVerifyCode;exports.VftTable=ce.VftTable;exports.VftImageViewer=de.VftImageViewer;exports.VftMdContainer=Ve.VftMdContainer;exports.VftMdComment=le.VftMdComment;exports.VftMdTabs=pe.VftMdTabs;exports.VftMdVuePlayground=xe.VftMdVuePlayground;exports.VftMdCodeDemo=qe.VftMdCodeDemo;exports.VftMdCodeTabs=me.VftMdCodeTabs;exports.Message=x.VftMessage;exports.VftMessage=x.VftMessage;exports.VftLoading=Ce.VftLoading;exports.EmptyEnum=ge.EmptyEnum;exports.TabsRootContextKey=$e.TabsRootContextKey;exports.VftPopperArrow=ye.default;exports.VftPopperTrigger=be.default;exports.VftPopperContent=Ie.default;exports.useTabDropdown=Me.useTabDropdown;exports.initAffixTabs=q.initAffixTabs;exports.useTabsDrag=q.useTabsDrag;exports.configProviderContextKey=m.configProviderContextKey;exports.messageConfig=m.messageConfig;exports.provideGlobalConfig=s.provideGlobalConfig;exports.useGlobalComponentSettings=s.useGlobalComponentSettings;exports.useGlobalConfig=s.useGlobalConfig;exports.usePagination=C.usePagination;exports.vftPaginationKey=C.vftPaginationKey;exports.formItemValidateStates=Pe.formItemValidateStates;exports.formContextKey=g.formContextKey;exports.formItemContextKey=g.formItemContextKey;exports.useDisabled=o.useDisabled;exports.useFormDisabled=o.useFormDisabled;exports.useFormSize=o.useFormSize;exports.useSize=o.useSize;exports.useFormItem=$.useFormItem;exports.useFormItemInputId=$.useFormItemInputId;exports.buttonGroupContextKey=Te.buttonGroupContextKey;exports.checkboxGroupContextKey=ve.checkboxGroupContextKey;exports.radioGroupKey=De.radioGroupKey;exports.BAR_MAP=u.BAR_MAP;exports.GAP=u.GAP;exports.renderThumbStyle=u.renderThumbStyle;exports.scrollbarContextKey=Se.scrollbarContextKey;exports.DROPDOWN_INJECTION_KEY=Ge.DROPDOWN_INJECTION_KEY;exports.VftDropdownCollection=y.VftCollection;exports.VftDropdownCollectionItem=y.VftCollectionItem;exports.VftOnlyChild=Le.OnlyChild;exports.VftDropdownItemImpl=_e.default;exports.selectV2InjectionKey=Ke.selectV2InjectionKey;exports.messageDefaults=b.messageDefaults;exports.messageTypes=b.messageTypes;exports.VftLoadingDirective=f.vLoading;exports.createLoadingDirective=f.createLoadingDirective;exports.vLoading=f.vLoading;exports.VftLoadingService=we.Loading;

package/lib/components/index.d.ts

@@ -46,6 +46,7 @@ export * from './virtual-list';
 export * from './select-v2';
 export * from './verify-code';
 export * from './table';
+export * from './image-viewer';
 export * from './md-container';
 export * from './md-comment';
 export * from './md-tabs';

package/lib/components/input/input.vue2.cjs

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

package/lib/components/link/link.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),a=require("@vft/utils"),s=require("../icon/index.cjs"),d=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const f=require("@vft/router"),r=d.useNamespace("link"),m=e.defineComponent({name:r.b()}),k=e.defineComponent({...m,props:{type:{default:"default"},underline:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},route:null,isReplace:{type:Boolean},icon:null},emits:["click"],setup(n,{emit:o}){const{go:i}=f.useRouterHelper();function c(t){n.route&&i(n.route,n.isReplace),n.disabled||o("click",t)}const l=e.computed(()=>a.singleAttrToObj(n.icon,"icon"));return(t,q)=>{var u;return e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(r).b(),e.unref(r).m(n.type),e.unref(r).is("disabled",n.disabled),e.unref(r).is("underline",n.underline&&!n.disabled)]),onClick:c},[(u=e.unref(l))!=null&&u.icon?(e.openBlock(),e.createBlock(e.unref(s.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(l))),null,16)):e.createCommentVNode("",!0),t.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(r).e("inner"))},[e.renderSlot(t.$slots,"default")],2)):e.createCommentVNode("",!0)],2)}}});exports.default=k;

package/lib/components/loading/loading.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@vft/utils"),n=require("vue"),w=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");const A=require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const T=require("../icon/index.cjs");function V(s){let u;const i=w.useNamespace("loading"),a=n.ref(!1),e=n.reactive({...s,originalPosition:"",originalOverflow:"",visible:!1});function h(t){e.text=t}n.watch(()=>e.visible,t=>{t||v()});function x(){const t=e.parent;if(!t.vLoadingAddClassList){let r=t.getAttribute("loading-number");r=Number.parseInt(r)-1,r?t.setAttribute("loading-number",r.toString()):(l.removeClass(t,i.bm("parent","relative")),t.removeAttribute("loading-number")),l.removeClass(t,i.bm("parent","hidden"))}d(),f.unmount()}function d(){var t,r;(r=(t=o.$el)==null?void 0:t.parentNode)==null||r.removeChild(o.$el)}function v(){var t;s.beforeClose&&!s.beforeClose()||(a.value=!0,clearTimeout(u),u=window.setTimeout(c,400),e.visible=!1,(t=s.closed)==null||t.call(s))}function c(){if(!a.value)return;const t=e.parent;a.value=!1,t.vLoadingAddClassList=void 0,x()}const C={name:"VftLoading",setup(t,{expose:r}){return()=>{const L=A.useZIndex();r({ns:i,zIndex:L});const g=e.spinner||e.svg,m=e.img,b=e.icon?l.singleAttrToObj(e.icon,"icon"):!1,p=b?n.h(T.VftIcon,b):m?n.h("img",{class:["circular circular-img",e.rotate?"":"circular-no-rotate"],src:m}):n.h("svg",{class:"circular",viewBox:e.svgViewBox?e.svgViewBox:"0 0 50 50",...g?{innerHTML:g}:{}},[n.h("circle",{class:"path",cx:"25",cy:"25",r:"20",fill:"none"})]),q=e.text?n.h("p",{class:i.b("text")},[e.text]):void 0;return n.h(n.Transition,{name:i.b("fade"),onAfterLeave:c},{default:n.withCtx(()=>[n.withDirectives(n.createVNode("div",{style:{backgroundColor:e.background||""},class:[i.b("mask"),e.customClass,e.fullscreen?"is-fullscreen":""]},[n.h("div",{class:i.b("spinner")},[p,q])]),[[n.vShow,e.visible]])])})}}},f=n.createApp(C),o=f.mount(document.createElement("div"));return{...n.toRefs(e),setText:h,removeVftLoadingChild:d,close:v,handleAfterLeave:c,vm:o,get $el(){return o.$el}}}exports.createLoadingComponent=V;

package/lib/components/loading/service.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../hooks/use-namespace/index.cjs"),l=require("vue");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const f=require("@vueuse/core"),i=require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const g=require("./loading.cjs");let a;const m=function(t={}){if(!f.isClient)return;const e=b(t);if(e.fullscreen&&a)return a;const r=g.createLoadingComponent({...e,closed:()=>{var u;(u=e.closed)==null||u.call(e),e.fullscreen&&(a=void 0)}});v(e,e.parent,r),d(e,e.parent,r),e.parent.vLoadingAddClassList=()=>d(e,e.parent,r);let n=e.parent.getAttribute("loading-number");return n?n=`${Number.parseInt(n)+1}`:n="1",e.parent.setAttribute("loading-number",n),e.parent.appendChild(r.$el),l.nextTick(()=>r.visible.value=e.visible),e.fullscreen&&(a=r),r},b=t=>{let e;return i.isString(t.target)?e=document.querySelector(t.target)??document.body:e=t.target||document.body,{parent:e===document.body||t.body?document.body:e,background:l.unref(t.background)||"",svg:l.unref(t.svg)||"",svgViewBox:l.unref(t.svgViewBox)||"",spinner:l.unref(t.spinner)||!1,img:l.unref(t.img)||!1,icon:l.unref(t.icon)||!1,text:l.unref(t.text)||"",rotate:t.rotate??!0,fullscreen:e===document.body&&(t.fullscreen??!0),lock:t.lock??!1,customClass:l.unref(t.customClass)||"",visible:t.visible??!0,target:e}},v=async(t,e,r)=>{const{nextZIndex:n}=r.vm.zIndex,u={};if(t.fullscreen)r.originalPosition.value=i.getStyle(document.body,"position"),r.originalOverflow.value=i.getStyle(document.body,"overflow"),u.zIndex=n();else if(t.parent===document.body){r.originalPosition.value=i.getStyle(document.body,"position"),await l.nextTick();for(const o of["top","left"]){const s=o==="top"?"scrollTop":"scrollLeft";u[o]=`${t.target.getBoundingClientRect()[o]+document.body[s]+document.documentElement[s]-Number.parseInt(i.getStyle(document.body,`margin-${o}`),10)}px`}for(const o of["height","width"])u[o]=`${t.target.getBoundingClientRect()[o]}px`}else r.originalPosition.value=i.getStyle(e,"position");for(const[o,s]of Object.entries(u))r.$el.style[o]=s},d=(t,e,r)=>{const n=c.useNamespace("loading");["absolute","fixed","sticky"].includes(r.originalPosition.value)?i.removeClass(e,n.bm("parent","relative")):i.addClass(e,n.bm("parent","relative")),t.fullscreen&&t.lock?i.addClass(e,n.bm("parent","hidden")):i.removeClass(e,n.bm("parent","hidden"))};exports.Loading=m;

package/lib/components/logo/logo.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/router"),i=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const c=["src"],r=i.useNamespace("logo"),a=e.defineComponent({name:r.b()}),m=e.defineComponent({...a,props:{title:null,logo:null,jumpPath:null},setup(t){const o=e.computed(()=>[r.b()]),{go:l}=s.useRouterHelper();function n(){t.jumpPath&&l(t.jumpPath)}const u=e.computed(()=>t.jumpPath?{}:r.cssVarBlock({cursor:"inital"}));return(d,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(o)),onClick:n,style:e.normalizeStyle(e.unref(u))},[e.createElementVNode("img",{class:e.normalizeClass(e.unref(r).e("img")),src:t.logo,alt:""},null,10,c),e.createElementVNode("div",{class:e.normalizeClass(["ml-2 truncate",e.unref(r).e("title")])},e.toDisplayString(t.title),3)],6))}});exports.default=m;

package/lib/components/md-code-demo/md-code-demo.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const b=require("../icon/index.cjs"),q=require("../loading/directive.cjs"),d=require("./code-demo/code.cjs"),m=require("./code-demo/loadScript.cjs"),i=require("./utils.cjs"),S=800,C=e.defineComponent({name:"VftMdCodeDemo",props:{id:{type:String,required:!0},type:{type:String,default:"normal"},title:{type:String,default:""},config:{type:String,default:""},code:{type:String,required:!0}},setup(a,{slots:s}){const n=e.ref(!1),f=e.ref(),g=e.ref(),u=e.ref("0"),c=e.ref(!1),r=e.computed(()=>JSON.parse(a.config?i.atou(a.config):"{}")),l=e.computed(()=>{const o=JSON.parse(i.atou(a.code));return d.getCode(o)}),t=e.computed(()=>a.type==="react"?d.getReactCode(l.value,r.value):a.type==="vue"?d.getVueCode(l.value,r.value):d.getNormalCode(l.value,r.value)),y=e.computed(()=>t.value.isLegal),v=(o=!1)=>{const p=f.value.attachShadow({mode:"open"}),h=document.createElement("div");h.classList.add("code-demo-app"),p.appendChild(h),y.value?(o&&(h.innerHTML=t.value.html),i.injectCSS(p,t.value),i.injectScript(a.id,p,t.value),u.value="0"):u.value="auto",c.value=!0},j=()=>{switch(a.type){case"react":return m.loadReact(t.value).then(()=>v());case"vue":return m.loadVue(t.value).then(()=>v());default:return m.loadNormal(t.value).then(()=>v(!0))}};return e.onMounted(()=>{setTimeout(()=>{j()},S)}),()=>{var o;return e.withDirectives(e.h("div",{class:"vft-md-code-demo",id:a.id},[e.h("div",{class:"code-demo-header"},[t.value.isLegal?e.h("button",{class:["toggle-button",n.value?"down":"right"],onClick:()=>{u.value=n.value?"0":`${g.value.clientHeight+13.8}px`,n.value=!n.value}}):null,a.title?e.h("span",{class:"title"},decodeURIComponent(a.title)):null,e.h("div",{style:{display:"flex"}},[t.value.isLegal&&t.value.jsfiddle!==!1?e.h("form",{class:"code-demo-jsfiddle",target:"_blank",action:"https://jsfiddle.net/api/post/library/pure/",method:"post"},[e.h("input",{type:"hidden",name:"html",value:t.value.html}),e.h("input",{type:"hidden",name:"js",value:t.value.js}),e.h("input",{type:"hidden",name:"css",value:t.value.css}),e.h("input",{type:"hidden",name:"wrap",value:"1"}),e.h("input",{type:"hidden",name:"panel_js",value:"3"}),e.h("input",{type:"hidden",name:"resources",value:[...t.value.cssLib,...t.value.jsLib].join(",")}),e.h("button",{type:"submit","aria-label":"JSFiddle","data-balloon-pos":"up"},e.h(b.VftIcon,{icon:"ico-cib:jsfiddle",class:"jsfiddle-button"}))]):null,!t.value.isLegal||t.value.codepen!==!1?e.h("form",{class:"code-demo-codepen",target:"_blank",action:"https://codepen.io/pen/define",method:"post"},[e.h("input",{type:"hidden",name:"data",value:JSON.stringify({html:t.value.html,js:t.value.js,css:t.value.css,js_external:t.value.jsLib.join(";"),css_external:t.value.cssLib.join(";"),layout:t.value.codepenLayout,html_pre_processor:l.value?l.value.html[1]:"none",js_pre_processor:l.value?l.value.js[1]:t.value.jsx?"babel":"none",css_pre_processor:l.value?l.value.css[1]:"none",editors:t.value.codepenEditors})}),e.h("button",{type:"submit","aria-label":"Codepen","data-balloon-pos":"up"},e.h(b.VftIcon,{icon:"ico-mdi:codepen",class:"codepen-button"}))]):null])]),e.h("div",{ref:f,class:"code-demo-container",style:{display:y.value&&c.value?"block":"none"}}),e.h("div",{class:"code-demo-code-wrapper",style:{height:u.value}},e.h("div",{ref:g,class:"code-demo-codes"},(o=s.default)==null?void 0:o.call(s)))]),[[q.vLoading,!c.value]])}}});exports.default=C;

package/lib/components/md-comment/md-comment.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const o=require("@waline/client"),r=["id"],i=n.useNamespace("md-comment"),t=e.defineComponent({name:i.b()}),u=e.defineComponent({...t,setup(l){return e.onMounted(()=>{o.init({el:`#${i.e("waline")}`,serverURL:"https://waline.wflynn.cn/",pageview:!0,reaction:!0,emoji:["//unpkg.com/@waline/emojis@1.1.0/weibo","//unpkg.com/@waline/emojis@1.1.0/bilibili","//unpkg.com/@waline/emojis@1.1.0/bmoji","//unpkg.com/@waline/emojis@1.1.0/qq","//unpkg.com/@waline/emojis@1.1.0/tieba","//unpkg.com/@waline/emojis@1.1.0/tw-emoji"]})}),(s,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i).b())},[e.createElementVNode("div",{id:e.unref(i).e("waline")},null,8,r)],2))}});exports.default=u;

package/lib/components/md-container/md-container.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../divider/index.cjs");const m=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");const n=require("@vft/utils"),V=require("@vft/use");require("../multiple-tabs/multiple-tabs.vue2.cjs");const k=require("@vft/router");require("@vft/store");const y=require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");const N=require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");const E=require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("./index.cjs");const T=require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const B=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const z=require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const $=require("./toc.cjs"),w=require("./use/useCopyCode.cjs"),D=require("./use/useActiveHeaderLinks.cjs"),S=require("./utils.cjs"),b={class:"info-container"},M={key:0,class:"flex align-center"},P={class:"infos"},I={class:"reading",title:"阅读量"},R=["data-path"],r=B.useNamespace("md-container"),A=e.defineComponent({name:r.b()}),H=e.defineComponent({...A,setup(L,{expose:f}){const p=e.getCurrentInstance(),{initPhotoSwipe:_}=V.usePhotoSwipe(`.${r.e("content")} img`);_(),D.useActiveHeaderLinks({}),w.useCopyCode();const i=e.ref(),t=y.useRoute();e.onMounted(()=>{e.nextTick(()=>{i.value=p.exposed.infos,setTimeout(()=>{n.jumpElement(t.hash.replace("#",""))})})}),f({infos:e.unref(i)});const g=location.pathname,{go:v}=k.useRouterHelper();function C(u){v("/?tag="+u)}const h=e.ref(z.primaryColor());return(u,j)=>{var o,s,c,a,l,q;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r).b())},[(o=i.value)!=null&&o.sideData?(e.openBlock(),e.createBlock(e.unref($.default),{key:0,items:i.value.sideData},null,8,["items"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("header"))},[e.createElementVNode("h1",{class:e.normalizeClass(e.unref(r).e("title"))},e.toDisplayString((s=e.unref(t).meta)==null?void 0:s.title),3),e.createElementVNode("div",b,[(a=(c=e.unref(t).meta)==null?void 0:c.category)!=null&&a.length?(e.openBlock(),e.createElementBlock("div",M,[e.createVNode(e.unref(m.VftIcon),{size:14,color:h.value,icon:"ico-bx:category",class:"mr-8px"},null,8,["color"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((l=e.unref(t).meta)==null?void 0:l.category,(d,x)=>(e.openBlock(),e.createBlock(e.unref(E.VftTag),{size:"small",class:"mr-5px cursor-pointer",type:e.unref(n.getRandomElementForArr)(e.unref(S.COMP_TYPE),1)[0],key:x,onClick:F=>C(d)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d),1)]),_:2},1032,["type","onClick"]))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",P,[e.createVNode(e.unref(N.VftIconText),{title:"发布时间",icon:"ico-uiw:date",size:12,class:"mr-10px",distance:5,text:e.unref(n.formatToDateTime)(new Date((q=e.unref(t).meta)==null?void 0:q.date).getTime()-e.unref(n.getDayTimestamp)())},null,8,["text"]),e.createElementVNode("div",I,[e.createVNode(e.unref(m.VftIcon),{icon:"ico-flat-color-icons:reading",size:14,class:"mr-5px"}),e.createElementVNode("div",{class:"waline-pageview-count lh-1","data-path":e.unref(g)},"0",8,R)])])])],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("content"))},[e.renderSlot(u.$slots,"default")],2),e.createVNode(e.unref(T.VftMdComment))],2)}}});exports.default=H;

package/lib/components/md-container/style/css.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-md-comment.css");require("vft/theme-style/vft-md-code-demo.css");require("vft/theme-style/vft-md-code-tabs.css");require("vft/theme-style/vft-md-tabs.css");require("vft/theme-style/vft-md-vue-playground.css");require("vft/theme-style/vft-md-container.css");

package/lib/components/md-container/style/index.cjs

@@ -0,0 +1 @@
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/md-comment.scss");require("vft/theme-style/src/md-code-tabs.scss");require("vft/theme-style/src/md-code-demo.scss");require("vft/theme-style/src/md-tabs.scss");require("vft/theme-style/src/md-vue-playground.scss");require("vft/theme-style/src/md-container.scss");

package/lib/components/md-vue-playground/md-vue-playground.vue2.cjs

@@ -0,0 +1 @@
+"use strict";var v=Object.create;var i=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var q=(t,o,n,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of f(o))!m.call(t,l)&&l!==n&&i(t,l,{get:()=>o[l],enumerable:!(u=p(o,l))||u.enumerable});return t};var w=(t,o,n)=>(n=t!=null?v(g(t)):{},q(o||!t||!t.__esModule?i(n,"default",{value:t,enumerable:!0}):n,t));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const h=require("./playground.cjs"),y=require("../icon/index.cjs"),a=V.useNamespace("md-vue-playground"),C=e.defineComponent({name:a.b()}),b=e.defineComponent({...C,props:{title:null,files:null,settings:null},setup(t){const o=e.ref(!0),n=e.shallowRef(),u=e.ref(),l=e.computed(()=>h.getVuePlaygroundSettings(t.settings)),r=e.ref(l.value.showCode||!1),s=async()=>{const{ReplStore:c,Repl:d}=await import("@vue/repl");n.value=d,u.value=new c({serializedState:decodeURIComponent(t.files),showOutput:!0}),l.value.vueVersion&&await u.value.setVueVersion(l.value.vueVersion)};return e.onMounted(async()=>{await s(),o.value=!1}),()=>e.createVNode("div",{class:a.b()},[e.createVNode("div",{class:"title-wrapper"},[t.title?e.createVNode("div",{class:"title"},[decodeURIComponent(t.title)]):null,e.createVNode(y.VftIcon,{cursor:!0,icon:r.value?"ico-bx:collapse-alt":"ico-bx:expand-alt",size:20,onClick:()=>{r.value=!r.value}},null)]),e.withDirectives(e.createVNode("div",{class:["repl-container",r.value?"show-code":"hide-code"]},[n.value?e.h(n.value,{store:u.value,...l.value}):null]),[[e.resolveDirective("loading"),o.value]])])}});exports.default=b;

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

@@ -51,7 +51,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     open: (index: string) => void;
     close: (index: string, indexPath: string[]) => void;
     handleResize: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "select")[], "open" | "close" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "select")[], "close" | "open" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
         type: import("vue").PropType<"horizontal" | "vertical" | undefined>;
         required: false;
@@ -101,8 +101,8 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
 }>> & {
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
 }, {}>> & {
     MenuItem: import("vue").DefineComponent<{

package/lib/components/menu/menu-collapse-transition.vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./menu-collapse-transition.vue2.cjs"),e=require("vue"),o=require("../../_virtual/_plugin-vue_export-helper.cjs");function n(t,s,l,i,a,p){return e.openBlock(),e.createBlock(e.Transition,e.mergeProps({mode:"out-in"},t.listeners),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)}const u=o.default(r.default,[["render",n]]);exports.default=u;

package/lib/components/menu/menu-collapse-transition.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),r=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const t=require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const i=o.defineComponent({setup(){const s=r.useNamespace("menu");return{listeners:{onBeforeEnter:e=>e.style.opacity="0.2",onEnter(e,a){t.addClass(e,`${s.namespace.value}-opacity-transition`),e.style.opacity="1",a()},onAfterEnter(e){t.removeClass(e,`${s.namespace.value}-opacity-transition`),e.style.opacity=""},onBeforeLeave(e){e.dataset||(e.dataset={}),t.hasClass(e,s.m("collapse"))?(t.removeClass(e,s.m("collapse")),e.dataset.oldOverflow=e.style.overflow,e.dataset.scrollWidth=e.clientWidth.toString(),t.addClass(e,s.m("collapse"))):(t.addClass(e,s.m("collapse")),e.dataset.oldOverflow=e.style.overflow,e.dataset.scrollWidth=e.clientWidth.toString(),t.removeClass(e,s.m("collapse"))),e.style.width=`${e.scrollWidth}px`,e.style.overflow="hidden"},onLeave(e){t.addClass(e,"horizontal-collapse-transition"),e.style.width=`${e.dataset.scrollWidth}px`}}}}});exports.default=i;

package/lib/components/menu/menu-item-group.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const r=n.useNamespace("menu-item-group"),o=e.defineComponent({name:r.b()}),u=e.defineComponent({...o,props:{title:null},setup(l){return(t,i)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(e.unref(r).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("title"))},[t.$slots.title?e.renderSlot(t.$slots,"title",{key:1}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(l.title),1)],64))],2),e.createElementVNode("ul",null,[e.renderSlot(t.$slots,"default")])],2))}});exports.default=u;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@vft/utils"),x=require("../../utils/error.cjs");require("lodash");require("@vueuse/core");require("../../utils/ns-cover.cjs");const c=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const A=require("./use-menu.cjs"),y=require("../divider/index.cjs"),U=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");const $=require("../tooltip/index.cjs");require("../popover/index.cjs");require("./index.cjs");require("@vft/use");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const E=["title"],a=c.useNamespace("menu-item"),I=e.defineComponent({name:a.b()}),S=e.defineComponent({...I,props:{index:null,route:null,disabled:{type:Boolean},icon:null,title:null,isAloneUse:{type:Boolean},divider:{type:Boolean},className:null,reverse:{type:Boolean}},emits:["click"],setup(r,{emit:C}){const s=e.getCurrentInstance(),V=c.useNamespace("menu"),l=c.useNamespace("menu-item"),i=r.isAloneUse?null:e.inject("rootMenu");!i&&!r.isAloneUse&&x.throwError(a.b(),"can not inject root menu");const{parentMenu:q,indexPath:d}=A.default(s,e.computed(()=>r.index)),n=r.isAloneUse?null:e.inject(`subMenu:${q.value.uid}`);!n&&!r.isAloneUse&&x.throwError(a.b(),"can not inject sub menu");const m=e.computed(()=>r.index===(i==null?void 0:i.activeIndex)),t=e.reactive({index:r.index,indexPath:d,active:m}),h=()=>{r.disabled||(i==null||i.handleMenuItemClick({index:r.index,indexPath:d.value,route:r.route}),C("click",t))},f=e.computed(()=>o.singleAttrToObj(r.icon,"icon")),k=e.computed(()=>o.renderTNode(s,"title"));return e.onMounted(()=>{r.isAloneUse||(n==null||n.addSubMenu(t),i==null||i.addMenuItem(t))}),e.onBeforeUnmount(()=>{r.isAloneUse||(n==null||n.removeSubMenu(t),i==null||i.removeMenuItem(t))}),(u,j)=>{var v,B,b,N,g;return e.openBlock(),e.createElementBlock(e.Fragment,null,[r.reverse&&r.divider?(e.openBlock(),e.createBlock(e.unref(y.VftDivider),{key:0,marginY:"0"})):e.createCommentVNode("",!0),e.createElementVNode("li",{class:e.normalizeClass([r.className,e.unref(l).b(),e.unref(l).is("active",r.isAloneUse?!1:e.unref(m)),e.unref(l).is("disabled",r.disabled)]),role:"menuitem",tabindex:"-1",onClick:h},[((B=(v=e.unref(q))==null?void 0:v.type)==null?void 0:B.name)==="vft-menu"&&((b=e.unref(i))!=null&&b.props.collapse)&&u.$slots.title?(e.openBlock(),e.createBlock(e.unref($.VftTooltip),{key:0,placement:"right","fallback-placements":["left"],persistent:""},{content:e.withCtx(()=>[e.renderSlot(u.$slots,"title")]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(V).be("tooltip","trigger"))},[e.renderSlot(u.$slots,"default")],2)]),_:3})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[(N=u.$slots)!=null&&N.default?e.renderSlot(u.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[(g=e.unref(f))!=null&&g.icon?(e.openBlock(),e.createBlock(e.unref(U.VftIcon),e.normalizeProps(e.mergeProps({key:0},e.unref(f))),null,16)):e.createCommentVNode("",!0),e.createElementVNode("span",{title:e.unref(k)},[e.createVNode(e.unref(o.VNode),{content:e.unref(k)},null,8,["content"])],8,E)],64))],64))],2),!r.reverse&&r.divider?(e.openBlock(),e.createBlock(e.unref(y.VftDivider),{key:1,marginY:"0"})):e.createCommentVNode("",!0)],64)}}});exports.default=S;

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

@@ -52,7 +52,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     open: (index: string) => void;
     close: (index: string, indexPath: string[]) => void;
     handleResize: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "select")[], "open" | "close" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "select")[], "close" | "open" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
         type: __PropType<"horizontal" | "vertical" | undefined>;
         required: false;
@@ -102,8 +102,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("vue"),j=require("@vueuse/core");require("@vft/utils");const F=require("../../utils/vue/vnode.cjs");require("lodash");require("../../utils/ns-cover.cjs");const P=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");const G=require("./utils/menu-bar.cjs"),H=require("./menu-collapse-transition.vue.cjs"),J=require("./sub-menu.vue2.cjs"),K=require("./use-menu-css-var.cjs"),Q=require("../icon/index.cjs"),b=P.useNamespace("menu"),U=l.defineComponent({name:b.b()}),X=l.defineComponent({...U,props:{mode:{default:"vertical"},defaultActive:{default:""},defaultOpeneds:{default:[]},uniqueOpened:{type:Boolean},router:{type:Boolean},menuTrigger:{default:"hover"},collapse:{type:Boolean},backgroundColor:null,textColor:null,activeTextColor:null,collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0}},emits:["close","open","select"],setup(n,{expose:k,emit:g}){const C=l.useSlots(),m=l.getCurrentInstance(),I=m.appContext.config.globalProperties.$router,c=l.ref(),S=P.useNamespace("sub-menu"),f=l.ref(-1),o=l.ref(n.defaultOpeneds&&!n.collapse?n.defaultOpeneds.slice(0):[]),a=l.ref(n.defaultActive),r=l.ref({}),h=l.ref({}),B=l.computed(()=>n.mode==="horizontal"||n.mode==="vertical"&&n.collapse),N=()=>{const e=a.value&&r.value[a.value];if(!e||n.mode==="horizontal"||n.collapse)return;e.indexPath.forEach(u=>{const s=h.value[u];s&&p(u,s.indexPath)})},p=(e,t)=>{o.value.includes(e)||(n.uniqueOpened&&(o.value=o.value.filter(u=>t.includes(u))),o.value.push(e),g("open",e,t))},y=(e,t)=>{const u=o.value.indexOf(e);u!==-1&&o.value.splice(u,1),g("close",e,t)},R=({index:e,indexPath:t})=>{o.value.includes(e)?y(e,t):p(e,t)},A=e=>{(n.mode==="horizontal"||n.collapse)&&(o.value=[]);const{index:t,indexPath:u}=e;if(!(t===void 0||u===void 0))if(n.router&&I){const s=e.route||t,v=I.push(s).then(i=>(i||(a.value=t),i));g("select",e,v)}else a.value=t,g("select",e)},W=e=>{const t=r.value,u=t[e]||a.value&&t[a.value]||t[n.defaultActive];u?a.value=u.index:a.value=e},E=()=>{var d;if(!c.value)return-1;const e=Array.from(((d=c.value)==null?void 0:d.childNodes)??[]).filter(x=>x.nodeName!=="#text"||x.nodeValue),t=64,u=Number.parseInt(getComputedStyle(c.value).paddingLeft,10),s=Number.parseInt(getComputedStyle(c.value).paddingRight,10),v=c.value.clientWidth-u-s;let i=0,M=0;return e.forEach((x,L)=>{i+=x.offsetWidth||0,i<=v-t&&(M=L+1)}),M===e.length?-1:M},V=(e,t=33.34)=>{let u;return()=>{u&&clearTimeout(u),u=setTimeout(()=>{e()},t)}};let O=!0;const T=()=>{const e=()=>{f.value=-1,l.nextTick(()=>{f.value=E()})};O?e():V(e)(),O=!1};l.watch(()=>n.defaultActive,e=>{r.value[e]||(a.value=""),W(e)}),l.watch(()=>n.collapse,e=>{e&&(o.value=[])}),l.watch(r.value,N);let q;l.watchEffect(()=>{n.mode==="horizontal"&&n.ellipsis?q=j.useResizeObserver(c,T).stop:q==null||q()});const w=e=>{h.value[e.index]=e},z=e=>{delete h.value[e.index]},$=e=>{r.value[e.index]=e},D=e=>{delete r.value[e.index]};return l.provide("rootMenu",l.reactive({props:m.props,openedMenus:o,items:r,subMenus:h,activeIndex:a,isMenuPopup:B,addMenuItem:$,removeMenuItem:D,addSubMenu:w,removeSubMenu:z,openMenu:p,closeMenu:y,handleMenuItemClick:A,handleSubMenuClick:R})),l.provide(`subMenu:${m.uid}`,{addSubMenu:w,removeSubMenu:z,mouseInChild:l.ref(!1),level:0}),l.onMounted(()=>{n.mode==="horizontal"&&new G.default(m.vnode.el,b.namespace.value)}),k({open:e=>{const{indexPath:t}=h.value[e];t.forEach(u=>p(u,t))},close:y,handleResize:T}),()=>{var v;let e=((v=C.default)==null?void 0:v.call(C))??[];const t=[];if(n.mode==="horizontal"&&c.value){const i=F.flattedChildren(e),M=f.value===-1?i:i.slice(0,f.value),d=f.value===-1?[]:i.slice(f.value);d!=null&&d.length&&n.ellipsis&&(e=M,t.push(l.h(J.default,{index:"sub-menu-more",class:S.e("hide-arrow")},{title:()=>l.h(Q.VftIcon,{icon:"ico-line-md:menu",class:S.e("icon-more")}),default:()=>d})))}const u=K.useMenuCssVar(m.props,0),s=l.h("ul",{key:String(n.collapse),role:"menubar",ref:c,style:u.value,class:{[b.b()]:!0,[b.m(n.mode)]:!0,[b.m("collapse")]:n.collapse}},[...e,...t]);return n.collapseTransition&&n.mode==="vertical"?l.h(H.default,()=>s):s}}});exports.default=X;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../divider/index.cjs");const N=require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");const Q=require("../collapse-transition/index.cjs"),W=require("../tooltip/index.cjs");require("../popover/index.cjs");require("./index.cjs");const O=require("@vft/utils");require("@vft/use");require("../multiple-tabs/multiple-tabs.vue2.cjs");require("@vft/router");require("@vft/store");require("vue-router");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const w=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");const R=require("@vueuse/core"),D=require("../../utils/error.cjs");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const X=require("./use-menu.cjs"),Y=require("./use-menu-css-var.cjs"),y=w.useNamespace("sub-menu"),_=e.defineComponent({name:y.b()}),ee=e.defineComponent({..._,props:{index:null,showTimeout:{default:300},hideTimeout:{default:300},popperClass:null,disabled:{type:Boolean},popperAppendToBody:{type:Boolean,default:void 0},popperOffset:{default:6},expandIcon:{default:{}},collapseIcon:{default:{}},title:null,icon:null,showArrow:{type:Boolean,default:!0},toolTipCfg:null},setup(o,{expose:H}){const v=e.getCurrentInstance(),{indexPath:f,parentMenu:S}=X.default(v,e.computed(()=>o.index)),i=w.useNamespace("menu"),a=w.useNamespace("sub-menu"),r=e.inject("rootMenu");r||D.throwError(y.b(),"can not inject root menu");const l=e.inject(`subMenu:${S.value.uid}`);l||D.throwError(y.b(),"can not inject sub menu");const C=e.ref({});let s;const I=e.ref(!1),L=e.ref(),k=e.ref(null),z=e.computed(()=>d.value==="horizontal"&&h.value?"bottom-start":"right-start"),h=e.computed(()=>l.level===0),x=e.computed(()=>o.popperAppendToBody===void 0?h.value:Boolean(o.popperAppendToBody)),U=e.computed(()=>r.props.collapse?`${i.namespace.value}-zoom-in-left`:`${i.namespace.value}-zoom-in-top`),Z=e.computed(()=>d.value==="horizontal"&&h.value?["bottom-start","bottom-end","top-start","top-end","right-start","left-start"]:["right-start","left-start","bottom-start","bottom-end","top-start","top-end"]),c=e.computed(()=>r.openedMenus.includes(o.index)),m=e.computed(()=>{let u=!1;return Object.values(C.value).forEach(n=>{n.active&&(u=!0)}),o.index===r.activeIndex&&(u=!0),u}),B=e.computed(()=>r.props.backgroundColor||""),A=e.computed(()=>r.props.activeTextColor||""),P=e.computed(()=>r.props.textColor||""),d=e.computed(()=>r.props.mode),b=e.reactive({index:o.index,indexPath:f,active:m}),$=e.computed(()=>d.value!=="horizontal"?{color:P.value}:{borderBottomColor:m.value?r.props.activeTextColor?A.value:"":"transparent",color:m.value?A.value:P.value}),G=()=>{var u,n,t;return(t=(n=(u=k.value)==null?void 0:u.popperRef)==null?void 0:n.popperInstanceRef)==null?void 0:t.destroy()},J=u=>{u||G()},j=()=>{r.props.menuTrigger==="hover"&&r.props.mode==="horizontal"||r.props.collapse&&r.props.mode==="vertical"||o.disabled||r.handleSubMenuClick({index:o.index,indexPath:f.value,active:m.value})},M=(u,n=o.showTimeout)=>{var t;u.type!=="focus"&&(r.props.menuTrigger==="click"&&r.props.mode==="horizontal"||!r.props.collapse&&r.props.mode==="vertical"||o.disabled||(l.mouseInChild.value=!0,s==null||s(),{stop:s}=R.useTimeoutFn(()=>{r.openMenu(o.index,f.value)},n),x.value&&((t=S.value.vnode.el)==null||t.dispatchEvent(new MouseEvent("mouseenter")))))},g=(u=!1)=>{var n,t;r.props.menuTrigger==="click"&&r.props.mode==="horizontal"||!r.props.collapse&&r.props.mode==="vertical"||(s==null||s(),l.mouseInChild.value=!1,{stop:s}=R.useTimeoutFn(()=>!I.value&&r.closeMenu(o.index,f.value),o.hideTimeout),x.value&&u&&((n=v.parent)==null?void 0:n.type.name)==="vft-sub-menu"&&((t=l.handleMouseleave)==null||t.call(l,!0)))};e.watch(()=>r.props.collapse,u=>J(Boolean(u)));{const u=t=>{C.value[t.index]=t},n=t=>{delete C.value[t.index]};e.provide(`subMenu:${v.uid}`,{addSubMenu:u,removeSubMenu:n,handleMouseleave:g,mouseInChild:I,level:l.level+1})}H({opened:c}),e.onMounted(()=>{r.addSubMenu(b),l.addSubMenu(b)}),e.onBeforeUnmount(()=>{l.removeSubMenu(b),r.removeSubMenu(b)});const p=e.useSlots(),K=e.computed(()=>d.value==="horizontal"&&h.value||d.value==="vertical"&&!r.props.collapse?{icon:"ico-ep:arrow-down",size:20,...o.expandIcon}:{icon:"ico-ep:arrow-right",size:18,...o.collapseIcon}),E=e.computed(()=>O.singleAttrToObj(o.icon,"icon")),F=e.computed(()=>O.renderTNode(v,"title"));return()=>{var V;const u=[(V=E.value)!=null&&V.icon?e.h(N.VftIcon,{...E.value}):null,e.h("span",{class:o.showArrow?a.e("text"):"",title:v.props.title},F.value),o.showArrow?e.h(N.VftIcon,{class:a.e("icon-arrow"),...K.value,style:{transform:c.value?"rotateZ(180deg)":"none"}}):!1],n=Y.useMenuCssVar(r.props,l.level+1),t=r.isMenuPopup?e.h(W.VftTooltip,{ref:k,visible:c.value,effect:"light",pure:!0,offset:o.popperOffset,showArrow:!1,persistent:!0,popperClass:o.popperClass,placement:z.value,teleported:x.value,fallbackPlacements:Z.value,transition:U.value,gpuAcceleration:!1,...o.toolTipCfg},{content:()=>{var q;return e.h("div",{class:[i.m(d.value),i.m("popup-container"),o.popperClass],onMouseenter:T=>M(T,100),onMouseleave:()=>g(!0),onFocus:T=>M(T,100)},[e.h("ul",{class:[i.b(),i.m("popup"),i.m(`popup-${z.value}`)],style:n.value},[(q=p.default)==null?void 0:q.call(p)])])},default:()=>e.h("div",{class:a.e("title"),style:[$.value,{backgroundColor:B.value}],onClick:j},u)}):e.h(e.Fragment,{},[F.value?e.h("div",{class:a.e("title"),style:[$.value,{backgroundColor:B.value}],ref:L,onClick:j},u):null,e.h(Q.VftCollapseTransition,{},{default:()=>{var q;return e.withDirectives(e.h("ul",{role:"menu",class:[i.b(),i.m("inline")],style:n.value},[(q=p.default)==null?void 0:q.call(p)]),[[e.vShow,c.value]])}})]);return e.h("li",{class:[a.b(),a.is("active",m.value),a.is("opened",c.value),a.is("disabled",o.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:c.value,onMouseenter:M,onMouseleave:()=>g(!0),onFocus:M},[t])}}});exports.default=ee;

package/lib/components/menu/use-menu-css-var.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("vue"),s=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const i=(n,e)=>{const r=s.useNamespace("menu");return u.computed(()=>r.cssVarBlock({level:`${e}`}))};exports.useMenuCssVar=i;

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

@@ -1,6 +1,22 @@
 import type { PropType as __PropType } from 'vue';
 import { type VNode } from 'vue';
 import type { MessageType } from './types';
+export interface MessageProps {
+    customClass?: string;
+    center?: boolean;
+    dangerouslyUseHTMLString?: boolean;
+    duration: number;
+    icon?: string;
+    id: string;
+    message?: string | VNode | (() => VNode);
+    onClose?: Function;
+    showClose?: boolean;
+    type: MessageType;
+    offset: number;
+    zIndex?: number;
+    grouping?: boolean;
+    repeatNum?: number;
+}
 declare const _sfc_main: import("vue").DefineComponent<{
     customClass: {
         type: __PropType<string | undefined>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),L=require("@vft/constants"),T=require("@vft/utils"),v=require("@vueuse/core"),x=require("@vft/use");require("../config-provider/index.cjs");const C=require("./instance.cjs"),p=require("../icon/index.cjs"),N=require("../config-provider/hooks/use-global-config.cjs"),O=["id"],V=["innerHTML"],I=["onClick"],R=e.defineComponent({__name:"message",props:{customClass:null,center:{type:Boolean},dangerouslyUseHTMLString:{type:Boolean},duration:null,icon:null,id:null,message:{type:[String,null,Function]},onClose:{type:Function},showClose:{type:Boolean},type:null,offset:null,zIndex:null,grouping:{type:Boolean},repeatNum:null},emits:["destroy"],setup(n,{expose:k}){const t=n,{ns:o,zIndex:B}=N.useGlobalComponentSettings("message"),{currentZIndex:h,nextZIndex:w}=B,r=e.ref(),c=e.ref(!1),f=e.ref(0);let l;const b=new Map([["success",{icon:"ico-ep:success-filled"}],["error",{icon:"ico-ep:circle-close-filled"}],["warning",{icon:"ico-ep:warning-filled"}]]),d=e.computed(()=>(t.icon?T.isObject(t.icon)?t.icon:{icon:t.icon}:"")||b.get(t.type)||""),M=e.computed(()=>{const s=t.type;return{[o.bm("icon",s)]:s}}),S=e.computed(()=>C.getLastOffset(t.id)),m=e.computed(()=>C.getOffsetOrSpace(t.id,t.offset)+S.value),z=e.computed(()=>f.value+m.value),q=e.computed(()=>({top:`${m.value}px`,zIndex:h.value}));function u(){t.duration!==0&&({stop:l}=v.useTimeoutFn(()=>{i()},t.duration))}function g(){l==null||l()}function i(){c.value=!1}function E({code:s}){s===L.EVENT_CODE.esc&&i()}return e.onMounted(()=>{u(),w(),c.value=!0}),e.watch(()=>t.repeatNum,()=>{g(),u()}),x.useEventListener(document,"keydown",E),v.useResizeObserver(r,()=>{f.value=r.value.getBoundingClientRect().height}),k({visible:c,bottom:z,close:i}),(s,y)=>(e.openBlock(),e.createBlock(e.Transition,{name:e.unref(o).b("fade"),onBeforeLeave:n.onClose,onAfterLeave:y[0]||(y[0]=a=>s.$emit("destroy"))},{default:e.withCtx(()=>{var a;return[e.withDirectives(e.createElementVNode("div",{id:n.id,ref_key:"messageRef",ref:r,class:e.normalizeClass([e.unref(o).b(),{[e.unref(o).m(n.type)]:n.type&&!n.icon},e.unref(o).is("center",n.center),e.unref(o).is("closable",n.showClose),n.customClass]),style:e.normalizeStyle(e.unref(q)),role:"alert",onMouseenter:g,onMouseleave:u},[(a=e.unref(d))!=null&&a.icon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(o).e("icon"),e.unref(M)])},[e.createVNode(e.unref(p.VftIcon),e.normalizeProps(e.guardReactiveProps(e.unref(d))),null,16)],2)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"default",{},()=>[n.dangerouslyUseHTMLString?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(o).e("content")),innerHTML:n.message},null,10,V)):(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(e.unref(o).e("content"))},e.toDisplayString(n.message),3))]),n.showClose?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(o).e("closeBtn")),onClick:e.withModifiers(i,["stop"])},[e.createVNode(e.unref(p.VftIcon),{icon:"ico-ep:circle-close"})],10,I)):e.createCommentVNode("",!0)],46,O),[[e.vShow,c.value]])]}),_:3},8,["name","onBeforeLeave"]))}});exports.default=R;

package/lib/components/message/method.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("vue"),q=require("@vueuse/core"),r=require("@vft/utils"),_=require("../../utils/error.cjs");require("lodash");require("../../utils/ns-cover.cjs");const y=require("./message.vue2.cjs"),f=require("./types.cjs"),c=require("./instance.cjs");require("../config-provider/index.cjs");const m=require("../config-provider/constants.cjs");let T=1;const h=e=>{const s=!e||r.isString(e)||r.isVNode(e)||r.isFunction(e)?{message:e}:e,n={...f.messageDefaults,...s};if(!n.appendTo)n.appendTo=document.body;else if(r.isString(n.appendTo)){let t=document.querySelector(n.appendTo);r.isElement(t)||(_.debugWarn("VftMessage","the appendTo option is not an HTMLElement. Falling back to document.body."),t=document.body),n.appendTo=t}return n},b=e=>{const s=c.instances.indexOf(e);if(s===-1)return;c.instances.splice(s,1);const{handler:n}=e;n.close()},x=({appendTo:e,...s},n)=>{const t=`message_${T++}`,i=s.onClose,a=document.createElement("div"),o={...s,id:t,onClose:()=>{i==null||i(),b(g)},onDestroy:()=>{d.render(null,a)}},u=d.createVNode(y.default,o,r.isFunction(o.message)||r.isVNode(o.message)?{default:r.isFunction(o.message)?o.message:()=>o.message}:null);u.appContext=n||l._context,d.render(u,a),e.appendChild(a.firstElementChild);const p=u.component,g={id:t,vnode:u,vm:p,handler:{close:()=>{p.exposed.visible.value=!1}},props:u.component.props};return g},l=(e={},s)=>{if(!q.isClient)return{close:()=>{}};if(r.isNumber(m.messageConfig.max)&&c.instances.length>=m.messageConfig.max)return{close:()=>{}};const n=h(e);if(n.grouping&&c.instances.length){const i=c.instances.find(({vnode:a})=>{var o;return((o=a.props)==null?void 0:o.message)===n.message});if(i)return i.props.repeatNum+=1,i.props.type=n.type,i.handler}const t=x(n,s);return c.instances.push(t),t.handler};f.messageTypes.forEach(e=>{l[e]=(s={},n)=>{const t=h(s);return l({...t,type:e},n)}});function v(e){for(const s of c.instances)(!e||e===s.props.type)&&s.handler.close()}l.closeAll=v;l._context=null;exports.closeAll=v;exports.default=l;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("@vft/router"),x=require("@vft/store"),I=require("@vft/use");require("@vft/utils");require("lodash");require("@vueuse/core");const g=require("../../utils/ns-cover.cjs"),K=require("hotkeys-js"),y=require("vue-router"),A=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("@vue/reactivity");require("@vue/shared");require("../divider/index.cjs");require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");const R=require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");const C=require("./use/use-multiple-tabs.cjs");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");const z=require("./tab-content.vue2.cjs"),T=A.useNamespace("multiple-tabs"),D=e.defineComponent({name:T.b()}),E=e.defineComponent({...D,props:{tabsStyle:null,contextMenuStyle:null,canDrag:{type:Boolean}},setup(d){const n=C.initAffixTabs();d.canDrag&&C.useTabsDrag(n);const q=x.useMultipleTabStore(),i=e.ref(""),o=e.ref(0),m=e.ref(),v=y.useRouter(),{go:h}=s.useRouterHelper(),f=e.computed(()=>q.getTabList.filter(r=>{var t;return!((t=r.meta)!=null&&t.hideTab)}));e.watchEffect(()=>{var r;if(i.value){const t=f.value.findIndex(u=>s.getRouterKeyPath(u)===i.value);t===-1?o.value=((r=f.value)==null?void 0:r.length)-1:o.value=t,o.value=o.value<(n==null?void 0:n.length)?(n==null?void 0:n.length)-1:o.value}}),y.onBeforeRouteLeave(()=>{m.value=e.unref(v.currentRoute)}),s.listenerRouteChange(r=>{var p;if(!r||(p=r.meta)!=null&&p.hasTokenToRoot)return;const{meta:t={}}=r,{currentActivePath:u,hideTab:a}=t,l=a?u:null,c=s.getRouterKeyPath(r);if(i.value!==c&&(i.value=c),l){let b=v.getRoutes().find(w=>w.path===u);b&&q.addTab(b,e.unref(m),o.value,r)}else q.addTab(e.unref(r),e.unref(m),o.value)});function _(r){var a,l;if(i.value===r.paneName)return;const t=f.value[r.attrs.index];i.value=r.paneName;const u=(l=(a=t==null?void 0:t.meta)==null?void 0:a.hideActiveRoute)==null?void 0:l.fullPath;h(u||t.fullPath||t.path)}function S(r){q.closeTabByKey(r,v)}const[P,M]=I.useRefs();function k(r){const t=r.pane.attrs.index,u=r.event;P.value[t].handleContext(u)}const B=e.computed(()=>{let r={padding:"4px 0 0","header-height":"26px","item-color":"#5C5C5C","item-bg-color":"#f8f8f8","font-size":"13px","item-padding":"0 10px","close-icon-left":"8px","item-distance":"10px","item-max-width":"348px","scroll-padding":"0 20px","header-margin":"0 0 0 8px"};return{...g.generateCssVars(r,"tabs"),...d.tabsStyle}}),{closeCurrent:N}=x.useTabs();K("command+e, ctrl+e",function(){return N(),!1});const V=e.computed(()=>({...g.generateCssVars({border:"1px solid #dcdfe6","sub-item-height":"40px","item-min-width":"150px"},"menu"),...d.contextMenuStyle}));return(r,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(T).b()),style:e.normalizeStyle(e.unref(B))},[e.createVNode(e.unref(R.VftTabs),{"model-value":i.value,"onUpdate:modelValue":t[0]||(t[0]=u=>i.value=u),type:"card",onTabClick:_,onTabRemove:S,onTabContextMenu:k,closeIconCfg:{color:"white"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(f),(u,a)=>{var l;return e.openBlock(),e.createBlock(e.unref(R.VftTabPane),{key:e.unref(s.getRouterKeyPath)(u)+a,closable:!((l=u.meta)!=null&&l.affix),index:a,name:e.unref(s.getRouterKeyPath)(u)},{label:e.withCtx(()=>{var c;return[e.createVNode(z.default,{contextMenuStyle:e.unref(V),affixNum:(c=e.unref(n))==null?void 0:c.length,ref_for:!0,ref:e.unref(M)(a),tabItem:u},null,8,["contextMenuStyle","affixNum","tabItem"])]}),_:2},1032,["closable","index","name"])}),128))]),_:1},8,["model-value"])],6))}});exports.default=E;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vft/utils");require("@vft/use");require("../divider/index.cjs");require("../icon/index.cjs");require("../avatar/index.cjs");require("../empty/index.cjs");require("../result/index.cjs");require("../tabs/index.cjs");require("../popper/index.cjs");require("../collapse-transition/index.cjs");require("../tooltip/index.cjs");require("../popover/index.cjs");require("../menu/index.cjs");require("./multiple-tabs.vue2.cjs");const a=require("./use/use-tab-dropdown.cjs");require("vue-router");require("@vft/store");require("../header-layout/index.cjs");require("../footer-layout/index.cjs");require("../iframe-layout/index.cjs");require("../router-view-content/index.cjs");require("../logo/index.cjs");require("../back-top/index.cjs");require("../config-provider/index.cjs");require("../descriptions/index.cjs");require("../full-screen/index.cjs");require("../icon-text/index.cjs");require("../image/index.cjs");require("../input/index.cjs");require("../link/index.cjs");require("../pagination/index.cjs");require("../tag/index.cjs");require("../side-menu/index.cjs");require("../qrcode/index.cjs");require("../overlay/index.cjs");require("../clamp/index.cjs");require("../clamp-toggle/index.cjs");require("../page-wrapper/index.cjs");require("../exception/index.cjs");require("../search/index.cjs");require("../form/index.cjs");require("../button/index.cjs");require("../checkbox/index.cjs");require("../radio/index.cjs");require("../switch/index.cjs");require("../color-picker/index.cjs");require("../scrollbar/index.cjs");require("../dropdown/index.cjs");require("../virtual-list/components/fixed-size-list.cjs");require("../virtual-list/components/dynamic-size-list.cjs");require("../virtual-list/components/fixed-size-grid.cjs");require("../virtual-list/components/dynamic-size-grid.cjs");require("../virtual-list/props.cjs");require("../select-v2/index.cjs");require("../verify-code/index.cjs");require("../table/index.cjs");require("../image-viewer/index.cjs");require("../md-container/index.cjs");require("../md-comment/index.cjs");require("../md-tabs/index.cjs");require("../md-vue-playground/index.cjs");require("../md-code-demo/index.cjs");require("../md-code-tabs/index.cjs");require("../message/index.cjs");require("../config-provider/hooks/use-global-config.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const s=require("../context-menu/useContextMenu.cjs"),c=["title","onContextmenu"],m=e.defineComponent({__name:"tab-content",props:{tabItem:null,affixNum:null,contextMenuStyle:null},setup(r,{expose:q}){const[n]=s.useContextMenu(),i=e.computed(()=>r.tabItem.meta&&r.tabItem.meta.title),{getDropMenuList:o,handleContextMenu:l}=a.useTabDropdown(r.tabItem,r.affixNum);function t(u){l(r.tabItem)(u),n({event:u,styles:r.contextMenuStyle,items:o.value})}return q({handleContext:t}),(u,f)=>(e.openBlock(),e.createElementBlock("span",{title:e.unref(i),class:"vft-multiple-tabs__title",onContextmenu:e.withModifiers(t,["stop"])},e.toDisplayString(e.unref(i)),41,c))}});exports.default=m;

package/lib/components/overlay/overlay.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");const l=require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const a=p.useNamespace("overlay"),k=e.defineComponent({name:a.b()}),v=e.defineComponent({...k,props:{mask:{type:Boolean},onlyNode:{type:Boolean},customMaskEvent:{type:Boolean},overlayClass:null,zIndex:null},emits:["click"],setup(o,{emit:i}){const c=t=>{if(!t)return{onClick:l.noop,onMousedown:l.noop,onMouseup:l.noop};let u=!1,r=!1;return{onClick:n=>{u&&r&&t(n),u=r=!1},onMousedown:n=>{u=n.target===n.currentTarget},onMouseup:n=>{r=n.target===n.currentTarget}}},s=e.useSlots(),d=t=>{i("click",t)},{onClick:M,onMousedown:f,onMouseup:m}=c(o.customMaskEvent?void 0:d);return()=>o.mask?e.createVNode("div",{class:[a.b(),o.overlayClass],style:{zIndex:o.zIndex},onClick:M,onMousedown:f,onMouseup:m},[e.renderSlot(s,"default")],14,["onClick","onMouseup","onMousedown"]):o.onlyNode?e.h("div",{},[e.renderSlot(s,"default")]):e.h("div",{class:o.overlayClass,style:{zIndex:o.zIndex,position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"}},[e.renderSlot(s,"default")])}});exports.default=v;

package/lib/components/page-wrapper/page-wrapper.vue2.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const u=require("@vft/router"),r=l.useNamespace("page-wrapper"),o=e.defineComponent({name:r.b()}),a=e.defineComponent({...o,props:{title:null},setup(t){const{getTitle:n}=u.useRouterHelper();return(s,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(r).e("title"))},e.toDisplayString(t.title||e.unref(n)),3)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("content"))},[e.renderSlot(s.$slots,"default")],2)],2))}});exports.default=a;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const m=require("../../input/index.cjs"),f=require("../usePagination.cjs"),q=["disabled"],g=e.defineComponent({__name:"jumper",props:{size:null},setup(t){const a=p.useNamespace("pagination"),{pageCount:o,disabled:u,currentPage:r,changeEvent:s}=f.usePagination(),i=e.ref(),l=e.computed(()=>i.value??(r==null?void 0:r.value));function d(n){i.value=+n}function c(n){n=Math.trunc(+n),s==null||s(+n),i.value=void 0}return(n,v)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(a).e("jump")),disabled:e.unref(u)},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("goto")])},e.toDisplayString(n.t("el.pagination.goto")),3),e.createVNode(e.unref(m.VftInput),{size:t.size,class:e.normalizeClass([e.unref(a).e("editor"),e.unref(a).is("in-pagination")]),min:1,max:e.unref(o),disabled:e.unref(u),"model-value":e.unref(l),"validate-event":!1,type:"number","onUpdate:modelValue":d,onChange:c},null,8,["size","class","max","disabled","model-value"]),e.createElementVNode("span",{class:e.normalizeClass([e.unref(a).e("classifier")])},"页",2)],10,q))}});exports.default=g;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("lodash");require("../../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const s=require("../../icon/index.cjs"),w=["onKeyup"],M=["aria-current","tabindex"],E=["tabindex"],$=["aria-current","tabindex"],h=["tabindex"],V=["aria-current","tabindex"],z=e.defineComponent({__name:"pager",props:{currentPage:{default:1},pageCount:null,pagerCount:{default:7},disabled:{type:Boolean}},emits:["change"],setup(t,{emit:b}){const l=N.useNamespace("pager"),k=N.useNamespace("icon"),f=e.ref(!1),d=e.ref(!1),g=e.ref(!1),m=e.ref(!1),C=e.ref(!1),v=e.ref(!1),q=e.computed(()=>{const r=(t.pagerCount-1)/2;let n=!1,a=!1;t.pageCount>t.pagerCount&&(t.currentPage>t.pagerCount-r&&(n=!0),t.currentPage<t.pageCount-r&&(a=!0));const o=[];if(n&&!a){const u=t.pageCount-(t.pagerCount-2);for(let i=u;i<t.pageCount;i++)o.push(i)}else if(!n&&a)for(let u=2;u<t.pagerCount;u++)o.push(u);else if(n&&a){const u=Math.floor(t.pagerCount/2)-1;for(let i=t.currentPage-u;i<=t.currentPage+u;i++)o.push(i)}else for(let u=2;u<t.pageCount;u++)o.push(u);return o}),c=e.computed(()=>t.disabled?-1:0);e.watchEffect(()=>{const r=(t.pagerCount-1)/2;f.value=!1,d.value=!1,t.pageCount>t.pagerCount&&(t.currentPage>t.pagerCount-r&&(f.value=!0),t.currentPage<t.pageCount-r&&(d.value=!0))});function P(r=!1){t.disabled||(r?g.value=!0:m.value=!0)}function B(r=!1){r?C.value=!0:v.value=!0}function y(r){const n=r.target;if(n.tagName.toLowerCase()==="li"&&Array.from(n.classList).includes("number")){const a=Number(n.textContent);a!==t.currentPage&&b("change",a)}else n.tagName.toLowerCase()==="li"&&Array.from(n.classList).includes("more")&&x(r)}function x(r){const n=r.target;if(n.tagName.toLowerCase()==="ul"||t.disabled)return;let a=Number(n.textContent);const o=t.pagerCount-2;n.className.includes("more")&&(n.className.includes("quickprev")?a=t.currentPage-o:n.className.includes("quicknext")&&(a=t.currentPage+o)),Number.isNaN(+a)||(a<1&&(a=1),a>t.pageCount&&(a=t.pageCount)),a!==t.currentPage&&b("change",a)}return(r,n)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(e.unref(l).b()),onClick:x,onKeyup:e.withKeys(y,["enter"])},[t.pageCount>0?(e.openBlock(),e.createElementBlock("li",{key:0,class:e.normalizeClass([[e.unref(l).is("active",t.currentPage===1),e.unref(l).is("disabled",t.disabled)],"number"]),"aria-current":t.currentPage===1,tabindex:e.unref(c)}," 1 ",10,M)):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("li",{key:1,class:e.normalizeClass(["more","btn-quickprev",e.unref(k).b(),e.unref(l).is("disabled",t.disabled)]),tabindex:e.unref(c),onMouseenter:n[0]||(n[0]=a=>P(!0)),onMouseleave:n[1]||(n[1]=a=>g.value=!1),onFocus:n[2]||(n[2]=a=>B(!0)),onBlur:n[3]||(n[3]=a=>C.value=!1)},[(g.value||C.value)&&!t.disabled?(e.openBlock(),e.createBlock(e.unref(s.VftIcon),{key:0,icon:"ico-ep:d-arrow-left"})):(e.openBlock(),e.createBlock(e.unref(s.VftIcon),{key:1,icon:"ico-ep:more-filled"}))],42,E)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(q),a=>(e.openBlock(),e.createElementBlock("li",{key:a,class:e.normalizeClass([[e.unref(l).is("active",t.currentPage===a),e.unref(l).is("disabled",t.disabled)],"number"]),"aria-current":t.currentPage===a,tabindex:e.unref(c)},e.toDisplayString(a),11,$))),128)),d.value?(e.openBlock(),e.createElementBlock("li",{key:2,class:e.normalizeClass(["more","btn-quicknext",e.unref(k).b(),e.unref(l).is("disabled",t.disabled)]),tabindex:e.unref(c),onMouseenter:n[4]||(n[4]=a=>P()),onMouseleave:n[5]||(n[5]=a=>m.value=!1),onFocus:n[6]||(n[6]=a=>B()),onBlur:n[7]||(n[7]=a=>v.value=!1)},[(m.value||v.value)&&!t.disabled?(e.openBlock(),e.createBlock(e.unref(s.VftIcon),{key:0,icon:"ico-ep:d-arrow-right"})):(e.openBlock(),e.createBlock(e.unref(s.VftIcon),{key:1,icon:"ico-ep:more-filled"}))],42,h)):e.createCommentVNode("",!0),t.pageCount>1?(e.openBlock(),e.createElementBlock("li",{key:3,class:e.normalizeClass([[e.unref(l).is("active",t.currentPage===t.pageCount),e.unref(l).is("disabled",t.disabled)],"number"]),"aria-current":t.currentPage===t.pageCount,tabindex:e.unref(c)},e.toDisplayString(t.pageCount),11,V)):e.createCommentVNode("",!0)],42,w))}});exports.default=z;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("lodash"),l=require("../../../hooks/use-namespace/index.cjs");require("@popperjs/core");require("../../../hooks/use-z-index/index.cjs");require("@vueuse/core");require("@vft/utils");require("../../../utils/ns-cover.cjs");require("@vue/reactivity");require("@vue/shared");const o=require("../usePagination.cjs"),g=e.defineComponent({__name:"sizes",props:{pageSize:null,pageSizes:{default:[10,20,30,40,50,100]},popperClass:null,disabled:{type:Boolean},size:null},emits:["page-size-change"],setup(i,{emit:r}){const s=l.useNamespace("pagination");o.usePagination();const u=e.ref(i.pageSize);return e.watch(()=>i.pageSizes,(a,n)=>{if(!c.isEqual(a,n)&&Array.isArray(a)){const t=a.includes(i.pageSize)?i.pageSize:i.pageSizes[0];r("page-size-change",t)}}),e.watch(()=>i.pageSize,a=>{u.value=a}),e.computed(()=>i.pageSizes),(a,n)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(s).e("sizes"))}," 暂无 ",2))}});exports.default=g;