vft 0.0.239 → 0.0.241

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

@@ -1,16 +1,16 @@
-export declare const VftHorizontalMenu: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftHorizontalMenu: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     menus: {
         type: import("vue").PropType<(Pick<import("vue-router").RouteLocationNormalizedGeneric, "meta" | "path"> & {
-            children?: import("..").MenuType[] | undefined;
+            children?: import("vft/es/vft").MenuType[];
             title: string;
-            icon?: string | undefined;
+            icon?: string;
         } & Record<string, any> & {
-            type?: import("./constants").MenuTypeEnum | undefined;
+            type?: import("./constants").MenuTypeEnum;
         })[]>;
         required: true;
     };
     attrMapping: {
-        type: import("vue").PropType<import("..").MenuAttrMapping>;
+        type: import("vue").PropType<import("vft/es/vft").MenuAttrMapping>;
     };
     openDisabled: {
         type: import("vue").PropType<boolean>;
@@ -19,7 +19,7 @@ export declare const VftHorizontalMenu: import("vft/es/utils").SFCWithInstall<im
         type: import("vue").PropType<boolean>;
     };
     subMenuCfg: {
-        type: import("vue").PropType<Partial<import("..").SubMenuProps>>;
+        type: import("vue").PropType<Partial<import("vft/es/vft").SubMenuProps>>;
     };
     useRouterJump: {
         type: import("vue").PropType<boolean>;
@@ -34,11 +34,11 @@ export declare const VftHorizontalMenu: import("vft/es/utils").SFCWithInstall<im
         type: import("vue").PropType<(string | number)[]>;
     };
     menuOptions: {
-        type: import("vue").PropType<Partial<import("..").MenuProps>>;
+        type: import("vue").PropType<Partial<import("vft/es/vft").MenuProps>>;
     };
