vft 0.0.363 → 0.0.365

package/lib/components/icon/icon.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const icon_vue_vue_type_script_setup_true_lang = require("./icon.vue2.cjs");
-exports.default = icon_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./icon.vue2.cjs");exports.default=e.default;

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

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

package/lib/components/icon/index.cjs

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

package/lib/components/icon/style/css.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-icon.css");

package/lib/components/icon/style/index.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/icon.scss");

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

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const iconText_vue_vue_type_script_setup_true_lang = require("./icon-text.vue2.cjs");
-exports.default = iconText_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./icon-text.vue2.cjs");exports.default=e.default;

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

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

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

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

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

@@ -1 +1 @@
-"use strict";
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-icon-text.css");

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

@@ -1 +1 @@
-"use strict";
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/icon-text.scss");

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

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const iframeLayout_vue_vue_type_script_setup_true_lang = require("./iframe-layout.vue2.cjs");
-exports.default = iframeLayout_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./iframe-layout.vue2.cjs");exports.default=e.default;

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

@@ -1,35 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const iframePage_vue_vue_type_script_setup_true_lang = require("./iframe-page.vue2.cjs");
-const __default__ = vue.defineComponent({
-  name: "vft-iframe-layout"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    iframePages: {}
-  },
-  setup(__props) {
-    const router = vueRouter.useRouter();
-    function showIframe(item) {
-      return item.fullPath === vue.unref(router.currentRoute).fullPath;
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.iframePages, (item) => {
-        return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-          key: item.query ? item.fullPath : item.path
-        }, [
-          item.meta.frameSrc ? vue.withDirectives((vue.openBlock(), vue.createBlock(iframePage_vue_vue_type_script_setup_true_lang.default, {
-            key: 0,
-            "frame-src": item.meta.frameSrc
-          }, null, 8, ["frame-src"])), [
-            [vue.vShow, showIframe(item)]
-          ]) : vue.createCommentVNode("", true)
-        ], 64);
-      }), 128);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("vue-router"),a=require("./iframe-page.vue2.cjs"),c=e.defineComponent({name:"vft-iframe-layout"}),l=e.defineComponent({...c,props:{iframePages:{}},setup(s){const u=o.useRouter();function n(t){return t.fullPath===e.unref(u.currentRoute).fullPath}return(t,f)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.iframePages,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.query?r.fullPath:r.path},[r.meta.frameSrc?e.withDirectives((e.openBlock(),e.createBlock(a.default,{key:0,"frame-src":r.meta.frameSrc},null,8,["frame-src"])),[[e.vShow,n(r)]]):e.createCommentVNode("",!0)],64))),128))}});exports.default=l;

package/lib/components/iframe-layout/iframe-page.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const iframePage_vue_vue_type_script_setup_true_lang = require("./iframe-page.vue2.cjs");
-exports.default = iframePage_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./iframe-page.vue2.cjs");exports.default=e.default;

package/lib/components/iframe-layout/iframe-page.vue2.cjs

