@done-coding/admin-core 0.21.0 → 0.21.1-alpha.0

package/es/components/form/FormUploadImage.vue2.mjs

@@ -0,0 +1,77 @@
+import { defineComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createVNode, unref, createElementBlock } from "vue";
+import FormUpload from "./FormUpload.vue.mjs";
+import FormUploadCard from "./FormUploadCard.vue.mjs";
+import FormUploadTrigger from "./FormUploadTrigger.vue.mjs";
+import _sfc_main$1 from "../modal/ImagePreviewTrigger.vue.mjs";
+const _hoisted_1 = {
+  key: 1,
+  class: "dc-form-upload-image__thumb dc-form-upload-image__thumb_empty"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "FormUploadImage",
+  props: {
+    uploadFn: {},
+    loadingKey: {},
+    maxCount: { default: 1 },
+    maxSize: {},
+    accept: { default: "image/*" },
+    drag: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    showProgress: { type: Boolean, default: true },
+    placeholder: {},
+    listType: { default: "picture-card" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(FormUpload, mergeProps({ class: "dc-form-upload-image" }, _ctx.$attrs, {
+        "upload-fn": __props.uploadFn,
+        "loading-key": __props.loadingKey,
+        "max-count": __props.maxCount,
+        "max-size": __props.maxSize,
+        accept: __props.accept,
+        drag: __props.drag,
+        disabled: __props.disabled,
+        "show-progress": __props.showProgress,
+        placeholder: __props.placeholder,
+        "list-type": __props.listType
+      }), {
+        tip: withCtx(() => [
+          renderSlot(_ctx.$slots, "tip", {}, void 0, true)
+        ]),
+        file: withCtx(({ file, index, remove }) => [
+          renderSlot(_ctx.$slots, "file", {
+            file,
+            index,
+            remove
+          }, () => [
+            createVNode(FormUploadCard, {
+              file,
+              remove
+            }, {
+              default: withCtx(() => [
+                file.url ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                  key: 0,
+                  class: "dc-form-upload-image__thumb",
+                  src: file.url,
+                  fit: "cover",
+                  lazy: ""
+                }, null, 8, ["src"])) : (openBlock(), createElementBlock("div", _hoisted_1))
+              ]),
+              _: 2
+            }, 1032, ["file", "remove"])
+          ], true)
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(FormUploadTrigger, { card: "" })
+          ], true)
+        ]),
+        _: 3
+      }, 16, ["upload-fn", "loading-key", "max-count", "max-size", "accept", "drag", "disabled", "show-progress", "placeholder", "list-type"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/form/FormUploadTrigger.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./FormUploadTrigger.vue2.mjs";
+/* empty css                        */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const FormUploadTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9fb0fb2a"]]);
+export {
+  FormUploadTrigger as default
+};

package/es/components/form/FormUploadTrigger.vue2.mjs

@@ -0,0 +1,34 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createVNode, unref, withCtx, createBlock, toDisplayString, createCommentVNode } from "vue";
+import { ElIcon } from "element-plus";
+import { Plus, UploadFilled } from "@element-plus/icons-vue";
+const _hoisted_1 = {
+  key: 0,
+  class: "dc-form-upload-trigger__text"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormUploadTrigger",
+  props: {
+    text: { default: "点击上传" },
+    card: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["dc-form-upload-trigger", { "dc-form-upload-trigger_card": __props.card }])
+      }, [
+        createVNode(unref(ElIcon), {
+          size: __props.card ? 28 : 16
+        }, {
+          default: withCtx(() => [
+            __props.card ? (openBlock(), createBlock(unref(Plus), { key: 0 })) : (openBlock(), createBlock(unref(UploadFilled), { key: 1 }))
+          ]),
+          _: 1
+        }, 8, ["size"]),
+        !__props.card ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.text), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/form/FormUploadVideo.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./FormUploadVideo.vue2.mjs";
+/* empty css                      */
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const FormUploadVideo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5eac98bc"]]);
+export {
+  FormUploadVideo as default
+};

package/es/components/form/FormUploadVideo.vue2.mjs