-}, {
+}>, {
     isInSubMenu: import("vue").ComputedRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     open: () => void;
     close: () => void;
     select: (val: {
@@ -49,16 +49,16 @@ export declare const VftHorizontalMenu: import("vft/es/utils").SFCWithInstall<im
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     menus: {
         type: import("vue").PropType<(Pick<import("vue-router").RouteLocationNormalizedGeneric, "meta" | "path"> & {
-            children?: import("..").MenuType[] | undefined;
+            children?: import("vft/es/vft").MenuType[];
             title: string;
-            icon?: string | undefined;
+            icon?: string;
         } & Record<string, any> & {
-            type?: import("./constants").MenuTypeEnum | undefined;
+            type?: import("./constants").MenuTypeEnum;
         })[]>;
         required: true;
     };
     attrMapping: {
-        type: import("vue").PropType<import("..").MenuAttrMapping>;
+        type: import("vue").PropType<import("vft/es/vft").MenuAttrMapping>;
     };
     openDisabled: {
         type: import("vue").PropType<boolean>;
@@ -67,7 +67,7 @@ export declare const VftHorizontalMenu: import("vft/es/utils").SFCWithInstall<im
         type: import("vue").PropType<boolean>;
     };
     subMenuCfg: {
-        type: import("vue").PropType<Partial<import("..").SubMenuProps>>;
+        type: import("vue").PropType<Partial<import("vft/es/vft").SubMenuProps>>;
     };
     useRouterJump: {
         type: import("vue").PropType<boolean>;
@@ -82,9 +82,9 @@ export declare const VftHorizontalMenu: import("vft/es/utils").SFCWithInstall<im
         type: import("vue").PropType<(string | number)[]>;
     };
     menuOptions: {
-        type: import("vue").PropType<Partial<import("..").MenuProps>>;
+        type: import("vue").PropType<Partial<import("vft/es/vft").MenuProps>>;
     };
-}>> & {
+}>> & Readonly<{
     onSelect?: ((val: {
         route: string;
         indexPath: string[];
@@ -92,6 +92,6 @@ export declare const VftHorizontalMenu: import("vft/es/utils").SFCWithInstall<im
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onSub-menu-click"?: ((val: any) => any) | undefined;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export * from './constants';
 export default VftHorizontalMenu;

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

@@ -1,5 +1,5 @@
 import { type IconProps } from './types';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<IconProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IconProps>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IconProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IconProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

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

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

@@ -1,4 +1,4 @@
-export declare const VftIcon: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftIcon: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     icon: {
         type: import("vue").PropType<string>;
         required: true;
@@ -21,7 +21,7 @@ export declare const VftIcon: import("vft/es/utils").SFCWithInstall<import("vue"
     hoverColor: {
         type: import("vue").PropType<string>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     icon: {
         type: import("vue").PropType<string>;
         required: true;
@@ -44,7 +44,7 @@ export declare const VftIcon: import("vft/es/utils").SFCWithInstall<import("vue"
     hoverColor: {
         type: import("vue").PropType<string>;
     };
-}>>, {}, {}>> & Record<string, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export { VftIcon as Icon };
 export * from './types';
 export default VftIcon;

package/lib/components/icon-text/icon-text.vue.d.ts

@@ -1,5 +1,5 @@
 import type { IconTextProps } from './types';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<IconTextProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IconTextProps>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IconTextProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IconTextProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

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

package/lib/components/icon-text/index.d.ts

@@ -1,10 +1,10 @@
-export declare const VftIconText: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftIconText: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     text: {
         type: import("vue").PropType<string>;
         required: true;
     };
     icon: {
-        type: import("vue").PropType<string | import("..").IconProps>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     color: {
         type: import("vue").PropType<string>;
@@ -37,15 +37,15 @@ export declare const VftIconText: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<boolean>;
     };
     clampTooltipCfg: {
-        type: import("vue").PropType<import("..").ClampTooltipProps>;
+        type: import("vue").PropType<import("vft/es/vft").ClampTooltipProps>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     text: {
         type: import("vue").PropType<string>;
         required: true;
     };
     icon: {
-        type: import("vue").PropType<string | import("..").IconProps>;
+        type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
     };
     color: {
         type: import("vue").PropType<string>;
@@ -78,8 +78,8 @@ export declare const VftIconText: import("vft/es/utils").SFCWithInstall<import("
         type: import("vue").PropType<boolean>;
     };
     clampTooltipCfg: {
-        type: import("vue").PropType<import("..").ClampTooltipProps>;
+        type: import("vue").PropType<import("vft/es/vft").ClampTooltipProps>;
     };
-}>>, {}, {}>> & Record<string, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftIconText;
 export * from './types';

package/lib/components/iframe-layout/iframe-layout.vue.d.ts

@@ -2,7 +2,7 @@ import { type RouteLocationNormalized } from 'vue-router';
 interface Props {
     iframePages: RouteLocationNormalized[];
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/iframe-layout/iframe-page.vue.d.ts

@@ -1,7 +1,7 @@
 interface IframePageProps {
     frameSrc: string;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<IframePageProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IframePageProps>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IframePageProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IframePageProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/iframe-layout/index.d.ts

@@ -1,12 +1,12 @@
-export declare const VftIframeLayout: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftIframeLayout: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     iframePages: {
         type: import("vue").PropType<import("vue-router").RouteLocationNormalizedGeneric[]>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     iframePages: {
         type: import("vue").PropType<import("vue-router").RouteLocationNormalizedGeneric[]>;
         required: true;
     };
-}>>, {}, {}>> & Record<string, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftIframeLayout;

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

@@ -13,23 +13,25 @@ export interface ImageProps {
     infinite?: boolean;
     closeOnPressEscape?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ImageProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    placeholder?(_: {}): any;
+    error?(_: {}): any;
+    viewer?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ImageProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     switch: (...args: any[]) => void;
     close: (...args: any[]) => void;
     error: (...args: any[]) => void;
     load: (...args: any[]) => void;
     show: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ImageProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ImageProps>>> & Readonly<{
+    onSwitch?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
     onLoad?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
-    onSwitch?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
-    placeholder?(_: {}): any;
-    error?(_: {}): any;
-    viewer?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

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

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

@@ -1,5 +1,5 @@
 export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         hideOnClickModal: {
             type: import("vue").PropType<boolean>;
         };
@@ -10,7 +10,7 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("./types").ImgFitType>;
         };
         loading: {
-            type: import("vue").PropType<"eager" | "lazy">;
+            type: import("vue").PropType<"lazy" | "eager">;
         };
         lazy: {
             type: import("vue").PropType<boolean>;
@@ -36,62 +36,19 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
         closeOnPressEscape: {
             type: import("vue").PropType<boolean>;
         };
-    }>> & {
+    }>> & Readonly<{
+        onSwitch?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
         onLoad?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
-        onSwitch?: ((...args: any[]) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         switch: (...args: any[]) => void;
         close: (...args: any[]) => void;
         error: (...args: any[]) => void;
         load: (...args: any[]) => void;
         show: (...args: any[]) => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        hideOnClickModal: {
-            type: import("vue").PropType<boolean>;
-        };
-        src: {
-            type: import("vue").PropType<string>;
-        };
-        fit: {
-            type: import("vue").PropType<import("./types").ImgFitType>;
-        };
-        loading: {
-            type: import("vue").PropType<"eager" | "lazy">;
-        };
-        lazy: {
-            type: import("vue").PropType<boolean>;
-        };
-        scrollContainer: {
-            type: import("vue").PropType<string | HTMLElement>;
-        };
-        previewSrcList: {
-            type: import("vue").PropType<string[]>;
-        };
-        previewTeleported: {
-            type: import("vue").PropType<boolean>;
-        };
-        zIndex: {
-            type: import("vue").PropType<number>;
-        };
-        initialIndex: {
-            type: import("vue").PropType<number>;
-        };
-        infinite: {
-            type: import("vue").PropType<boolean>;
-        };
-        closeOnPressEscape: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>> & {
-        onClose?: ((...args: any[]) => any) | undefined;
-        onError?: ((...args: any[]) => any) | undefined;
-        onLoad?: ((...args: any[]) => any) | undefined;
-        onShow?: ((...args: any[]) => any) | undefined;
-        onSwitch?: ((...args: any[]) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -109,7 +66,7 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<import("./types").ImgFitType>;
         };
         loading: {
-            type: import("vue").PropType<"eager" | "lazy">;
+            type: import("vue").PropType<"lazy" | "eager">;
         };
         lazy: {
             type: import("vue").PropType<boolean>;
@@ -135,16 +92,16 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
         closeOnPressEscape: {
             type: import("vue").PropType<boolean>;
         };
-    }>> & {
+    }>> & Readonly<{
+        onSwitch?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
         onError?: ((...args: any[]) => any) | undefined;
         onLoad?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
-        onSwitch?: ((...args: any[]) => any) | undefined;
-    }, {}, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     hideOnClickModal: {
         type: import("vue").PropType<boolean>;
@@ -156,7 +113,7 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<import("./types").ImgFitType>;
     };
     loading: {
-        type: import("vue").PropType<"eager" | "lazy">;
+        type: import("vue").PropType<"lazy" | "eager">;
     };
     lazy: {
         type: import("vue").PropType<boolean>;
@@ -182,26 +139,26 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
     closeOnPressEscape: {
         type: import("vue").PropType<boolean>;
     };
-}>> & {
+}>> & Readonly<{
+    onSwitch?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
     onLoad?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
-    onSwitch?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     switch: (...args: any[]) => void;
     close: (...args: any[]) => void;
     error: (...args: any[]) => void;
     load: (...args: any[]) => void;
     show: (...args: any[]) => void;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         placeholder?(_: {}): any;
         error?(_: {}): any;
         viewer?(_: {}): any;
     };
 })> & Record<string, any>;
-export declare const VftPImage: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftPImage: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     src: {
         type: import("vue").PropType<string>;
     };
@@ -223,7 +180,7 @@ export declare const VftPImage: import("vft/es/utils").SFCWithInstall<import("vu
     radius: {
         type: import("vue").PropType<string | number>;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (e: Event) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     src: {
@@ -247,9 +204,9 @@ export declare const VftPImage: import("vft/es/utils").SFCWithInstall<import("vu
     radius: {
         type: import("vue").PropType<string | number>;
     };
-}>> & {
+}>> & Readonly<{
     onError?: ((e: Event) => any) | undefined;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftImage;
 export { type ImageProps } from './image.vue';
 export * from './types';

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

@@ -8,11 +8,11 @@ interface IpImageProps {
     height?: number | string;
     radius?: number | string;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<IpImageProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IpImageProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (e: Event) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IpImageProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IpImageProps>>> & Readonly<{
     onError?: ((e: Event) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -9,18 +9,20 @@ export interface ImageViewerProps {
     zoomRate?: number;
 }
 declare function setActiveItem(index: number): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<ImageViewerProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ImageViewerProps>>, {
     /** @description manually switch image */
     setActiveItem: typeof setActiveItem;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     switch: (index: number) => void;
     close: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ImageViewerProps>>> & {
-    onClose?: (() => any) | undefined;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ImageViewerProps>>> & Readonly<{
     onSwitch?: ((index: number) => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+    onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

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