vft 0.0.18 → 0.0.20

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

@@ -0,0 +1,54 @@
+export declare const VftIconText: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    text: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    icon: {
+        type: import("vue").PropType<import("..").IconProps>;
+        required: true;
+    };
+    color: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    hoverColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    distance: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    reverse: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    icon: {
+        type: import("vue").PropType<import("..").IconProps>;
+        required: true;
+    };
+    color: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    hoverColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    distance: {
+        type: import("vue").PropType<Numberish | undefined>;
+        required: false;
+    };
+    reverse: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftIconText;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.js");require("vue");require("@vue/shared");require("@vft/utils");const r=require("./icon-text.vue2.js"),e=t.withInstall(r.default);exports.VftIconText=e;exports.default=e;
+//# sourceMappingURL=index.js.map

package/lib/components/icon-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/icon-text/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport IconText from './icon-text.vue'\n\nexport const VftIconText = withInstall(IconText)\n\nexport default VftIconText\n"],"names":["VftIconText","withInstall","IconText"],"mappings":"6PAIaA,EAAcC,cAAYC,EAAQ,OAAA"}

package/lib/components/icon-text/style/css.js

@@ -0,0 +1,2 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-icon-text.css");
+//# sourceMappingURL=css.js.map

package/lib/components/icon-text/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/icon-text/style/index.js

@@ -0,0 +1,2 @@
+"use strict";require("../../../theme-style/src/base.scss.js");require("../../../theme-style/src/icon-text.scss.js");
+//# sourceMappingURL=index.js.map

package/lib/components/icon-text/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,108 @@
+import type { PropType as __PropType } from 'vue';
+import type { ImgFitType } from './types';
+declare const _sfc_main: import("vue").DefineComponent<{
+    hideOnClickModal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    src: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    fit: {
+        type: __PropType<ImgFitType | undefined>;
+        required: false;
+    };
+    loading: {
+        type: __PropType<"eager" | "lazy" | undefined>;
+        required: false;
+    };
+    lazy: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    scrollContainer: {
+        type: __PropType<string | HTMLElement | undefined>;
+        required: false;
+    };
+    previewSrcList: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    previewTeleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    initialIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    infinite: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "close" | "show" | "load" | "switch")[], "error" | "close" | "show" | "load" | "switch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    hideOnClickModal: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    src: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    fit: {
+        type: __PropType<ImgFitType | undefined>;
+        required: false;
+    };
+    loading: {
+        type: __PropType<"eager" | "lazy" | undefined>;
+        required: false;
+    };
+    lazy: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    scrollContainer: {
+        type: __PropType<string | HTMLElement | undefined>;
+        required: false;
+    };
+    previewSrcList: {
+        type: __PropType<string[] | undefined>;
+        required: false;
+    };
+    previewTeleported: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    zIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    initialIndex: {
+        type: __PropType<number | undefined>;
+        required: false;
+    };
+    infinite: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    closeOnPressEscape: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onError?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onLoad?: ((...args: any[]) => any) | undefined;
+    onSwitch?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

package/lib/components/image/image.vue.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./image.vue2.js");exports.default=e.default;
+//# sourceMappingURL=image.vue.js.map

