fangguo-component 1.2.2 → 1.2.4

package/dist/{ErrorImage-CFVt1ht_.js → ErrorImage-Ao9kEEUg.js}

@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FgErrorImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-612063c5"]]);
+const ErrorImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-612063c5"]]);
 export {
-  FgErrorImage as F
+  ErrorImage as E
 };

package/dist/FgCascader.css

@@ -1,26 +1,18 @@
 
-.fg-doc-view-img-loading__box[data-v-552a6f88] {
+.fg-doc-view-img-loading__box[data-v-b5803c68] {
     width: 200px;
     height: 120px;
     background: #fafafa;
     border: 1px dashed var(--el-border-color);
     border-radius: 8px;
 }
-.fg-doc-view-img-loading__box[data-v-552a6f88] .fg-view-img {
+.fg-doc-view-img-loading__box[data-v-b5803c68] .fg-view-img {
     width: 100%;
     height: 100%;
 }
-.fg-doc-view-img-loading__ph[data-v-552a6f88] {
+.fg-doc-view-img-loading__ph[data-v-b5803c68] {
     font-size: 13px;
     color: var(--el-color-primary);
-}
-.fg-doc-view-img-loading__hint[data-v-552a6f88] {
-    margin-top: 8px;
-    font-size: 13px;
-    color: var(--vp-c-text-2);
-}
-.fg-doc-view-img-loading__hint code[data-v-552a6f88] {
-    font-size: 12px;
 }
 .cascader-virtual-list[data-v-a251fab9] {
   height: 100%;

package/dist/{FgCascader.vue_vue_type_style_index_0_lang-CstlYwHs.js → FgCascader.vue_vue_type_style_index_0_lang-DzvTfHp4.js}

@@ -50,13 +50,13 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { getCurrentScope, onScopeDispose, watch, computed, toValue, shallowRef, getCurrentInstance, onMounted, warn, defineComponent, ref, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, h, inject, resolveComponent, normalizeClass, createBlock, withModifiers, createCommentVNode, Fragment, normalizeStyle, toDisplayString, provide, reactive, onBeforeUpdate, nextTick, renderList, useAttrs, withDirectives, vShow, renderSlot, withKeys, vModelText, useSlots, useModel, onBeforeUnmount, mergeProps, mergeModels, render } from "vue";
+import { getCurrentScope, onScopeDispose, watch, computed, toValue, shallowRef, getCurrentInstance, onMounted, warn, defineComponent, ref, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, h, inject, resolveComponent, normalizeClass, createBlock, withModifiers, createCommentVNode, Fragment, normalizeStyle, createTextVNode, toDisplayString, provide, reactive, onBeforeUpdate, nextTick, renderList, useAttrs, withDirectives, vShow, renderSlot, withKeys, vModelText, useSlots, useModel, onBeforeUnmount, mergeProps, mergeModels, render } from "vue";
 import { p as process$1 } from "./index-C9zyi90j.js";
 import { fromPairs, isEqual, flattenDeep, cloneDeep, debounce } from "lodash-unified";
 import { ArrowRight, Loading, Check, CircleClose, ArrowDown } from "@element-plus/icons-vue";
 import { useNamespace, ElIcon, ElRadio, ElCheckbox, ElScrollbar, useLocale, UPDATE_MODEL_EVENT, CHANGE_EVENT, EVENT_CODE, tagProps, useTooltipContentProps, CommonProps as CommonProps$1, useSizeProp, useFormItem, useFormSize, ElConfigProvider, ElTooltip, ElInput, ElTag, ClickOutside } from "element-plus";
 import { ElCheckbox as ElCheckbox$1, ElRadio as ElRadio$1, ElIcon as ElIcon$1 } from "element-plus/es";
-import { F as FgViewImg } from "./ViewImg-DXhF20SL.js";
+import { F as FgViewImg } from "./ViewImg-CD4QJK4R.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
 import { b as script$2 } from "./vue-virtual-scroller.esm-ZgBoGAjX.js";
 !!(process$1.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
@@ -341,21 +341,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             ])]),
             _: 1
           }, 8, ["loading"])
