vft 0.0.18 → 0.0.19

package/es/packages/components/full-screen/full-screen.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-screen.vue2.mjs","sources":["../../../../../../packages/components/full-screen/full-screen.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('full-screen')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { useFullscreen } from '@vft/use';\nimport { VftIcon as Icon } from '@vft-ui/components/icon';\nimport { useNamespace } from '@vft-ui/hooks';\n\n\n\n;\n\nconst { toggle, isFullscreen } = useFullscreen();\n</script>\n\n<template>\n  <span :class=\"ns.b()\" @click=\"toggle\">\n    <icon :icon=\"!isFullscreen ? 'vi-full-screen' : 'vi-exit-screen'\" />\n    {{ !isFullscreen ? '全屏' : '退出全屏' }}\n  </span>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","toggle","isFullscreen","useFullscreen"],"mappings":";;;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,aAAa;AAAA,GAGvDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;AAUD,UAAM,EAAE,QAAAI,GAAQ,cAAAC,EAAa,IAAIC,EAAc;;;;;;;;;;;;;"}

package/es/packages/components/full-screen/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall as t } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import o from "./full-screen.vue2.mjs";
+const l = t(o);
+export {
+  l as VftFullScreen,
+  l as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/full-screen/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/full-screen/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport FullScreen from './full-screen.vue'\n\nexport const VftFullScreen = withInstall(FullScreen)\n\nexport default VftFullScreen\n"],"names":["VftFullScreen","withInstall","FullScreen"],"mappings":";;;;;AAIa,MAAAA,IAAgBC,EAAYC,CAAU;"}

package/es/packages/components/full-screen/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-full-screen.css";
+//# sourceMappingURL=css.mjs.map

package/es/packages/components/full-screen/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/full-screen.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/header-layout/header-layout.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-layout.vue2.mjs","sources":["../../../../../../packages/components/header-layout/header-layout.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('header-layout')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type LogoProps, VftLogo as Logo } from '@vft-ui/components/logo';\n\ninterface LayoutHeaderProps {\n  logoCfg: LogoProps;\n}\n\ndefineProps({\n  \"logoCfg\": null\n})\n\n\n\n;\n\nconst getHeaderClass = computed(() => {\n  return [\n    ns.b(),\n    {\n      [`${ns.m('fixed')}`]: true\n    }\n  ];\n});\n</script>\n\n<template>\n  <div :class=\"getHeaderClass\">\n    <div :class=\"ns.e('top')\">\n      <div :class=\"ns.e('left')\">\n        <logo v-bind=\"logoCfg\" />\n        <slot name=\"left\" />\n      </div>\n      <div :class=\"ns.e('right')\">\n        <slot />\n      </div>\n    </div>\n    <slot name=\"bottom\" />\n  </div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","getHeaderClass","computed"],"mappings":";;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,eAAe;AAAA,GAGzDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;AAkBK,UAAAI,IAAiBC,EAAS,MACvB;AAAA,MACLL,EAAG,EAAE;AAAA,MACL;AAAA,QACE,CAAC,GAAGA,EAAG,EAAE,OAAO,GAAG,GAAG;AAAA,MACxB;AAAA,IAAA,CAEH;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/header-layout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/header-layout/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport HeaderLayout from './header-layout.vue'\n\nexport const VftHeaderLayout = withInstall(HeaderLayout)\n\nexport default VftHeaderLayout\n"],"names":["VftHeaderLayout","withInstall","HeaderLayout"],"mappings":";;;;;AAIa,MAAAA,IAAkBC,EAAYC,CAAY;"}

package/es/packages/components/header-layout/style/css.mjs

@@ -0,0 +1,4 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-logo.css";
+import "vft/theme-style/vft-header-layout.css";
+//# sourceMappingURL=css.mjs.map

package/es/packages/components/header-layout/style/index.mjs