package/lib/components/image/image.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/image/image.vue2.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@vueuse/core"),M=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vue/shared");const c=require("@vft/utils"),N=require("@vft/use"),T=["src","loading"],V=e.defineComponent({__name:"image",props:{hideOnClickModal:{type:Boolean,default:!1},src:{default:""},fit:{default:""},loading:null,lazy:{type:Boolean},scrollContainer:null,previewSrcList:{default:[]},previewTeleported:{type:Boolean,default:!1},zIndex:null,initialIndex:{default:0},infinite:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0}},emits:["load","error","switch","close","show"],setup(l,{emit:d}){const a=M.useNamespace("image"),L=e.useAttrs(),k=N.useAttrs(),f=e.ref(),o=e.ref(!1),i=e.ref(!0),S=e.ref(!1),u=e.ref(),t=e.ref(),z=r.isClient&&"loading"in HTMLImageElement.prototype;let s;const E=e.computed(()=>L.style),B=e.computed(()=>r.isClient&&l.fit?{objectFit:l.fit}:{}),m=e.computed(()=>Array.isArray(l.previewSrcList)&&l.previewSrcList.length>0);e.computed(()=>{let n=l.initialIndex;return l.initialIndex>l.previewSrcList.length-1&&(n=0),n});const y=e.computed(()=>l.loading==="eager"?!1:!z&&l.loading==="lazy"||l.lazy),v=()=>{r.isClient&&(i.value=!0,o.value=!1,f.value=l.src)};function q(n){i.value=!1,o.value=!1,d("load",n)}function I(n){i.value=!1,o.value=!0,d("error",n)}function g(){c.isInContainer(u.value,t.value)&&(v(),h())}const C=r.useThrottleFn(g,200);async function w(){r.isClient&&(await e.nextTick(),c.isElement(l.scrollContainer)?t.value=l.scrollContainer:c.isString(l.scrollContainer)&&l.scrollContainer!==""?t.value=document.querySelector(l.scrollContainer)??void 0:u.value&&(t.value=c.getScrollContainer(u.value)),t.value&&(s=r.useEventListener(t,"scroll",C),setTimeout(()=>g(),100)))}function h(){!r.isClient||!t.value||!C||(s==null||s(),t.value=void 0)}function b(n){if(n.ctrlKey){if(n.deltaY<0)return n.preventDefault(),!1;if(n.deltaY>0)return n.preventDefault(),!1}}function p(){m.value&&(r.useEventListener("wheel",b,{passive:!1}),document.body.style.overflow,document.body.style.overflow="hidden",S.value=!0,d("show"))}return e.watch(()=>l.src,()=>{y.value?(i.value=!0,o.value=!1,h(),w()):v()}),e.onMounted(()=>{y.value?w():v()}),(n,x)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"container",ref:u,class:e.normalizeClass([e.unref(a).b(),n.$attrs.class]),style:e.normalizeStyle(e.unref(E))},[f.value!==void 0&&!o.value?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(k),{src:f.value,loading:l.loading,style:e.unref(B),class:[e.unref(a).e("inner"),e.unref(m)&&e.unref(a).e("preview"),i.value&&e.unref(a).is("loading")],onClick:p,onLoad:q,onError:I}),null,16,T)):e.createCommentVNode("",!0),i.value||o.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).e("wrapper"))},[i.value?e.renderSlot(n.$slots,"placeholder",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("placeholder"))},null,2)]):o.value?e.renderSlot(n.$slots,"error",{key:1},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("error"))},"加载失败",2)]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],6))}});exports.default=V;
+//# sourceMappingURL=image.vue2.js.map