-        ]),
-        _cache[1] || (_cache[1] = createElementVNode("p", { class: "fg-doc-view-img-loading__hint" }, [
-          createTextVNode(" 外部 "),
-          createElementVNode("code", null, "loading"),
-          createTextVNode(" 为 "),
-          createElementVNode("code", null, "true"),
-          createTextVNode(" 时展示 "),
-          createElementVNode("code", null, "#placeholder"),
-          createTextVNode("；约 2 秒后自动结束（模拟接口返回）。 ")
-        ], -1))
+        ])
       ]);
     };
   }
 });
-const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-552a6f88"]]);
+const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-b5803c68"]]);
 const NodeContent = defineComponent({
   name: "NodeContent",
   setup() {

package/dist/{HSelect-DgFjd08Y.js → HSelect-0w2mSrtm.js}

@@ -41,7 +41,7 @@ import { ElPopover, ElIcon, ElTag } from "element-plus/es";
 import { defineComponent, useModel, ref, watch, computed, nextTick, onUnmounted, onMounted, openBlock, createBlock, withCtx, createVNode, unref, createElementBlock, createCommentVNode, toDisplayString, withModifiers, renderSlot, createElementVNode, normalizeClass, normalizeStyle, Fragment, renderList, createTextVNode, withDirectives, vModelText, mergeModels } from "vue";
 import { q as debounce } from "./common-D0EYVGB2.js";
 import { Check, ArrowDown, CircleClose } from "@element-plus/icons-vue";
-import { L as LazyPopover } from "./LazyPopover-7ebuh-QG.js";
+import { L as LazyPopover } from "./LazyPopover-CcvilJ6U.js";
 import { s as script$1, a as script } from "./vue-virtual-scroller.esm-ZgBoGAjX.js";
 import { isEqual } from "lodash-unified";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";

package/dist/{HSelectAll.vue_vue_type_script_setup_true_lang-C6qzdQT-.js → HSelectAll.vue_vue_type_script_setup_true_lang-xHFbYs59.js}

@@ -1,5 +1,5 @@
 import { defineComponent, useSlots, ref, openBlock, createBlock, createSlots, withCtx, createElementVNode, renderSlot, toDisplayString, renderList, unref, normalizeProps, guardReactiveProps } from "vue";
-import { H as HSelect } from "./HSelect-DgFjd08Y.js";
+import { H as HSelect } from "./HSelect-0w2mSrtm.js";
 const _hoisted_1 = { class: "px-[10px] py-[10px] bg-[#fff] border-b cursor-pointer" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HSelectAll",

package/dist/{HSelectSJ-DOFUzTZV.js → HSelectSJ-Cm573j6B.js}

@@ -41,7 +41,7 @@ import { ElPopover, ElIcon, ElTag } from "element-plus/es";
 import { defineComponent, useModel, ref, watch, computed, nextTick, onUnmounted, onMounted, openBlock, createBlock, withCtx, createVNode, unref, createElementBlock, createCommentVNode, toDisplayString, withModifiers, renderSlot, createElementVNode, normalizeClass, normalizeStyle, Fragment, renderList, createTextVNode, withDirectives, vModelText, mergeModels } from "vue";
 import { q as debounce } from "./common-D0EYVGB2.js";
 import { Check, ArrowDown, CircleClose } from "@element-plus/icons-vue";
-import { L as LazyPopover } from "./LazyPopover-7ebuh-QG.js";
+import { L as LazyPopover } from "./LazyPopover-CcvilJ6U.js";
 import { s as script$1, a as script } from "./vue-virtual-scroller.esm-ZgBoGAjX.js";
 import { isEqual } from "lodash-unified";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";

package/dist/{ImgViewerHost.vue_vue_type_script_setup_true_lang-DBs42WOq.js → ImgViewerHost.vue_vue_type_script_setup_true_lang-DO9s-b9s.js}

@@ -1,11 +1,48 @@
-import { defineComponent, openBlock, createBlock, unref } from "vue";
+import { defineComponent, onMounted, onBeforeUnmount, openBlock, createBlock, unref } from "vue";
 import { _ as _sfc_main$1 } from "./ViewImgPreview.vue_vue_type_style_index_0_lang-C2i0p5IK.js";
-import { u as useImgViewerState, I as ImgViewerStore } from "./imgViewerStore-DK3zvGf4.js";
+import { u as useImgViewerState, I as ImgViewerStore } from "./imgViewerStore-Ajm-L7R5.js";
+let manualHostCount = 0;
+let autoHostCount = 0;
+let autoHostCleanup = null;
+function setImgViewerAutoHostCleanup(cleanup) {
+  autoHostCleanup = cleanup;
+}
+function registerImgViewerHost(kind = "manual") {
+  if (kind === "auto") {
+    autoHostCount += 1;
+    return;
+  }
+  manualHostCount += 1;
+  if (autoHostCount > 0) {
+    autoHostCleanup == null ? void 0 : autoHostCleanup();
+  }
+}
+function unregisterImgViewerHost(kind = "manual") {
+  if (kind === "auto") {
+    autoHostCount = Math.max(0, autoHostCount - 1);
+    return;
+  }
+  manualHostCount = Math.max(0, manualHostCount - 1);
+}
+function hasImgViewerHost() {
+  return manualHostCount > 0 || autoHostCount > 0;
+}
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ImgViewerHost",
+  props: {
+    autoHost: { type: Boolean, default: false }
+  },
   setup(__props) {
+    const props = __props;
     const state = useImgViewerState();
     const imgViewerStore = ImgViewerStore();
+    const hostKind = props.autoHost ? "auto" : "manual";
+    onMounted(() => {
+      registerImgViewerHost(hostKind);
+    });
+    onBeforeUnmount(() => {
+      unregisterImgViewerHost(hostKind);
+    });
     function handlePreviewClose() {
       var _a;
       (_a = state.onClose) == null ? void 0 : _a.call(state);
@@ -49,5 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main as _
+  _sfc_main as _,
+  hasImgViewerHost as h,
+  setImgViewerAutoHostCleanup as s
 };

package/dist/{LazyPopover-7ebuh-QG.js → LazyPopover-CcvilJ6U.js}

@@ -29,7 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { defineComponent, useAttrs, computed, ref, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, renderSlot, createBlock, unref, withCtx, createCommentVNode } from "vue";
+import { defineComponent, useAttrs, computed, ref, watch, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, renderSlot, createBlock, unref, withCtx, createCommentVNode } from "vue";
 import { ElPopover } from "element-plus";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
@@ -37,7 +37,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
 }), {
   __name: "LazyPopover",
   props: {
-    props: { default: () => ({}) }
+    props: { default: () => ({}) },
+    disabled: { type: Boolean, default: false }
   },
   setup(__props) {
     const props = __props;
@@ -107,6 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       }, hideAfterMs.value);
     }
     function onTriggerMouseEnter() {
+      if (props.disabled) return;
       if (!mounted.value) {
         mounted.value = true;
       }
@@ -131,6 +133,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     }
     const popoverBind = computed(() => {
       const userProps = __spreadValues(__spreadValues({}, attrsPopoverProps.value), props.props);
+      if (props.disabled) {
+        const rest2 = __spreadValues({}, userProps);
+        delete rest2.trigger;
+        delete rest2.visible;
+        return __spreadProps(__spreadValues({}, rest2), {
+          trigger: "manual",
+          visible: false
+        });
+      }
       if (!isHoverTrigger.value) {
         return userProps;
       }
@@ -150,6 +161,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         visible: visible.value
       });
     });