@@ -0,0 +1,4 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/header-layout.scss.mjs";
+import "../../../theme-style/src/logo.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/icon/icon.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.vue2.mjs","sources":["../../../../../../packages/components/icon/icon.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('icon')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { computed, type CSSProperties, inject } from 'vue';\nimport { addUnit } from '@vft/utils';\nimport { useNamespace } from '@vft-ui/hooks';\n\nexport interface IconProps {\n  /** 是否显示图标右上角小红点 */\n  dot?: boolean;\n  /** 图标名称或图片链接 */\n  icon: string;\n  /** 图标大小 */\n  size?: Numberish;\n  /** 图标右上角徽标的内容 */\n  badge?: Numberish;\n  /** 图标颜色 */\n  color?: string;\n  /** 类名前缀，用于使用自定义图标 */\n  classPrefix?: string;\n  spin?: boolean;\n  cursor?: boolean;\n  scale?: number\n}\n\nconst emit = defineEmits(['click']);\n\ndefineProps({\n  \"dot\": { type: Boolean,  },\n  \"icon\": null,\n  \"size\": null,\n  \"badge\": null,\n  \"color\": null,\n  \"classPrefix\": null,\n  \"spin\": { type: Boolean,  },\n  \"cursor\": { type: Boolean,  },\n  \"scale\": null\n})\n\n\n\n;\n\nconst style = computed(() => {\n  const _style: CSSProperties = {};\n  if (__props.color) {\n    _style['color'] = __props.color;\n  }\n  if (__props.size) {\n    _style['fontSize'] = addUnit(__props.size);\n  }\n  if (__props.spin) {\n    _style['animation'] = 'vft-rotate 1s linear 0s infinite';\n  }\n  if (__props.cursor) {\n    _style['cursor'] = 'pointer';\n  }\n  if (__props.scale) {\n    _style.transform = 'scale(0.8)';\n  }\n  return _style;\n});\n\nconst isImage = (name?: string) => name?.includes('/');\nconst isImageIcon = isImage(__props.icon);\n\n\nconst _classPrefix = computed(() => __props.classPrefix);\nconst classes = computed(() => (isImageIcon ? '' : [__props.icon.startsWith('vi-') ? 'vicon' : 'iconfont', `${_classPrefix.value || ''}${__props.icon}`]));\n</script>\n\n<template>\n\t<div>\n\t\t<slot></slot>\n\t</div>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","computed","_style","__props","addUnit","isImageIcon","name","_classPrefix"],"mappings":";;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,MAAM;AAAA,GAGhDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;;;;;AA0Ca,IAAAI,EAAS,MAAM;AAC3B,YAAMC,IAAwB,CAAA;AAC9B,aAAIC,EAAQ,UACHD,EAAA,QAAWC,EAAQ,QAExBA,EAAQ,SACVD,EAAO,WAAcE,EAAQD,EAAQ,IAAI,IAEvCA,EAAQ,SACVD,EAAO,YAAe,qCAEpBC,EAAQ,WACVD,EAAO,SAAY,YAEjBC,EAAQ,UACVD,EAAO,YAAY,eAEdA;AAAA,IAAA,CACR;AAGK,UAAAG,KADU,CAACC,MAAkBA,KAAA,gBAAAA,EAAM,SAAS,MACtBH,EAAQ,IAAI,GAGlCI,IAAeN,EAAS,MAAME,EAAQ,WAAW;AACvC,WAAAF,EAAS,MAAOI,IAAc,KAAK,CAACF,EAAQ,KAAK,WAAW,KAAK,IAAI,UAAU,YAAY,GAAGI,EAAa,SAAS,KAAKJ,EAAQ,MAAM,CAAE;;;;;"}

package/es/packages/components/icon/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/icon/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils';\n\nimport Icon, { type IconProps } from './icon.vue';\n\nexport {\n\ttype IconProps\n} from './icon.vue';\n\nexport const VftIcon = withInstall(Icon);\nexport default VftIcon;\n"],"names":["VftIcon","withInstall","Icon"],"mappings":";;;;;AAQa,MAAAA,IAAUC,EAAYC,CAAI;"}

package/es/packages/components/icon-text/icon-text.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./icon-text.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=icon-text.vue.mjs.map

package/es/packages/components/icon-text/icon-text.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-text.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/components/icon-text/icon-text.vue2.mjs