package/lib/components/image/image.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.vue2.js","sources":["../../../../../packages/components/image/image.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport type { ImgFitType } from './types';\nimport {\n  computed,\n  nextTick,\n  onMounted,\n  useAttrs as useRawAttrs,\n  watch,\n  ref\n} from 'vue';\nimport { isClient, useEventListener, useThrottleFn } from '@vueuse/core';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { useAttrs } from '@vft/use';\nimport {\n  getScrollContainer,\n  isElement,\n  isInContainer,\n  isString\n} from '@vft/utils';\n\nimport type { CSSProperties, StyleValue } from 'vue';\n\ninterface Props {\n  hideOnClickModal?: boolean\n  src?: string\n  fit?: ImgFitType\n  loading?: 'eager' | 'lazy'\n  lazy?: boolean\n  scrollContainer?: string | HTMLElement\n  previewSrcList?: string[]\n  previewTeleported?: boolean\n  zIndex?: number\n  initialIndex?: number\n  infinite?: boolean\n  closeOnPressEscape?: boolean\n}\n\ndefineProps({\n  \"hideOnClickModal\": { type: Boolean, default: false },\n  \"src\": { default: '' },\n  \"fit\": { default: '' },\n  \"loading\": null,\n  \"lazy\": { type: Boolean,  },\n  \"scrollContainer\": null,\n  \"previewSrcList\": { default: [] },\n  \"previewTeleported\": { type: Boolean, default: false },\n  \"zIndex\": null,\n  \"initialIndex\": { default: 0 },\n  \"infinite\": { type: Boolean, default: true },\n  \"closeOnPressEscape\": { type: Boolean, default: true }\n})\n\nconst emit = defineEmits(['load', 'error', 'switch', 'close', 'show']);\n\nlet prevOverflow = '';\n\nconst ns = useNamespace('image');\nconst rawAttrs = useRawAttrs();\nconst attrs = useAttrs();\n\nconst imageSrc = ref<string | undefined>();\nconst hasLoadError = ref(false);\nconst isLoading = ref(true);\nconst showViewer = ref(false);\nconst container = ref<HTMLElement>();\nconst _scrollContainer = ref<HTMLElement | Window>();\n\nconst supportLoading = isClient && 'loading' in HTMLImageElement.prototype;\nlet stopScrollListener: (() => void) | undefined;\nlet stopWheelListener: (() => void) | undefined;\n\nconst containerStyle = computed(() => rawAttrs.style as StyleValue);\n\nconst imageStyle = computed<CSSProperties>(() => {\n  if (isClient && __props.fit) {\n    return { objectFit: __props.fit };\n  }\n  return {};\n});\n\nconst preview = computed(() => {\n  return Array.isArray(__props.previewSrcList) && __props.previewSrcList.length > 0;\n});\n\nconst imageIndex = computed(() => {\n  let previewIndex = __props.initialIndex;\n  if (__props.initialIndex > __props.previewSrcList.length - 1) {\n    previewIndex = 0;\n  }\n  return previewIndex;\n});\n\nconst isManual = computed(() => {\n  if (__props.loading === 'eager') return false;\n  return (!supportLoading && __props.loading === 'lazy') || __props.lazy;\n});\n\nconst loadImage = () => {\n  if (!isClient) return;\n\n  // reset status\n  isLoading.value = true;\n  hasLoadError.value = false;\n  imageSrc.value = __props.src;\n};\n\nfunction handleLoad (event: Event) {\n  isLoading.value = false;\n  hasLoadError.value = false;\n  emit('load', event);\n}\n\nfunction handleError (event: Event) {\n  isLoading.value = false;\n  hasLoadError.value = true;\n  emit('error', event);\n}\n\nfunction handleLazyLoad () {\n  if (isInContainer(container.value, _scrollContainer.value)) {\n    loadImage();\n    removeLazyLoadListener();\n  }\n}\n\nconst lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);\n\nasync function addLazyLoadListener () {\n  if (!isClient) return;\n\n  await nextTick();\n\n  if (isElement(__props.scrollContainer)) {\n    _scrollContainer.value = __props.scrollContainer;\n  } else if (isString(__props.scrollContainer) && __props.scrollContainer !== '') {\n    _scrollContainer.value =\n      document.querySelector<HTMLElement>(__props.scrollContainer) ?? undefined;\n  } else if (container.value) {\n    _scrollContainer.value = getScrollContainer(container.value);\n  }\n\n  if (_scrollContainer.value) {\n    stopScrollListener = useEventListener(\n      _scrollContainer,\n      'scroll',\n      lazyLoadHandler\n    );\n    setTimeout(() => handleLazyLoad(), 100);\n  }\n}\n\nfunction removeLazyLoadListener () {\n  if (!isClient || !_scrollContainer.value || !lazyLoadHandler) return;\n\n  stopScrollListener?.();\n  _scrollContainer.value = undefined;\n}\n\nfunction wheelHandler (e: WheelEvent) {\n  if (!e.ctrlKey) return;\n\n  if (e.deltaY < 0) {\n    e.preventDefault();\n    return false;\n  } else if (e.deltaY > 0) {\n    e.preventDefault();\n    return false;\n  }\n}\n\nfunction clickHandler () {\n  // don't show viewer when preview is false\n  if (!preview.value) return;\n\n  stopWheelListener = useEventListener('wheel', wheelHandler, {\n    passive: false\n  });\n\n  // prevent body scroll\n  prevOverflow = document.body.style.overflow;\n  document.body.style.overflow = 'hidden';\n  showViewer.value = true;\n  emit('show');\n}\n\nfunction closeViewer () {\n  stopWheelListener?.();\n  document.body.style.overflow = prevOverflow;\n  showViewer.value = false;\n  emit('close');\n}\n\nfunction switchViewer (val: number) {\n  emit('switch', val);\n}\n\nwatch(\n  () => __props.src,\n  () => {\n    if (isManual.value) {\n      // reset status\n      isLoading.value = true;\n      hasLoadError.value = false;\n      removeLazyLoadListener();\n      addLazyLoadListener();\n    } else {\n      loadImage();\n    }\n  }\n);\n\nonMounted(() => {\n  if (isManual.value) {\n    addLazyLoadListener();\n  } else {\n    loadImage();\n  }\n});\n</script>\n\n<template>\n  <div ref=\"container\" :class=\"[ns.b(), $attrs.class]\" :style=\"containerStyle\">\n    <img\n      v-if=\"imageSrc !== undefined && !hasLoadError\"\n      v-bind=\"attrs\"\n      :src=\"imageSrc\"\n      :loading=\"loading\"\n      :style=\"imageStyle\"\n      :class=\"[\n        ns.e('inner'),\n        preview && ns.e('preview'),\n        isLoading && ns.is('loading'),\n      ]\"\n      @click=\"clickHandler\"\n      @load=\"handleLoad\"\n      @error=\"handleError\"\n    />\n    <div v-if=\"isLoading || hasLoadError\" :class=\"ns.e('wrapper')\">\n      <slot v-if=\"isLoading\" name=\"placeholder\">\n        <div :class=\"ns.e('placeholder')\" />\n      </slot>\n      <slot v-else-if=\"hasLoadError\" name=\"error\">\n        <div :class=\"ns.e('error')\">加载失败</div>\n      </slot>\n    </div>\n  </div>\n</template>\n\n"],"names":["ns","useNamespace","rawAttrs","useRawAttrs","attrs","useAttrs","imageSrc","ref","hasLoadError","isLoading","showViewer","container","_scrollContainer","supportLoading","isClient","stopScrollListener","containerStyle","computed","imageStyle","__props","preview","previewIndex","isManual","loadImage","handleLoad","event","emit","handleError","handleLazyLoad","isInContainer","removeLazyLoadListener","lazyLoadHandler","useThrottleFn","addLazyLoadListener","nextTick","isElement","isString","getScrollContainer","useEventListener","wheelHandler","e","clickHandler","watch","onMounted"],"mappings":"izBAyDM,MAAAA,EAAKC,eAAa,OAAO,EACzBC,EAAWC,EAAAA,WACXC,EAAQC,EAAAA,WAERC,EAAWC,EAAAA,MACXC,EAAeD,MAAI,EAAK,EACxBE,EAAYF,MAAI,EAAI,EACpBG,EAAaH,MAAI,EAAK,EACtBI,EAAYJ,EAAAA,MACZK,EAAmBL,EAAAA,MAEnBM,EAAiBC,EAAY,UAAA,YAAa,iBAAiB,UAC7D,IAAAC,EAGJ,MAAMC,EAAiBC,EAAA,SAAS,IAAMf,EAAS,KAAmB,EAE5DgB,EAAaD,EAAAA,SAAwB,IACrCH,EAAA,UAAYK,EAAQ,IACf,CAAE,UAAWA,EAAQ,KAEvB,EACR,EAEKC,EAAUH,EAAAA,SAAS,IAChB,MAAM,QAAQE,EAAQ,cAAc,GAAKA,EAAQ,eAAe,OAAS,CACjF,EAEkBF,EAAAA,SAAS,IAAM,CAChC,IAAII,EAAeF,EAAQ,aAC3B,OAAIA,EAAQ,aAAeA,EAAQ,eAAe,OAAS,IAC1CE,EAAA,GAEVA,CAAA,CACR,EAEK,MAAAC,EAAWL,EAAAA,SAAS,IACpBE,EAAQ,UAAY,QAAgB,GAChC,CAACN,GAAkBM,EAAQ,UAAY,QAAWA,EAAQ,IACnE,EAEKI,EAAY,IAAM,CACjBT,EAAA,WAGLL,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACrBF,EAAS,MAAQa,EAAQ,IAAA,EAG3B,SAASK,EAAYC,EAAc,CACjChB,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACrBkB,EAAK,OAAQD,CAAK,CACpB,CAEA,SAASE,EAAaF,EAAc,CAClChB,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACrBkB,EAAK,QAASD,CAAK,CACrB,CAEA,SAASG,GAAkB,CACrBC,EAAc,cAAAlB,EAAU,MAAOC,EAAiB,KAAK,IAC7CW,IACaO,IAE3B,CAEM,MAAAC,EAAkBC,EAAAA,cAAcJ,EAAgB,GAAG,EAEzD,eAAeK,GAAuB,CAC/BnB,EAAA,WAEL,MAAMoB,EAAS,SAAA,EAEXC,EAAA,UAAUhB,EAAQ,eAAe,EACnCP,EAAiB,MAAQO,EAAQ,gBACxBiB,EAAS,SAAAjB,EAAQ,eAAe,GAAKA,EAAQ,kBAAoB,GAC1EP,EAAiB,MACf,SAAS,cAA2BO,EAAQ,eAAe,GAAK,OACzDR,EAAU,QACFC,EAAA,MAAQyB,EAAAA,mBAAmB1B,EAAU,KAAK,GAGzDC,EAAiB,QACEG,EAAAuB,EAAA,iBACnB1B,EACA,SACAmB,CAAA,EAES,WAAA,IAAMH,IAAkB,GAAG,GAE1C,CAEA,SAASE,GAA0B,CAC7B,CAAChB,EAAAA,UAAY,CAACF,EAAiB,OAAS,CAACmB,IAExBhB,GAAA,MAAAA,IACrBH,EAAiB,MAAQ,OAC3B,CAEA,SAAS2B,EAAcC,EAAe,CACpC,GAAKA,EAAE,QAEH,IAAAA,EAAE,OAAS,EACb,OAAAA,EAAE,eAAe,EACV,GACT,GAAWA,EAAE,OAAS,EACpB,OAAAA,EAAE,eAAe,EACV,GAEX,CAEA,SAASC,GAAgB,CAElBrB,EAAQ,QAEOkB,EAAA,iBAAiB,QAASC,EAAc,CAC1D,QAAS,EAAA,CACV,EAGc,SAAS,KAAK,MAAM,SAC1B,SAAA,KAAK,MAAM,SAAW,SAC/B7B,EAAW,MAAQ,GACnBgB,EAAK,MAAM,EACb,CAaAgB,OAAAA,EAAA,MACE,IAAMvB,EAAQ,IACd,IAAM,CACAG,EAAS,OAEXb,EAAU,MAAQ,GAClBD,EAAa,MAAQ,GACEsB,IACHG,KAEVV,GAEd,CAAA,EAGFoB,EAAAA,UAAU,IAAM,CACVrB,EAAS,MACSW,IAEVV,GACZ,CACD"}

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