@@ -0,0 +1,74 @@
+import { defineComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createVNode, unref, createElementBlock } from "vue";
+import FormUpload from "./FormUpload.vue.mjs";
+import FormUploadCard from "./FormUploadCard.vue.mjs";
+import FormUploadTrigger from "./FormUploadTrigger.vue.mjs";
+import VideoPreviewTrigger from "../modal/VideoPreviewTrigger.vue.mjs";
+const _hoisted_1 = {
+  key: 1,
+  class: "dc-form-upload-video__thumb dc-form-upload-video__thumb_empty"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "FormUploadVideo",
+  props: {
+    uploadFn: {},
+    loadingKey: {},
+    maxCount: { default: 1 },
+    maxSize: {},
+    accept: { default: "video/*" },
+    drag: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    showProgress: { type: Boolean, default: true },
+    placeholder: {},
+    listType: { default: "picture-card" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(FormUpload, mergeProps({ class: "dc-form-upload-video" }, _ctx.$attrs, {
+        "upload-fn": __props.uploadFn,
+        "loading-key": __props.loadingKey,
+        "max-count": __props.maxCount,
+        "max-size": __props.maxSize,
+        accept: __props.accept,
+        drag: __props.drag,
+        disabled: __props.disabled,
+        "show-progress": __props.showProgress,
+        placeholder: __props.placeholder,
+        "list-type": __props.listType
+      }), {
+        tip: withCtx(() => [
+          renderSlot(_ctx.$slots, "tip", {}, void 0, true)
+        ]),
+        file: withCtx(({ file, index, remove }) => [
+          renderSlot(_ctx.$slots, "file", {
+            file,
+            index,
+            remove
+          }, () => [
+            createVNode(FormUploadCard, {
+              file,
+              remove
+            }, {
+              default: withCtx(() => [
+                file.url ? (openBlock(), createBlock(unref(VideoPreviewTrigger), {
+                  key: 0,
+                  url: file.url
+                }, null, 8, ["url"])) : (openBlock(), createElementBlock("div", _hoisted_1))
+              ]),
+              _: 2
+            }, 1032, ["file", "remove"])
+          ], true)
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(FormUploadTrigger, { card: "" })
+          ], true)
+        ]),
+        _: 3
+      }, 16, ["upload-fn", "loading-key", "max-count", "max-size", "accept", "drag", "disabled", "show-progress", "placeholder", "list-type"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/form/use-password-autofill.mjs

@@ -0,0 +1,34 @@
+import { computed, ref, onMounted, onUnmounted } from "vue";
+function usePasswordAutofill(props) {
+  const isPasswordForm = computed(
+    () => props.type === "password" || props.showPassword === true
+  );
+  const autocompleteOut = computed(
+    () => isPasswordForm.value && typeof props.passwordAutoComplete === "string" ? props.passwordAutoComplete : void 0
+  );
+  const delayedType = ref(
+    (props.type === "password" || props.showPassword === true) && typeof props.passwordAutoComplete === "number" ? "text" : void 0
+  );
+  const showPasswordOut = computed(
+    () => delayedType.value === "text" ? false : props.showPassword === true ? true : void 0
+  );
+  let timer;
+  onMounted(() => {
+    if (delayedType.value !== "text" || typeof props.passwordAutoComplete !== "number") {
+      return;
+    }
+    timer = window.setTimeout(() => {
+      delayedType.value = "password";
+    }, props.passwordAutoComplete);
+  });
+  onUnmounted(() => {
+    if (timer !== void 0) {
+      window.clearTimeout(timer);
+    }
+  });
+  const inputType = computed(() => delayedType.value ?? props.type);
+  return { inputType, autocompleteOut, showPasswordOut };
+}
+export {
+  usePasswordAutofill
+};

package/es/components/form/use-upload-state.mjs

@@ -0,0 +1,98 @@
+import { inject, ref, watch } from "vue";
+import { FORM_ITEM_CHANGE_LOADING } from "./utils.mjs";
+let uploadUidSeed = 0;
+const uploadFileFromUrl = (url) => {
+  const segment = url.split("?")[0].split("/").pop() || "";
+  let name = segment;
+  try {
+    name = decodeURIComponent(segment);
+  } catch {
+  }
+  return { uid: ++uploadUidSeed, name: name || url, url, status: "success" };
+};
+function useUploadState(modelValue, options) {
+  const {
+    maxCount,
+    maxSize,
+    uploadFn,
+    loadingKey,
+    onUploadSuccess,
+    onUploadError
+  } = options;
+  const changeLoading = inject(
+    FORM_ITEM_CHANGE_LOADING,
+    void 0
+  );
+  const fileList = ref([]);
+  const uploadingCount = ref(0);
+  const urlsOf = (value) => Array.isArray(value) ? value : [];
+  const applyLoading = (message) => {
+    const key = loadingKey();
+    if (!key || !changeLoading) return;
+    changeLoading({ key, message });
+  };
+  const beginUpload = () => {
+    if (uploadingCount.value === 0) applyLoading("上传中");
+    uploadingCount.value += 1;
+  };
+  const endUpload = () => {
+    uploadingCount.value -= 1;
+    if (uploadingCount.value === 0) applyLoading();
+  };
+  watch(
+    modelValue,
+    (value) => {
+      const urls = urlsOf(value);
+      if (urls.length === 0) {
+        fileList.value = [];
+      } else if (fileList.value.length === 0) {
+        fileList.value = urls.map(uploadFileFromUrl);
+      }
+    },
+    { immediate: true }
+  );
+  const handleUpload = async (options2) => {
+    beginUpload();
+    try {
+      const sizeLimitMb = maxSize();
+      if (sizeLimitMb !== void 0 && options2.file.size > sizeLimitMb * 1024 * 1024) {
+        throw new Error(`文件超过大小上限 ${sizeLimitMb}MB`);
+      }
+      const url = await uploadFn()(
+        options2.file,
+        (percent) => {
+          var _a;
+          return (_a = options2.onProgress) == null ? void 0 : _a.call(options2, {
+            percent
+          });
+        }
+      );
+      const uploadFile = fileList.value.find((f) => f.raw === options2.file);
+      if (uploadFile) uploadFile.url = url;
+      if (maxCount() > 1) {
+        modelValue.value = [...urlsOf(modelValue.value), url];
+      } else {
+        modelValue.value = [url];
+      }
+      onUploadSuccess(url, options2.file);
+      return url;
+    } catch (error) {
+      onUploadError(error, options2.file);
+      throw error;
+    } finally {
+      endUpload();
+    }
+  };
+  const handleRemove = (file) => {
+    const url = file.response ?? file.url;
+    if (url) {
+      modelValue.value = urlsOf(modelValue.value).filter(
+        (item) => item !== url
+      );
+    }
+  };
+  return { fileList, uploadingCount, handleUpload, handleRemove };
+}
+export {
+  useUploadState
+};

package/es/components/list-layout/ListLayout.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./ListLayout.vue2.mjs";
 /* empty css                 */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const ListLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5301293b"]]);
+const ListLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8527d1df"]]);
 export {
   ListLayout as default
 };

package/es/components/list-layout/ListLayout.vue2.mjs

@@ -1,8 +1,10 @@
 import { defineComponent, useCssVars, unref, useSlots, computed, useModel, ref, shallowRef, watch, withDirectives, openBlock, createBlock, normalizeClass, withCtx, createVNode, mergeProps, createSlots, renderSlot, normalizeProps, guardReactiveProps, renderList, createCommentVNode, mergeModels } from "vue";
 import { vLoading } from "element-plus";
+import FormActiveFilter from "../form/FormActiveFilter.vue.mjs";
 import FormSearch from "../form/FormSearch.vue.mjs";
 import { generateFormData, stringifyFormData } from "../form/utils.mjs";
 import { useListLayoutSticky } from "./use-list-layout-sticky.mjs";
+import { useActiveFilter } from "./use-active-filter.mjs";
 import _sfc_main$1 from "../display/WatchSize.vue.mjs";
 import TableMain from "../table/TableMain.vue.mjs";
 import SlotLayoutFlowAside from "../slot-layout/SlotLayoutFlowAside.vue.mjs";
@@ -29,10 +31,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     injectInfo: {},
     beforeSearch: {},
     clearTableFilterOnReset: { type: Boolean },
+    initialSearch: { type: Boolean, default: true },
     separateSearch: { type: Boolean, default: false },
     separateSearchConfig: {},
     searchSticky: { type: Boolean, default: false },
     toolbarSticky: { type: Boolean, default: false },
+    formActiveFilter: { type: Boolean, default: false },
+    allowClear: { type: Boolean, default: false },
     pagerSticky: { type: Boolean, default: false },
     headerObserveResize: { type: Boolean, default: false },
     operationObserveResize: { type: Boolean, default: false }
@@ -47,10 +52,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["dataChange", "pageInfoChange"], ["update:isAutoRefresh", "update:refreshInterval", "update:customView"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "ee852864": minHeight.value,
-      "v6179ebd9": unref(searchStickyTop),
-      "v0e6603c8": unref(toolbarStickyTop),
-      "v6d62e58c": unref(pagerStickyBottom)
+      "v3483351c": minHeight.value,
+      "v5ccbcb06": unref(searchStickyTop),
+      "e69ab810": unref(toolbarStickyTop),
+      "v5631fb30": unref(pagerStickyBottom)
     }));
     const props = __props;
     const listLayoutEmits = __emit;
@@ -102,6 +107,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       searchHeight: () => searchHeight.value,
       showSearch: () => showSearch.value
     });
