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 i, Fragment as c, mergeProps as s } from "vue";
import { ElImage as w } from "element-plus";
import { powerfulTableComponentProp as u, useREmit as a, isProperty as d } from "../../powerful-table/src/powerful-table-data.mjs";
const m = /* @__PURE__ */ p({
  name: "PTImage",
  props: {
    ...u,
    prop: {
      type: Object,
      default: () => ({})
    }
  },
  emits: ["return-emit", "component-emit"],
  setup(e, {
    emit: l
  }) {
    const r = e.prop.data, {
      REmit: t,
      event: n
    } = a(l, "image", {
      row: e.row,
      index: e.index,
      props: e.prop
    });
    return () => i(c, null, [i(w, s({
      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);
      }
    }, d({
      row: e.row,
      index: e.index,
      props: e.prop
    }, r == null ? void 0 : r.property)), null)]);
  }
});
m.install = (e) => {
  e.component(m.name, m);
};
const P = m;
export {
  P as PTImage,
  m as default
};
//# sourceMappingURL=image.mjs.map