@@ -0,0 +1,107 @@
+export declare const VftImage: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    hideOnClickModal: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    src: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    fit: {
+        type: import("vue").PropType<import("./types").ImgFitType | undefined>;
+        required: false;
+    };
+    loading: {
+        type: import("vue").PropType<"eager" | "lazy" | undefined>;
+        required: false;
+    };
+    lazy: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    scrollContainer: {
+        type: import("vue").PropType<string | HTMLElement | undefined>;
+        required: false;
+    };
+    previewSrcList: {
+        type: import("vue").PropType<string[] | undefined>;
+        required: false;
+    };
+    previewTeleported: {
+        type: import("vue").PropType<boolean | 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;
+    };
+    closeOnPressEscape: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "close" | "show" | "load" | "switch")[], "error" | "close" | "show" | "load" | "switch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    hideOnClickModal: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    src: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    fit: {
+        type: import("vue").PropType<import("./types").ImgFitType | undefined>;
+        required: false;
+    };
+    loading: {
+        type: import("vue").PropType<"eager" | "lazy" | undefined>;
+        required: false;
+    };
+    lazy: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    scrollContainer: {
+        type: import("vue").PropType<string | HTMLElement | undefined>;
+        required: false;
+    };
+    previewSrcList: {
+        type: import("vue").PropType<string[] | undefined>;
+        required: false;
+    };
+    previewTeleported: {
+        type: import("vue").PropType<boolean | 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;
+    };
+    closeOnPressEscape: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onError?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onLoad?: ((...args: any[]) => any) | undefined;
+    onSwitch?: ((...args: any[]) => any) | undefined;
+}, {}>> & Record<string, any>;
+export default VftImage;
+export * from './types';