+    const activeFilterEnabled = computed(() => props.formActiveFilter);
+    const activeFilterApi = useActiveFilter({
+      enabled: () => activeFilterEnabled.value,
+      query,
+      list: props.list,
+      formData: data,
+      reload: () => {
+        var _a;
+        return (_a = tableMain.value) == null ? void 0 : _a.reload();
+      }
+    });
+    const activeFilters = activeFilterApi.activeFilters;
     const operationHeightAdjust = computed(() => {
       if (!hasOperation.value) {
         return 0;
@@ -261,7 +278,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       (n) => {
         const fData = generateFormData(n);
         data.value = fData;
-        onSearch(stringifyFormData(fData, n));
+        if (props.initialSearch) {
+          onSearch(stringifyFormData(fData, n));
+        }
       },
       {
         immediate: true
@@ -315,14 +334,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               };
             })
           ]), 1040, ["list", "data", "compact"]),
-          hasOperation.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
+          hasOperation.value || __props.formActiveFilter ? (openBlock(), createBlock(unref(_sfc_main$1), {
             key: 1,
             class: "list-layout-operation",
             "observe-resize": __props.operationObserveResize,
             onHeightChange: onOperateHeightChange
           }, {
             default: withCtx(() => [
-              renderSlot(_ctx.$slots, "operation", {}, void 0, true)
+              __props.formActiveFilter ? (openBlock(), createBlock(unref(FormActiveFilter), {
+                key: 0,
+                filters: unref(activeFilters),
+                "allow-clear": __props.allowClear,
+                onRemove: unref(activeFilterApi).remove,
+                onClear: unref(activeFilterApi).clearAll
+              }, null, 8, ["filters", "allow-clear", "onRemove", "onClear"])) : createCommentVNode("", true),
+              hasOperation.value ? renderSlot(_ctx.$slots, "operation", { key: 1 }, void 0, true) : createCommentVNode("", true)
             ]),
             _: 3
           }, 8, ["observe-resize"])) : createCommentVNode("", true)