+    watch(
+      () => props.disabled,
+      (disabled) => {
+        if (!disabled) return;
+        clearShowTimer();
+        clearHideTimer();
+        visible.value = false;
+        inTrigger = false;
+        inPopper = false;
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("span", mergeProps({
@@ -182,7 +204,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     };
   }
 }));
-const LazyPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0fad01ff"]]);
+const LazyPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-63cfbcce"]]);
 export {
   LazyPopover as L
 };

package/dist/LazyPopover.css

@@ -1,5 +1,5 @@
 
-.fg-lazy-popover__trigger[data-v-0fad01ff] {
+.fg-lazy-popover__trigger[data-v-63cfbcce] {
     display: inline-block;
     max-width: 100%;
 }

package/dist/{SelectTree-DUH92Iwr.js → SelectTree-BHvvkiQi.js}

@@ -19,7 +19,7 @@ import './SelectTree.css';var __async = (__this, __arguments, generator) => {
   });
 };
 import { ElPopover, ElTreeV2, ElTag, ElIcon } from "element-plus/es";
-import { L as LazyPopover } from "./LazyPopover-7ebuh-QG.js";
+import { L as LazyPopover } from "./LazyPopover-CcvilJ6U.js";
 import { defineComponent, ref, computed, watch, nextTick, onMounted, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, toDisplayString, createCommentVNode, createVNode, createElementVNode, normalizeStyle, normalizeClass, createTextVNode, withDirectives, withModifiers, vModelText, toRaw } from "vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
 const global = globalThis || void 0 || self;