@@ -1,24 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const index = require("../../hooks/use-namespace/index.cjs");
-const _hoisted_1 = ["src"];
-const __default__ = vue.defineComponent({
-  name: "vft-iframe-page"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    frameSrc: { default: "" }
-  },
-  setup(__props) {
-    const ns = index.useNamespace("iframe-page");
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("iframe", {
-        class: vue.normalizeClass(vue.unref(ns).b()),
-        src: _ctx.frameSrc
-      }, null, 10, _hoisted_1);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("lodash-es");const t=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const u=["src"],s=e.defineComponent({name:"vft-iframe-page"}),a=e.defineComponent({...s,props:{frameSrc:{default:""}},setup(i){const r=t.useNamespace("iframe-page");return(n,o)=>(e.openBlock(),e.createElementBlock("iframe",{class:e.normalizeClass(e.unref(r).b()),src:n.frameSrc},null,10,u))}});exports.default=a;

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

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

package/lib/components/iframe-layout/style/css.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-iframe-layout.css");

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

@@ -1 +1 @@
-"use strict";
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/iframe-layout.scss");

package/lib/components/image/image.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const image_vue_vue_type_script_setup_true_lang = require("./image.vue2.cjs");
-exports.default = image_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./image.vue2.cjs");exports.default=e.default;

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

@@ -1,225 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const use = require("@vft/use");
-const utils = require("@vft/utils");
-const index$1 = require("../image-viewer/index.cjs");
-const core = require("@vueuse/core");
-const index = require("../../hooks/use-namespace/index.cjs");
-const _hoisted_1 = ["src", "loading"];
-const _hoisted_2 = { key: 0 };
-const __default__ = vue.defineComponent({
-  name: "vft-image",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    hideOnClickModal: { type: Boolean, default: false },
-    src: { default: "" },
-    fit: { default: "" },
-    loading: {},
-    lazy: { type: Boolean },
-    scrollContainer: {},
-    previewSrcList: { default: () => [] },
-    previewTeleported: { type: Boolean, default: false },
-    zIndex: {},
-    initialIndex: { default: 0 },
-    infinite: { type: Boolean, default: true },
-    closeOnPressEscape: { type: Boolean, default: true }
-  },
-  emits: ["load", "error", "switch", "close", "show"],
-  setup(__props, { emit: __emit }) {
-    const ns = index.useNamespace("image");
-    const emit = __emit;
-    let prevOverflow = "";
-    const rawAttrs = vue.useAttrs();
-    const attrs = use.useAttrs();
-    const imageSrc = vue.ref();
-    const hasLoadError = vue.ref(false);
-    const isLoading = vue.ref(true);
-    const showViewer = vue.ref(false);
-    const container = vue.ref();
-    const _scrollContainer = vue.ref();
-    const supportLoading = core.isClient && "loading" in HTMLImageElement.prototype;
-    let stopScrollListener;
-    let stopWheelListener;
-    const containerStyle = vue.computed(() => rawAttrs.style);
-    const imageStyle = vue.computed(() => {
-      if (core.isClient && __props.fit) {
-        return { objectFit: __props.fit };
-      }
-      return {};
-    });
-    const preview = vue.computed(() => {
-      return Array.isArray(__props.previewSrcList) && __props.previewSrcList.length > 0;
-    });
-    const imageIndex = vue.computed(() => {
-      let previewIndex = __props.initialIndex;
-      if (__props.initialIndex > __props.previewSrcList.length - 1) {
-        previewIndex = 0;
-      }
-      return previewIndex;
-    });
-    const isManual = vue.computed(() => {
-      if (__props.loading === "eager") return false;
-      return !supportLoading && __props.loading === "lazy" || __props.lazy;
-    });
-    const loadImage = () => {
-      if (!core.isClient) return;
-      isLoading.value = true;
-      hasLoadError.value = false;
-      imageSrc.value = __props.src;
-    };
-    function handleLoad(event) {
-      isLoading.value = false;
-      hasLoadError.value = false;
-      emit("load", event);
-    }
-    function handleError(event) {
-      isLoading.value = false;
-      hasLoadError.value = true;
-      emit("error", event);
-    }
-    function handleLazyLoad() {
-      if (utils.isInContainer(container.value, _scrollContainer.value)) {
-        loadImage();
-        removeLazyLoadListener();
-      }
-    }
-    const lazyLoadHandler = core.useThrottleFn(handleLazyLoad, 200);
-    async function addLazyLoadListener() {
-      if (!core.isClient) return;
-      await vue.nextTick();
-      if (utils.isElement(__props.scrollContainer)) {
-        _scrollContainer.value = __props.scrollContainer;
-      } else if (utils.isString(__props.scrollContainer) && __props.scrollContainer !== "") {
-        _scrollContainer.value = document.querySelector(__props.scrollContainer) ?? void 0;
-      } else if (container.value) {
-        _scrollContainer.value = utils.getScrollContainer(container.value);
-      }
-      if (_scrollContainer.value) {
-        stopScrollListener = core.useEventListener(
-          _scrollContainer,
-          "scroll",
-          lazyLoadHandler
-        );
-        setTimeout(() => handleLazyLoad(), 100);
-      }
-    }
-    function removeLazyLoadListener() {
-      if (!core.isClient || !_scrollContainer.value || !lazyLoadHandler) return;
-      stopScrollListener?.();
-      _scrollContainer.value = void 0;
-    }
-    function wheelHandler(e) {
-      if (!e.ctrlKey) return;
-      if (e.deltaY < 0) {
-        e.preventDefault();
-        return false;
-      } else if (e.deltaY > 0) {
-        e.preventDefault();
-        return false;
-      }
-    }
-    function clickHandler() {
-      if (!preview.value) return;
-      stopWheelListener = core.useEventListener("wheel", wheelHandler, {
-        passive: false
-      });
-      prevOverflow = document.body.style.overflow;
-      document.body.style.overflow = "hidden";
-      showViewer.value = true;
-      emit("show");
-    }
-    function closeViewer() {
-      stopWheelListener?.();
-      document.body.style.overflow = prevOverflow;
-      showViewer.value = false;
-      emit("close");
-    }
-    function switchViewer(val) {
-      emit("switch", val);
-    }
-    vue.watch(
-      () => __props.src,
-      () => {
-        if (isManual.value) {
-          isLoading.value = true;
-          hasLoadError.value = false;
-          removeLazyLoadListener();
-          addLazyLoadListener();
-        } else {
-          loadImage();
-        }
-      }
-    );
-    vue.onMounted(() => {
-      if (isManual.value) {
-        addLazyLoadListener();
-      } else {
-        loadImage();
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "container",
-        ref: container,
-        class: vue.normalizeClass([vue.unref(ns).b(), _ctx.$attrs.class]),
-        style: vue.normalizeStyle(containerStyle.value)
-      }, [
-        imageSrc.value !== void 0 && !hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({ key: 0 }, vue.unref(attrs), {
-          src: imageSrc.value,
-          loading: _ctx.loading,
-          style: imageStyle.value,
-          class: [
-            vue.unref(ns).e("inner"),
-            preview.value && vue.unref(ns).e("preview"),
-            isLoading.value && vue.unref(ns).is("loading")
-          ],
-          onClick: clickHandler,
-          onLoad: handleLoad,
-          onError: handleError,
-          alt: ""
-        }), null, 16, _hoisted_1)) : vue.createCommentVNode("", true),
-        isLoading.value || hasLoadError.value ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 1,
-          class: vue.normalizeClass(vue.unref(ns).e("wrapper"))
-        }, [
-          isLoading.value ? vue.renderSlot(_ctx.$slots, "placeholder", { key: 0 }, () => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(ns).e("placeholder"))
-            }, null, 2)
-          ]) : hasLoadError.value ? vue.renderSlot(_ctx.$slots, "error", { key: 1 }, () => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(ns).e("error"))
-            }, "加载失败", 2)
-          ]) : vue.createCommentVNode("", true)
-        ], 2)) : vue.createCommentVNode("", true),
-        preview.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          showViewer.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.VftImageViewer), {
-            key: 0,
-            "z-index": _ctx.zIndex,
-            "initial-index": imageIndex.value,
-            infinite: _ctx.infinite,
-            "zoom-rate": _ctx.zoomRate,
-            "url-list": _ctx.previewSrcList,
-            "hide-on-click-modal": _ctx.hideOnClickModal,
-            teleported: _ctx.previewTeleported,
-            "close-on-press-escape": _ctx.closeOnPressEscape,
-            onClose: closeViewer,
-            onSwitch: switchViewer
-          }, {
-            default: vue.withCtx(() => [
-              _ctx.$slots.viewer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-                vue.renderSlot(_ctx.$slots, "viewer")
-              ])) : vue.createCommentVNode("", true)
-            ]),
-            _: 3
-          }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.createCommentVNode("", true)
-        ], 64)) : vue.createCommentVNode("", true)
-      ], 6);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),$=require("@vft/use"),c=require("@vft/utils"),H=require("../image-viewer/index.cjs"),r=require("@vueuse/core");require("../config-provider/hooks/use-global-config.cjs");require("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.cjs

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

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

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

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

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

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

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const imageViewer_vue_vue_type_script_setup_true_lang = require("./image-viewer.vue2.cjs");
-exports.default = imageViewer_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./image-viewer.vue2.cjs");exports.default=e.default;