@@ -343,7 +369,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             maxHeight: tableMaxHeight.value,
             rowKey: assertRowKey.value,
             toolbar: __props.toolbar,
-            showSwitchView: __props.showSwitchView
+            showSwitchView: __props.showSwitchView,
+            "initial-search": __props.initialSearch
           }, __props.tableMainProps, {
             refine: false,
             injectInfo: injectInfoAdjust.value,
@@ -378,7 +405,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               };
             })
-          ]), 1040, ["is-auto-refresh", "refresh-interval", "custom-view", "api", "columns", "query", "maxHeight", "rowKey", "toolbar", "showSwitchView", "injectInfo"])
+          ]), 1040, ["is-auto-refresh", "refresh-interval", "custom-view", "api", "columns", "query", "maxHeight", "rowKey", "toolbar", "showSwitchView", "initial-search", "injectInfo"])
         ]),
         _: 3
       }, 8, ["class", "separate", "type", "gap", "aside-width", "aside-max-height"])), [

package/es/components/list-layout/use-active-filter.mjs

@@ -0,0 +1,133 @@
+import { computed } from "vue";
+function isEmptyValue(value) {
+  return value === "" || value === null || value === void 0 || Array.isArray(value) && value.length === 0;
+}
+function findConfig(list, field) {
+  return list.find((c) => c.key === field);
+}
+function resolveOptions(config) {
+  const props = typeof config.props === "function" ? config.props() : config.props;
+  const opts = props == null ? void 0 : props.options;
+  return Array.isArray(opts) ? opts : void 0;
+}
+function isSortOptions(opts) {
+  return Array.isArray(opts) && opts.length > 0 && typeof opts[0].field === "string" && !("value" in opts[0]);
+}
+function resolveSortLabel(config, value) {
+  const opts = resolveOptions(config);
+  if (!isSortOptions(opts)) {
+    return "";
+  }
+  const parts = String(value).split(",").filter(Boolean).map((rule) => {
+    const [field, dir] = rule.split(":");
+    const opt = opts.find((o) => o.field === field);
+    const dirText = dir === "asc" ? "升序" : dir === "desc" ? "降序" : "";
+    return `${(opt == null ? void 0 : opt.label) ?? field}${dirText ? `:${dirText}` : ""}`;
+  });
+  return parts.length ? parts.join("、") : "";
+}
+function matchLabel(config, value) {
+  const opts = resolveOptions(config);
+  if (isSortOptions(opts)) {
+    return resolveSortLabel(config, value) || void 0;
+  }
+  const hit = opts == null ? void 0 : opts.find((o) => o.value === value);
+  return hit ? String(hit.label) : void 0;
+}
+function resolveInit(config) {
+  return typeof config.init === "function" ? config.init() : config.init;
+}
+function buildSplitIndex(list) {
+  const index = /* @__PURE__ */ new Map();
+  for (const config of list) {
+    if (Array.isArray(config.splitKeys)) {
+      for (const key of config.splitKeys) {
+        index.set(key, config);
+      }
+    }
+  }
+  return index;
+}
+function useActiveFilter(options) {
+  const { enabled, query, list, formData, reload } = options;
+  const splitIndex = buildSplitIndex(list);
+  function composeSplitValue(config, fields) {
+    return (config.splitKeys ?? []).filter((key) => fields.includes(key)).map((key) => String(query.value[key])).join(" ~ ");
+  }
+  const activeFilters = computed(() => {
+    if (!enabled()) {
+      return [];
+    }
+    const entries = [];
+    const splitEntries = /* @__PURE__ */ new Map();
+    for (const [field, value] of Object.entries(query.value)) {
+      if (isEmptyValue(value)) {
+        continue;
+      }
+      const config = findConfig(list, field);
+      const splitConfig = splitIndex.get(field);
+      if (splitConfig && !config) {
+        let entry = splitEntries.get(splitConfig.key);
+        if (!entry) {
+          entry = {
+            field: splitConfig.key,
+            fields: [],
+            label: splitConfig.label ?? splitConfig.key,
+            displayValue: "",
+            configKey: splitConfig.key
+          };
+          splitEntries.set(splitConfig.key, entry);
+          entries.push(entry);
+        }
+        entry.fields.push(field);
+      } else {
+        entries.push({
+          field,
+          label: (config == null ? void 0 : config.label) ?? field,
+          displayValue: config ? matchLabel(config, value) ?? String(value) : String(value),
+          configKey: config == null ? void 0 : config.key
+        });
+      }
+    }
+    for (const entry of splitEntries.values()) {
+      const config = findConfig(list, entry.configKey);
+      if (config) {
+        entry.displayValue = composeSplitValue(config, entry.fields);
+      }
+    }
+    return entries;
+  });
+  function removeEntry(entry) {
+    var _a;
+    const fields = ((_a = entry.fields) == null ? void 0 : _a.length) ? entry.fields : [entry.field];
+    for (const field of fields) {
+      delete query.value[field];
+    }
+    if (entry.configKey) {
+      const config = findConfig(list, entry.configKey);
+      if (config) {
+        formData.value[config.key] = resolveInit(config);
+      }
+    }
+  }
+  function remove(entry) {
+    if (!enabled()) {
+      return;
+    }
+    removeEntry(entry);
+    reload();
+  }
+  function clearAll() {
+    if (!enabled()) {
+      return;
+    }
+    for (const entry of activeFilters.value) {
+      removeEntry(entry);
+    }
+    reload();
+  }
+  return { activeFilters, remove, clearAll };
+}
+export {
+  useActiveFilter
+};

package/es/components/modal/ImagePreviewTrigger.vue.mjs

@@ -0,0 +1,34 @@
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
+import { ElImage } from "element-plus";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
+  __name: "ImagePreviewTrigger",
+  props: {
+    src: {},
+    previewSrc: {},
+    lazy: { type: Boolean, default: true },
+    preview: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElImage), mergeProps({
+        class: "dc-image-preview-trigger image-preview-trigger",
+        src: __props.src,
+        lazy: __props.lazy,
+        "preview-src-list": __props.preview ? [__props.previewSrc ?? __props.src] : void 0,
+        "preview-teleported": __props.preview
+      }, _ctx.$attrs), {
+        placeholder: withCtx(() => [
+          renderSlot(_ctx.$slots, "placeholder")
+        ]),
+        error: withCtx(() => [
+          renderSlot(_ctx.$slots, "error")
+        ]),
+        _: 3
+      }, 16, ["src", "lazy", "preview-src-list", "preview-teleported"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/modal/ImagePreviewTrigger.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./ImagePreviewTrigger.vue.mjs";
+export {
+  _sfc_main as default
+};