package/dist/{ViewImg-DXhF20SL.js → ViewImg-CD4QJK4R.js}

@@ -29,12 +29,84 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { defineComponent, useAttrs, ref, computed, watch, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, withDirectives, createElementVNode, mergeProps, vShow, renderSlot, createCommentVNode, createBlock, toDisplayString } from "vue";
-import { I as ImgViewerStore } from "./imgViewerStore-DK3zvGf4.js";
-import { h as DEFAULT_PREVIEW_SIDE_NAV, D as DEFAULT_ORIGINAL_TOOLBAR, l as DEFAULT_TOOLBAR_ICON_COLOR, k as DEFAULT_TOOLBAR_BG_COLOR, g as DEFAULT_PREVIEW_SHOW_PROGRESS, d as DEFAULT_PREVIEW_MAX_SCALE, e as DEFAULT_PREVIEW_MIN_SCALE, f as DEFAULT_PREVIEW_SCALE, j as DEFAULT_PREVIEW_ZOOM_RATE, a as DEFAULT_PREVIEW_CLOSE_ON_PRESS_ESCAPE, b as DEFAULT_PREVIEW_HIDE_ON_CLICK_MODAL, c as DEFAULT_PREVIEW_INFINITE, i as DEFAULT_PREVIEW_TELEPORTED } from "./types-Ccn_sb6f.js";
-import { n as networkKey, i as imgUrlConfigKey, m as montageImgUrl } from "./montageImgUrl-CwgYnB2h.js";
-import { F as FgErrorImage } from "./ErrorImage-CFVt1ht_.js";
+import { defineComponent, computed, openBlock, createElementBlock, Fragment, createElementVNode, toDisplayString, reactive, useAttrs, ref, watch, normalizeStyle, unref, normalizeClass, withDirectives, mergeProps, vShow, renderSlot, normalizeProps, guardReactiveProps, createBlock, resolveDynamicComponent, createCommentVNode } from "vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+import { I as ImgViewerStore } from "./imgViewerStore-Ajm-L7R5.js";
+import { h as DEFAULT_PREVIEW_SIDE_NAV, D as DEFAULT_ORIGINAL_TOOLBAR, l as DEFAULT_TOOLBAR_ICON_COLOR, k as DEFAULT_TOOLBAR_BG_COLOR, g as DEFAULT_PREVIEW_SHOW_PROGRESS, d as DEFAULT_PREVIEW_MAX_SCALE, e as DEFAULT_PREVIEW_MIN_SCALE, f as DEFAULT_PREVIEW_SCALE, j as DEFAULT_PREVIEW_ZOOM_RATE, a as DEFAULT_PREVIEW_CLOSE_ON_PRESS_ESCAPE, b as DEFAULT_PREVIEW_HIDE_ON_CLICK_MODAL, c as DEFAULT_PREVIEW_INFINITE, i as DEFAULT_PREVIEW_TELEPORTED } from "./types-Ccn_sb6f.js";
+import { n as networkKey, i as imgUrlConfigKey, m as montageImgUrl } from "./montageImgUrl-DP5jMHCX.js";
+const _hoisted_1$1 = { class: "fg-view-img__error-default" };
+const _hoisted_2$1 = {
+  class: "fg-view-img__error-icon",
+  viewBox: "0 0 1088 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_3$1 = ["fill"];
+const _hoisted_4 = { class: "fg-view-img__error-label" };
+const DEFAULT_FAIL_COLOR = "#c3c6ca";
+const LEGACY_ERROR_COLOR = "#f5f5f5";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ViewImgErrorFallback",
+  props: {
+    src: { default: "" },
+    errorText: { default: "" },
+    errorColor: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const isEmptySrc = computed(() => !props.src.trim());
+    const resolvedLabel = computed(() => props.errorText || "加载失败");
+    const resolvedFailColor = computed(() => {
+      var _a;
+      const color = (_a = props.errorColor) == null ? void 0 : _a.trim();
+      if (!color || color === LEGACY_ERROR_COLOR) return DEFAULT_FAIL_COLOR;
+      return color;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        isEmptySrc.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          _cache[0] || (_cache[0] = createElementVNode("svg", {
+            class: "fg-view-img__error-icon",
+            viewBox: "0 0 1131 1024",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, [
+            createElementVNode("path", {
+              d: "M764.191528 125.736421a125.844211 125.844211 0 0 0 125.898106 125.763368 125.844211 125.844211 0 0 0 125.898105-125.763368A125.844211 125.844211 0 0 0 890.089634 0a125.844211 125.844211 0 0 0-125.898106 125.736421zM317.269423 317.493895L18.261423 807.909053c-50.364632 84.884211 9.431579 191.757474 107.008 191.757473h601.168842c97.549474 0 157.372632-106.873263 106.981053-191.757473L534.465213 317.493895c-50.364632-78.578526-166.804211-78.578526-217.19579 0z",
+              fill: "#D4DADC"
+            }),
+            createElementVNode("path", {
+              d: "M742.148581 556.409263l-157.372632 257.778526c-50.337684 84.884211 9.458526 191.784421 107.034948 191.784422h314.745263c97.549474 0 157.372632-106.900211 107.008-191.784422l-157.372632-257.778526c-47.211789-81.731368-166.804211-81.731368-214.016 0z",
+              fill: "#E1E4E5"
+            })
+          ], -1)),
+          _cache[1] || (_cache[1] = createElementVNode("span", { class: "fg-view-img__error-label" }, "无图", -1))
+        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          (openBlock(), createElementBlock("svg", _hoisted_2$1, [
+            createElementVNode("path", {
+              d: "M640 138.688a32 32 0 0 1 27.456 48.448L613.76 276.416l31.488 47.232a32 32 0 0 1-12.288 46.336L482.944 444.928l18.112 126.592a32.064 32.064 0 0 1-22.912 35.264l-118.976 33.92 55.68 204.224a32 32 0 0 1-30.848 40.448H149.376a74.688 74.688 0 0 1-74.688-74.688V213.376c0-41.216 33.472-74.688 74.688-74.688H640z m234.624 0c41.216 0 74.688 33.472 74.688 74.688v597.312c0 41.216-33.472 74.688-74.688 74.688H512a32.064 32.064 0 0 1-30.784-23.232l-42.624-149.312a32 32 0 0 1 21.888-39.552l122.944-35.2-17.92-143.36a32 32 0 0 1 18.816-33.28l158.912-70.72-45.376-75.584a32 32 0 0 1 0.832-34.176l85.312-128a32 32 0 0 1 26.624-14.272h64z m-725.248 64a10.688 10.688 0 0 0-10.688 10.688v597.312c0 5.888 4.8 10.688 10.688 10.688h192.768l-52.992-194.24a32 32 0 0 1 22.08-39.168l122.432-35.072-17.344-121.728a32 32 0 0 1 17.344-33.088l138.24-69.12-22.528-33.856a32.064 32.064 0 0 1-0.832-34.24l34.944-58.176H149.376z m613.76 96.896l53.632 89.28a32 32 0 0 1-14.464 45.76L632 510.272l18.368 147.072a32 32 0 0 1-22.912 34.752l-118.656 33.92 27.328 95.36h338.496a10.688 10.688 0 0 0 10.688-10.688V213.376a10.688 10.688 0 0 0-10.688-10.688h-46.848l-64.64 96.896zM309.312 288a64 64 0 1 1 0 128 64 64 0 0 1 0-128z",
+              fill: resolvedFailColor.value
+            }, null, 8, _hoisted_3$1)
+          ])),
+          createElementVNode("span", _hoisted_4, toDisplayString(resolvedLabel.value), 1)
+        ], 64))
+      ]);
+    };
+  }
+});
+const ViewImgErrorFallback = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-454f216f"]]);
+const viewImgDefaults = reactive({});
+function configureViewImgDefaults(defaults) {
+  resetViewImgDefaults();
+  Object.assign(viewImgDefaults, defaults);
+}
+function resetViewImgDefaults() {
+  delete viewImgDefaults.placeholder;
+  delete viewImgDefaults.error;
+  delete viewImgDefaults.waterMarkTitle;
+  delete viewImgDefaults.loadingIconColor;
+}
+function useViewImgDefaults() {
+  return viewImgDefaults;
+}
 const _hoisted_1 = ["src", "loading"];
 const _hoisted_2 = {
   key: 0,
@@ -44,11 +116,6 @@ const _hoisted_3 = {
   key: 1,
   class: "fg-view-img__error"
 };
-const _hoisted_4 = { class: "fg-view-img__error-default" };
-const _hoisted_5 = {
-  key: 1,
-  class: "fg-view-img__error-text"
-};
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   inheritAttrs: false
 }), {
@@ -97,6 +164,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     const retried = ref(false);
     const internalLoading = ref(false);
     const loadError = ref(false);
+    const viewImgDefaults2 = useViewImgDefaults();
     const imgAttrs = computed(() => {
       const _a = attrs, { class: _, style: __ } = _a, rest = __objRest(_a, ["class", "style"]);
       return rest;
@@ -106,19 +174,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       return { objectFit: props.fit };
     });
     const showPlaceholder = computed(
-      () => !!props.src && (props.loading || internalLoading.value) && !loadError.value
+      () => !!props.src.trim() && (props.loading || internalLoading.value) && !loadError.value
     );
-    const previewEnabled = computed(() => (props.preview || (props.previewSrcList || []).length > 0) && !!displaySrc.value && !loadError.value);
+    const defaultSlotPayload = computed(() => ({
+      src: props.src,
+      displaySrc: displaySrc.value,
+      loading: props.loading || internalLoading.value,
+      loadError: loadError.value,
+      errorText: props.errorText,
+      errorColor: props.errorColor,
+      errorOffset: props.errorOffset
+    }));
+    const globalPlaceholderComponent = computed(() => {
+      const renderPlaceholder = viewImgDefaults2.placeholder;
+      if (!renderPlaceholder) return null;
+      return {
+        render: () => renderPlaceholder(defaultSlotPayload.value)
+      };
+    });
+    const globalErrorComponent = computed(() => {
+      const renderError = viewImgDefaults2.error;
+      if (!renderError) return null;
+      return {
+        render: () => renderError(defaultSlotPayload.value)
+      };
+    });
+    const previewEnabled = computed(() => (props.preview || props.previewSrcList.length > 0) && !!displaySrc.value && !loadError.value);
     const previewUrlList = computed(() => {
-      const rawList = props.previewSrcList.length ? props.previewSrcList : props.src ? [props.src] : [];
+      const rawList = props.previewSrcList.length ? props.previewSrcList : props.src.trim() ? [props.src] : [];
       return rawList.map((url) => applyPreviewUrlFallback(url));
     });
-    const previewInitialIndex = computed(() => {
+    const previewInitialIndex = computed(() => resolvePreviewInitialIndex(previewUrlList.value));
+    function resolvePreviewInitialIndex(previewList) {
       if (props.defImgPreviewIndex != null) return props.defImgPreviewIndex;
       if (props.initialIndex != null) return props.initialIndex;
-      const index = previewUrlList.value.indexOf(applyPreviewUrlFallback(props.src));
+      const index = previewList.indexOf(applyPreviewUrlFallback(props.src));
       return index >= 0 ? index : 0;
-    });
+    }
     const resolvedToolbarBgColor = computed(() => props.toolbarBgColor || props.backgroundColor || DEFAULT_TOOLBAR_BG_COLOR);
     const resolvedPreviewTeleported = computed(
       () => {
@@ -140,8 +232,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     }
     function resetState(src) {
       retried.value = false;
+      internalLoading.value = false;
+      if (!src.trim()) {
+        displaySrc.value = "";
+        loadError.value = true;
+        return;
+      }
       loadError.value = false;
-      internalLoading.value = !!src;
+      internalLoading.value = true;
       displaySrc.value = resolveImgUrl(src, props.imgSize);
     }
     function handleLoad(event) {
@@ -170,11 +268,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       displaySrc.value = stripped;
       emit("retry", { from: urlBefore, to: stripped });
     }
-    function openPreview() {
-      if (!previewUrlList.value.length) return;
+    function openPreview(previewList) {
+      const previewImgList = previewList ? previewList.map((url) => applyPreviewUrlFallback(url)) : previewUrlList.value;
+      if (!previewImgList.length) return;
       ImgViewerStore().showImgViewer({
-        previewImgList: previewUrlList.value,
-        defImgPreviewIndex: previewInitialIndex.value,
+        previewImgList,
+        defImgPreviewIndex: previewList ? resolvePreviewInitialIndex(previewImgList) : previewInitialIndex.value,
         toolbarBgColor: resolvedToolbarBgColor.value,
         toolbarIconColor: props.toolbarIconColor,
         infinite: props.infinite,
@@ -227,28 +326,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           onError: handleError,
           onClick: handlePreviewClick
         }), null, 16, _hoisted_1), [
-          [vShow, !loadError.value]
+          [vShow, !loadError.value && !showPlaceholder.value]
         ]),
         showPlaceholder.value ? (openBlock(), createElementBlock("span", _hoisted_2, [
-          renderSlot(_ctx.$slots, "placeholder", {}, void 0, true)
+          renderSlot(_ctx.$slots, "placeholder", normalizeProps(guardReactiveProps(defaultSlotPayload.value)), () => [
+            globalPlaceholderComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(globalPlaceholderComponent.value), { key: 0 })) : createCommentVNode("", true)
+          ], true)
         ])) : createCommentVNode("", true),
         loadError.value ? (openBlock(), createElementBlock("span", _hoisted_3, [
-          renderSlot(_ctx.$slots, "error", {}, () => [
-            createElementVNode("div", _hoisted_4, [
-              !__props.errorText ? (openBlock(), createBlock(unref(FgErrorImage), {
-                key: 0,
-                color: __props.errorColor,
-                offset: __props.errorOffset,
-                class: "fg-view-img__error-icon"
-              }, null, 8, ["color", "offset"])) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.errorText), 1))
-            ])
+          renderSlot(_ctx.$slots, "error", normalizeProps(guardReactiveProps(defaultSlotPayload.value)), () => [
+            globalErrorComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(globalErrorComponent.value), { key: 0 })) : (openBlock(), createBlock(ViewImgErrorFallback, {
+              key: 1,
+              src: __props.src,
+              "error-text": __props.errorText,
+              "error-color": __props.errorColor
+            }, null, 8, ["src", "error-text", "error-color"]))
           ], true)
         ])) : createCommentVNode("", true)
       ], 6);
     };
   }
 }));