package/lib/components/image/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../utils/vue/install.js");require("vue");require("@vue/shared");require("@vft/utils");const r=require("./image.vue2.js"),e=t.withInstall(r.default);exports.VftImage=e;exports.default=e;
+//# sourceMappingURL=index.js.map

package/lib/components/image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/image/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Image from './image.vue'\n\nexport const VftImage = withInstall(Image)\n\nexport default VftImage\n\nexport * from './types'\n"],"names":["VftImage","withInstall","Image"],"mappings":"yPAIaA,EAAWC,cAAYC,EAAK,OAAA"}

package/lib/components/image/style/css.js

@@ -0,0 +1,2 @@
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-image.css");
+//# sourceMappingURL=css.js.map

package/lib/components/image/style/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/image/style/index.js

@@ -0,0 +1,2 @@
+"use strict";require("../../../theme-style/src/base.scss.js");require("../../../theme-style/src/image.scss.js");
+//# sourceMappingURL=index.js.map

package/lib/components/image/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+export type ImgFitType = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';

package/lib/components/image/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/components/image/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/components/index.d.ts

@@ -17,3 +17,18 @@ export * from './footer-layout';
 export * from './iframe-layout';
 export * from './router-view-content';
 export * from './logo';
+export * from './back-top';
+export * from './config-provider';
+export * from './descriptions';
+export * from './full-screen';
+export * from './icon-text';
+export * from './image';
+export * from './input';
+export * from './link';
+export * from './pagination';
+export * from './tag';
+export * from './side-menu';
+export * from './qrcode';
+export * from './overlay';
+export * from './clamp';
+export * from './clamp-toggle';

