el-plus-powerful-table/es/components/src/image.mjs

## [DOCS](https://peng-xiao-shuai.github.io/vite-vue-admin-docs/zh-CN/component_directive/component/powerful-table-doc.html)

import { defineComponent as p, createVNode as m, Fragment as c, mergeProps as w } from "vue";
import { ElImage as s } from "element-plus";
import { powerfulTableComponentProp as a, isData as d, useREmit as u, isProperty as f } from "../../powerful-table/src/powerful-table-data.mjs";
const i = /* @__PURE__ */ p({
  name: "PTImage",
  props: {
    ...a,
    prop: {
      type: Object,
      default: () => ({})
    }
  },
  emits: ["return-emit", "component-emit"],
  setup(e, {
    emit: l
  }) {
    const r = d({
      row: e.row,
      index: e.index,
      props: e.prop
    }, e.prop.data), {
      REmit: t,
      event: n
    } = u(l, "image", {
      row: e.row,
      index: e.index,
      props: e.prop
    });
    return () => m(c, null, [m(s, w({
      src: e.row[e.prop.prop],
      "preview-src-list": [e.row[e.prop.prop]],
      lazy: !0,
      fit: "cover",
      "preview-teleported": !0,
      style: r == null ? void 0 : r.style,
      onLoad: (...o) => {
        t("load", ...o), n("load", ...o);
      },
      onError: (...o) => {
        t("error", ...o), n("error", ...o);
      },
      onSwitch: (...o) => {
        t("switch", ...o), n("switch", ...o);
      },
      onClose: (...o) => {
        t("close", ...o), n("close", ...o);
      }
    }, f({
      row: e.row,
      index: e.index,
      props: e.prop
    }, r == null ? void 0 : r.property)), null)]);
  }
});
i.install = (e) => {
  e.component(i.name, i);
};
const v = i;
export {
  v as PTImage,
  i as default
};
//# sourceMappingURL=image.mjs.map