-const FgViewImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c6ff5d38"]]);
+const FgViewImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f968b8c2"]]);
 export {
-  FgViewImg as F
+  FgViewImg as F,
+  ViewImgErrorFallback as V,
+  configureViewImgDefaults as c,
+  resetViewImgDefaults as r,
+  useViewImgDefaults as u
 };

package/dist/ViewImg.css

@@ -1,4 +1,30 @@
-.fg-view-img[data-v-c6ff5d38] {
+.fg-view-img__error-default[data-v-454f216f] {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  box-sizing: border-box;
+  padding: 8px;
+}
+.fg-view-img__error-icon[data-v-454f216f] {
+  display: block;
+  flex: none;
+  width: 40%;
+  height: auto;
+  max-width: 56px;
+  max-height: 48px;
+  aspect-ratio: 1;
+}
+.fg-view-img__error-label[data-v-454f216f] {
+  flex: none;
+  color: #a8abb2;
+  font-size: 12px;
+  line-height: 1.2;
+  text-align: center;
+}.fg-view-img[data-v-f968b8c2] {
   display: block;
   position: relative;
   overflow: hidden;
@@ -7,50 +33,20 @@
   vertical-align: top;
   line-height: 0;
 }
-.fg-view-img__inner[data-v-c6ff5d38] {
+.fg-view-img__inner[data-v-f968b8c2] {
   display: block;
   width: 100%;
   height: 100%;
 }
-.fg-view-img__inner--preview[data-v-c6ff5d38] {
+.fg-view-img__inner--preview[data-v-f968b8c2] {
   cursor: zoom-in;
 }
-.fg-view-img__placeholder[data-v-c6ff5d38],
-.fg-view-img__error[data-v-c6ff5d38] {
+.fg-view-img__placeholder[data-v-f968b8c2],
+.fg-view-img__error[data-v-f968b8c2] {
   position: absolute;
   inset: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #f5f7fa;
-}
-.fg-view-img__error[data-v-c6ff5d38] .error-image {
-  width: 100%;
-  height: 100%;
-}
-.fg-view-img__error-default[data-v-c6ff5d38] {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  padding: 8px;
-  box-sizing: border-box;
-}
-.fg-view-img__error-icon[data-v-c6ff5d38] {
-  flex: none;
-  width: 56%;
-  height: 56%;
-  max-width: 80px;
-  max-height: 80px;
-}
-.fg-view-img__error-text[data-v-c6ff5d38] {
-  font-size: 13px;
-  line-height: 1.4;
-  color: #909399;
-  text-align: center;
-  word-break: break-all;
 }