package/lib/components/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./divider/index.js"),u=require("./icon/index.js"),i=require("./avatar/index.js"),s=require("./empty/index.js"),f=require("./result/index.js"),a=require("./exception/index.js"),t=require("./tabs/index.js"),V=require("./popper/index.js"),c=require("./collapse-transition/index.js"),p=require("./tooltip/index.js"),d=require("./popover/index.js"),e=require("./menu/index.js"),r=require("./context-menu/createContextMenu.js"),x=require("./context-menu/useContextMenu.js"),q=require("./multiple-tabs/index.js"),l=require("./header-layout/index.js"),T=require("./footer-layout/index.js"),b=require("./iframe-layout/index.js"),_=require("./router-view-content/index.js"),y=require("./logo/index.js"),M=require("./empty/constants.js"),$=require("./tabs/types.js"),C=require("./popper/arrow.vue2.js"),g=require("./popper/trigger.vue2.js"),m=require("./popper/content.vue2.js"),v=require("./multiple-tabs/use/use-tab-dropdown.js"),n=require("./multiple-tabs/use/use-multiple-tabs.js");exports.VftDivider=o.VftDivider;exports.VftIcon=u.VftIcon;exports.VftAvatar=i.VftAvatar;exports.VftEmpty=s.VftEmpty;exports.VftResult=f.VftResult;exports.VftException=a.VftException;exports.VftTabPane=t.VftTabPane;exports.VftTabs=t.VftTabs;exports.VftPopper=V.VftPopper;exports.VftCollapseTransition=c.VftCollapseTransition;exports.VftTooltip=p.VftTooltip;exports.VftPopover=d.VftPopover;exports.VftMenu=e.VftMenu;exports.VftMenuItem=e.VftMenuItem;exports.VftMenuItemGroup=e.VftMenuItemGroup;exports.VftSubMenu=e.VftSubMenu;exports.createContextMenu=r.createContextMenu;exports.destroyContextMenu=r.destroyContextMenu;exports.useContextMenu=x.useContextMenu;exports.VftMultipleTabs=q.VftMultipleTabs;exports.VftHeaderLayout=l.VftHeaderLayout;exports.VftFooterLayout=T.VftFooterLayout;exports.VftIframeLayout=b.VftIframeLayout;exports.VftRouterViewContent=_.VftRouterViewContent;exports.VftLogo=y.VftLogo;exports.EmptyEnum=M.EmptyEnum;exports.TabsRootContextKey=$.TabsRootContextKey;exports.VftPopperArrow=C.default;exports.VftPopperTrigger=g.default;exports.VftPopperContent=m.default;exports.useTabDropdown=v.useTabDropdown;exports.initAffixTabs=n.initAffixTabs;exports.useTabsDrag=n.useTabsDrag;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./divider/index.js"),f=require("./icon/index.js"),a=require("./avatar/index.js"),V=require("./empty/index.js"),c=require("./result/index.js"),p=require("./exception/index.js"),n=require("./tabs/index.js"),d=require("./popper/index.js"),l=require("./collapse-transition/index.js"),x=require("./tooltip/index.js"),q=require("./popover/index.js"),e=require("./menu/index.js"),o=require("./context-menu/createContextMenu.js"),g=require("./context-menu/useContextMenu.js"),$=require("./multiple-tabs/index.js"),C=require("./header-layout/index.js"),T=require("./footer-layout/index.js"),b=require("./iframe-layout/index.js"),m=require("./router-view-content/index.js"),y=require("./logo/index.js"),v=require("./back-top/index.js"),M=require("./config-provider/index.js"),r=require("./descriptions/index.js"),P=require("./full-screen/index.js"),_=require("./icon-text/index.js"),I=require("./image/index.js"),D=require("./input/index.js"),E=require("./link/index.js"),L=require("./pagination/index.js"),S=require("./tag/index.js"),G=require("./side-menu/index.js"),w=require("./qrcode/index.js"),K=require("./overlay/index.js"),R=require("./clamp/index.js"),k=require("./clamp-toggle/index.js"),A=require("./empty/constants.js"),F=require("./tabs/types.js"),O=require("./popper/arrow.vue2.js"),j=require("./popper/trigger.vue2.js"),B=require("./popper/content.vue2.js"),H=require("./multiple-tabs/use/use-tab-dropdown.js"),i=require("./multiple-tabs/use/use-multiple-tabs.js"),Q=require("./config-provider/constants.js"),t=require("./config-provider/hooks/use-global-config.js"),h=require("./pagination/pagination.js"),u=require("./pagination/usePagination.js");exports.VftDivider=s.VftDivider;exports.VftIcon=f.VftIcon;exports.VftAvatar=a.VftAvatar;exports.VftEmpty=V.VftEmpty;exports.VftResult=c.VftResult;exports.VftException=p.VftException;exports.VftTabPane=n.VftTabPane;exports.VftTabs=n.VftTabs;exports.VftPopper=d.VftPopper;exports.VftCollapseTransition=l.VftCollapseTransition;exports.VftTooltip=x.VftTooltip;exports.VftPopover=q.VftPopover;exports.VftMenu=e.VftMenu;exports.VftMenuItem=e.VftMenuItem;exports.VftMenuItemGroup=e.VftMenuItemGroup;exports.VftSubMenu=e.VftSubMenu;exports.createContextMenu=o.createContextMenu;exports.destroyContextMenu=o.destroyContextMenu;exports.useContextMenu=g.useContextMenu;exports.VftMultipleTabs=$.VftMultipleTabs;exports.VftHeaderLayout=C.VftHeaderLayout;exports.VftFooterLayout=T.VftFooterLayout;exports.VftIframeLayout=b.VftIframeLayout;exports.VftRouterViewContent=m.VftRouterViewContent;exports.VftLogo=y.VftLogo;exports.VftBackTop=v.VftBackTop;exports.VftConfigProvider=M.VftConfigProvider;exports.VftDescriptions=r.VftDescriptions;exports.VftDescriptionsItem=r.VftDescriptionsItem;exports.VftFullScreen=P.VftFullScreen;exports.VftIconText=_.VftIconText;exports.VftImage=I.VftImage;exports.VftInput=D.VftInput;exports.VftLink=E.VftLink;exports.VftPagination=L.VftPagination;exports.VftTag=S.VftTag;exports.VftSideMenu=G.VftSideMenu;exports.VftQrcode=w.VftQrcode;exports.VftOverlay=K.VftOverlay;exports.VftClamp=R.VftClamp;exports.VftClampToggle=k.VftClampToggle;exports.EmptyEnum=A.EmptyEnum;exports.TabsRootContextKey=F.TabsRootContextKey;exports.VftPopperArrow=O.default;exports.VftPopperTrigger=j.default;exports.VftPopperContent=B.default;exports.useTabDropdown=H.useTabDropdown;exports.initAffixTabs=i.initAffixTabs;exports.useTabsDrag=i.useTabsDrag;exports.configProviderContextKey=Q.configProviderContextKey;exports.provideGlobalConfig=t.provideGlobalConfig;exports.useGlobalComponentSettings=t.useGlobalComponentSettings;exports.useGlobalConfig=t.useGlobalConfig;exports.paginationEmits=h.paginationEmits;exports.elPaginationKey=u.elPaginationKey;exports.usePagination=u.usePagination;
 //# sourceMappingURL=index.js.map