@@ -0,0 +1,42 @@
+import { defineComponent as d, computed as o, openBlock as r, createElementBlock as k, normalizeClass as v, unref as t, createBlock as i, mergeProps as m, createCommentVNode as a, createTextVNode as C, toDisplayString as g } from "vue";
+import { singleAttrToObj as x, addUnit as s } from "@vft/utils";
+import { VftIcon as u } from "../icon/index.mjs";
+import { useNamespace as B } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+const f = (
+  /* hoist-static*/
+  B("icon-text")
+), b = d({
+  name: f.b()
+}), I = /* @__PURE__ */ d({
+  ...b,
+  props: {
+    text: null,
+    icon: null,
+    color: { default: "#434343" },
+    hoverColor: null,
+    distance: null,
+    reverse: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(e, { emit: y }) {
+    o(() => e.hoverColor ? e.hoverColor : e.color);
+    const n = o(() => x(e.icon, "icon", { size: 16, color: e.color })), l = o(() => e.reverse ? { marginLeft: s(e.distance) } : { marginRight: s(e.distance) });
+    return (h, c) => (r(), k("span", {
+      class: v(t(f).b()),
+      onClick: c[0] || (c[0] = (N) => y("click"))
+    }, [
+      e.reverse ? a("", !0) : (r(), i(t(u), m({ key: 0 }, t(n), { style: t(l) }), null, 16, ["style"])),
+      C(" " + g(e.text) + " ", 1),
+      e.reverse ? (r(), i(t(u), m({ key: 1 }, t(n), { style: t(l) }), null, 16, ["style"])) : a("", !0)
+    ], 2));
+  }
+});
+export {
+  I as default
+};
+//# sourceMappingURL=icon-text.vue2.mjs.map

package/es/packages/components/icon-text/icon-text.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-text.vue2.mjs","sources":["../../../../../../packages/components/icon-text/icon-text.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('icon-text')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { addUnit, singleAttrToObj } from '@vft/utils';\nimport { computed } from 'vue';\nimport { VftIcon, type IconProps } from '@vft-ui/components/icon';\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface IconTextProps {\n  text: string;\n  icon: IconProps;\n  color?: string;\n  hoverColor?: string;\n  distance?: Numberish;\n  reverse?: boolean;\n}\n\ndefineProps({\n  \"text\": null,\n  \"icon\": null,\n  \"color\": { default: '#434343' },\n  \"hoverColor\": null,\n  \"distance\": null,\n  \"reverse\": { type: Boolean,  }\n})\n\n\n\n;\n\nconst emit = defineEmits(['click']);\n\nconst _hoverColor = computed(() => {\n  return __props.hoverColor ? __props.hoverColor : __props.color;\n});\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon', { size: 16, color: __props.color }) as IconProps;\n});\n\nconst distanceStyle = computed(() => {\n  return __props.reverse ? { marginLeft: addUnit(__props.distance) } : { marginRight: addUnit(__props.distance) };\n});\n</script>\n\n<template>\n  <span :class=\"ns.b()\" @click=\"emit('click')\">\n    <vft-icon v-if=\"!reverse\" v-bind=\"_icon\" :style=\"distanceStyle\"/>\n    {{ text }}\n    <vft-icon v-if=\"reverse\" v-bind=\"_icon\" :style=\"distanceStyle\"/>\n  </span>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","computed","__props","_icon","singleAttrToObj","distanceStyle","addUnit"],"mappings":";;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,WAAW;AAAA,GAGrDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;;AA+BmB,IAAAI,EAAS,MACpBC,EAAQ,aAAaA,EAAQ,aAAaA,EAAQ,KAC1D;AAEK,UAAAC,IAAQF,EAAS,MACdG,EAAgBF,EAAQ,MAAM,QAAQ,EAAE,MAAM,IAAI,OAAOA,EAAQ,MAAO,CAAA,CAChF,GAEKG,IAAgBJ,EAAS,MACtBC,EAAQ,UAAU,EAAE,YAAYI,EAAQJ,EAAQ,QAAQ,EAAE,IAAI,EAAE,aAAaI,EAAQJ,EAAQ,QAAQ,EAAE,CAC/G;;;;;;;;;;;"}

package/es/packages/components/icon-text/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall as t } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import o from "./icon-text.vue2.mjs";
+const a = t(o);
+export {
+  a as VftIconText,
+  a as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/icon-text/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","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":";;;;;AAIa,MAAAA,IAAcC,EAAYC,CAAQ;"}

package/es/packages/components/icon-text/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-icon-text.css";
+//# sourceMappingURL=css.mjs.map

package/es/packages/components/icon-text/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/icon-text.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/iframe-layout/iframe-layout.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframe-layout.vue2.mjs","sources":["../../../../../../packages/components/iframe-layout/iframe-layout.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('iframe-layout')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { unref } from 'vue';\nimport { type RouteLocationNormalized } from 'vue-router';\nimport { type RouteRecordItem } from '@vft/router';\nimport { useNamespace } from '@vft-ui/hooks';\nimport FramePage from './iframe-page.vue';\nimport { useRouter } from 'vue-router';\n\ninterface Props {\n  iframePages: RouteLocationNormalized[]\n}\n\ndefineProps({\n  \"iframePages\": null\n})\n\n\n\n;\n\nconst router = useRouter();\n\nfunction showIframe(item: RouteRecordItem) {\n  return item.fullPath === unref(router.currentRoute).fullPath;\n}\n</script>\n\n<template>\n  <template v-for=\"item in iframePages\" :key=\"item.query ? item.fullPath : item.path\">\n    <frame-page\n      v-if=\"item.meta.frameSrc\"\n      v-show=\"showIframe(item)\" :frameSrc=\"item.meta.frameSrc\" />\n  </template>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","router","useRouter","showIframe","item","unref"],"mappings":";;;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,eAAe;AAAA,GAGzDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;AAqBD,UAAMI,IAASC;AAEf,aAASC,EAAWC,GAAuB;AACzC,aAAOA,EAAK,aAAaC,EAAMJ,EAAO,YAAY,EAAE;AAAA,IACtD;;;;;;;;;;;;;"}

package/es/packages/components/iframe-layout/iframe-page.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframe-page.vue2.mjs","sources":["../../../../../../packages/components/iframe-layout/iframe-page.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('iframe-page')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface IframePageProps {\n  frameSrc: string;\n}\n\ndefineProps({\n  \"frameSrc\": { default: '' }\n})\n\n\n\n;\n</script>\n\n<template>\n  <iframe :class=\"ns.b()\"  :src=\"frameSrc\" />\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent"],"mappings":";;;;;;;;mBACMA;AAAA;AAAA,EAAuBC,EAAa,aAAa;AAAA,GAGvDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;;"}

package/es/packages/components/iframe-layout/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/iframe-layout/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport IframeLayout from './iframe-layout.vue'\n\nexport const VftIframeLayout = withInstall(IframeLayout)\n\nexport default VftIframeLayout\n"],"names":["VftIframeLayout","withInstall","IframeLayout"],"mappings":";;;;;AAIa,MAAAA,IAAkBC,EAAYC,CAAY;"}

package/es/packages/components/image/image.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./image.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=image.vue.mjs.map

package/es/packages/components/image/image.vue.mjs.map

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

package/es/packages/components/image/image.vue2.mjs

@@ -0,0 +1,117 @@
+import { defineComponent as F, useAttrs as O, ref as i, computed as s, watch as P, onMounted as Y, openBlock as g, createElementBlock as w, normalizeClass as f, unref as t, normalizeStyle as j, mergeProps as q, createCommentVNode as h, renderSlot as E, createElementVNode as I, nextTick as K } from "vue";
+import { isClient as u, useThrottleFn as G, useEventListener as B } from "@vueuse/core";
+import { useNamespace as J } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vue/shared";
+import { isInContainer as Q, isElement as R, isString as U, getScrollContainer as W } from "@vft/utils";
+import { useAttrs as X } from "@vft/use";
+const Z = ["src", "loading"], ue = /* @__PURE__ */ F({
+  __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(e, { emit: v }) {
+    const n = J("image"), A = O(), x = X(), m = i(), r = i(!1), o = i(!0), T = i(!1), c = i(), a = i(), b = u && "loading" in HTMLImageElement.prototype;
+    let d;
+    const H = s(() => A.style), M = s(() => u && e.fit ? { objectFit: e.fit } : {}), L = s(() => Array.isArray(e.previewSrcList) && e.previewSrcList.length > 0);
+    s(() => {
+      let l = e.initialIndex;
+      return e.initialIndex > e.previewSrcList.length - 1 && (l = 0), l;
+    });
+    const C = s(() => e.loading === "eager" ? !1 : !b && e.loading === "lazy" || e.lazy), y = () => {
+      u && (o.value = !0, r.value = !1, m.value = e.src);
+    };
+    function $(l) {
+      o.value = !1, r.value = !1, v("load", l);
+    }
+    function N(l) {
+      o.value = !1, r.value = !0, v("error", l);
+    }
+    function k() {
+      Q(c.value, a.value) && (y(), p());
+    }
+    const S = G(k, 200);
+    async function z() {
+      u && (await K(), R(e.scrollContainer) ? a.value = e.scrollContainer : U(e.scrollContainer) && e.scrollContainer !== "" ? a.value = document.querySelector(e.scrollContainer) ?? void 0 : c.value && (a.value = W(c.value)), a.value && (d = B(
+        a,
+        "scroll",
+        S
+      ), setTimeout(() => k(), 100)));
+    }
+    function p() {
+      !u || !a.value || !S || (d == null || d(), a.value = void 0);
+    }
+    function V(l) {
+      if (l.ctrlKey) {
+        if (l.deltaY < 0)
+          return l.preventDefault(), !1;
+        if (l.deltaY > 0)
+          return l.preventDefault(), !1;
+      }
+    }
+    function D() {
+      L.value && (B("wheel", V, {
+        passive: !1
+      }), document.body.style.overflow, document.body.style.overflow = "hidden", T.value = !0, v("show"));
+    }
+    return P(
+      () => e.src,
+      () => {
+        C.value ? (o.value = !0, r.value = !1, p(), z()) : y();
+      }
+    ), Y(() => {
+      C.value ? z() : y();
+    }), (l, _) => (g(), w("div", {
+      ref_key: "container",
+      ref: c,
+      class: f([t(n).b(), l.$attrs.class]),
+      style: j(t(H))
+    }, [
+      m.value !== void 0 && !r.value ? (g(), w("img", q({ key: 0 }, t(x), {
+        src: m.value,
+        loading: e.loading,
+        style: t(M),
+        class: [
+          t(n).e("inner"),
+          t(L) && t(n).e("preview"),
+          o.value && t(n).is("loading")
+        ],
+        onClick: D,
+        onLoad: $,
+        onError: N
+      }), null, 16, Z)) : h("", !0),
+      o.value || r.value ? (g(), w("div", {
+        key: 1,
+        class: f(t(n).e("wrapper"))
+      }, [
+        o.value ? E(l.$slots, "placeholder", { key: 0 }, () => [
+          I("div", {
+            class: f(t(n).e("placeholder"))
+          }, null, 2)
+        ]) : r.value ? E(l.$slots, "error", { key: 1 }, () => [
+          I("div", {
+            class: f(t(n).e("error"))
+          }, "加载失败", 2)
+        ]) : h("", !0)
+      ], 2)) : h("", !0)
+    ], 6));
+  }
+});
+export {
+  ue as default
+};
+//# sourceMappingURL=image.vue2.mjs.map

package/es/packages/components/image/image.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.vue2.mjs","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":"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"}

package/es/packages/components/image/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall as t } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import m from "./image.vue2.mjs";
+const f = t(m);
+export {
+  f as VftImage,
+  f as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/image/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","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":";;;;;AAIa,MAAAA,IAAWC,EAAYC,CAAK;"}

package/es/packages/components/image/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-image.css";
+//# sourceMappingURL=css.mjs.map

package/es/packages/components/image/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/image.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/index.mjs

@@ -0,0 +1,105 @@
+import { VftDivider as r } from "./divider/index.mjs";
+import { VftIcon as f } from "./icon/index.mjs";
+import { VftAvatar as m } from "./avatar/index.mjs";
+import { VftEmpty as n } from "./empty/index.mjs";
+import { VftResult as V } from "./result/index.mjs";
+import { VftException as u } from "./exception/index.mjs";
+import { VftTabPane as l, VftTabs as g } from "./tabs/index.mjs";
+import { VftPopper as T } from "./popper/index.mjs";
+import { VftCollapseTransition as b } from "./collapse-transition/index.mjs";
+import { VftTooltip as c } from "./tooltip/index.mjs";
+import { VftPopover as M } from "./popover/index.mjs";
+import { VftMenu as v, VftMenuItem as D, VftMenuItemGroup as E, VftSubMenu as L } from "./menu/index.mjs";
+import { createContextMenu as S, destroyContextMenu as w } from "./context-menu/createContextMenu.mjs";
+import { useContextMenu as K } from "./context-menu/useContextMenu.mjs";
+import { VftMultipleTabs as k } from "./multiple-tabs/index.mjs";
+import { VftHeaderLayout as B } from "./header-layout/index.mjs";
+import { VftFooterLayout as O } from "./footer-layout/index.mjs";
+import { VftIframeLayout as h } from "./iframe-layout/index.mjs";
+import { VftRouterViewContent as q } from "./router-view-content/index.mjs";
+import { VftLogo as J } from "./logo/index.mjs";
+import { VftBackTop as U } from "./back-top/index.mjs";
+import { VftConfigProvider as X } from "./config-provider/index.mjs";
+import { VftDescriptions as Z, VftDescriptionsItem as _ } from "./descriptions/index.mjs";
+import { VftFullScreen as oo } from "./full-screen/index.mjs";
+import { VftIconText as ro } from "./icon-text/index.mjs";
+import { VftImage as fo } from "./image/index.mjs";
+import { VftInput as mo } from "./input/index.mjs";
+import { VftLink as no } from "./link/index.mjs";
+import { VftPagination as Vo } from "./pagination/index.mjs";
+import { VftTag as uo } from "./tag/index.mjs";
+import { VftSideMenu as lo } from "./side-menu/index.mjs";
+import { VftQrcode as Co } from "./qrcode/index.mjs";
+import { VftOverlay as bo } from "./overlay/index.mjs";
+import { VftClamp as co } from "./clamp/index.mjs";
+import { VftClampToggle as Mo } from "./clamp-toggle/index.mjs";
+import { EmptyEnum as vo } from "./empty/constants.mjs";
+import { TabsRootContextKey as Eo } from "./tabs/types.mjs";
+import { default as Go } from "./popper/arrow.vue2.mjs";
+import { default as wo } from "./popper/trigger.vue2.mjs";
+import { default as Ko } from "./popper/content.vue2.mjs";
+import { useTabDropdown as ko } from "./multiple-tabs/use/use-tab-dropdown.mjs";
+import { initAffixTabs as Bo, useTabsDrag as Ho } from "./multiple-tabs/use/use-multiple-tabs.mjs";
+import { configProviderContextKey as Qo } from "./config-provider/constants.mjs";
+import { provideGlobalConfig as jo, useGlobalComponentSettings as qo, useGlobalConfig as zo } from "./config-provider/hooks/use-global-config.mjs";
+import { paginationEmits as No } from "./pagination/pagination.mjs";
+import { elPaginationKey as Wo, usePagination as Xo } from "./pagination/usePagination.mjs";
+export {
+  vo as EmptyEnum,
+  Eo as TabsRootContextKey,
+  m as VftAvatar,
+  U as VftBackTop,
+  co as VftClamp,
+  Mo as VftClampToggle,
+  b as VftCollapseTransition,
+  X as VftConfigProvider,
+  Z as VftDescriptions,
+  _ as VftDescriptionsItem,
+  r as VftDivider,
+  n as VftEmpty,
+  u as VftException,
+  O as VftFooterLayout,
+  oo as VftFullScreen,
+  B as VftHeaderLayout,
+  f as VftIcon,
+  ro as VftIconText,
+  h as VftIframeLayout,
+  fo as VftImage,
+  mo as VftInput,
+  no as VftLink,
+  J as VftLogo,
+  v as VftMenu,
+  D as VftMenuItem,
+  E as VftMenuItemGroup,
+  k as VftMultipleTabs,
+  bo as VftOverlay,
+  Vo as VftPagination,
+  M as VftPopover,
+  T as VftPopper,
+  Go as VftPopperArrow,
+  Ko as VftPopperContent,
+  wo as VftPopperTrigger,
+  Co as VftQrcode,
+  V as VftResult,
+  q as VftRouterViewContent,
+  lo as VftSideMenu,
+  L as VftSubMenu,
+  l as VftTabPane,
+  g as VftTabs,
+  uo as VftTag,
+  c as VftTooltip,
+  Qo as configProviderContextKey,
+  S as createContextMenu,
+  w as destroyContextMenu,
+  Wo as elPaginationKey,
+  Bo as initAffixTabs,
+  No as paginationEmits,
+  jo as provideGlobalConfig,
+  K as useContextMenu,
+  qo as useGlobalComponentSettings,
+  zo as useGlobalConfig,
+  Xo as usePagination,
+  ko as useTabDropdown,
+  Ho as useTabsDrag
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/index.mjs.map

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

package/es/packages/components/input/index.mjs

@@ -0,0 +1,11 @@
+import { withInstall as t } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import o from "./input.vue2.mjs";
+const a = t(o);
+export {
+  a as VftInput,
+  a as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/input/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/input/index.ts"],"sourcesContent":["import { withInstall } from '@vft-ui/utils'\n\nimport Input from './input.vue'\n\nexport const VftInput = withInstall(Input)\n\nexport default VftInput\n\n"],"names":["VftInput","withInstall","Input"],"mappings":";;;;;AAIa,MAAAA,IAAWC,EAAYC,CAAK;"}

package/es/packages/components/input/input.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./input.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=input.vue.mjs.map

package/es/packages/components/input/input.vue.mjs.map

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