@fe6/water-pro/es/table-pro/src/components/table-img.js

An enterprise-class UI design language and Vue-based implementation

import { createVNode as _createVNode } from "vue";
import { defineComponent } from 'vue';
import useConfigInject from '../../../_util/hooks/useConfigInject';
import { default as Image } from '../../../image';
import { errorUploadImage } from '../../../config-provider/error-image';
export default defineComponent({
  name: 'ATableImage',
  props: {
    imgList: {
      type: Array,
      default: null
    },
    size: {
      type: Number,
      default: 40
    },
    prefixCls: String
  },
  setup: function setup(props) {
    var _useConfigInject = useConfigInject('table-pro-img', props),
        prefixClsNew = _useConfigInject.prefixCls,
        configProvider = _useConfigInject.configProvider;

    return {
      prefixClsNew: prefixClsNew,
      configProvider: configProvider
    };
  },
  render: function render() {
    var _this = this;

    var imgNode = [];

    if (this.imgList && this.imgList.length) {
      this.imgList.forEach(function (img) {
        var _a;

        imgNode.push(_createVNode(Image, {
          "bordered": false,
          "width": _this.size,
          "src": img,
          "fallback": ((_a = _this.configProvider) === null || _a === void 0 ? void 0 : _a.errorImage) || errorUploadImage
        }, null));
      });
    }

    return _createVNode("div", {
      "class": this.prefixClsNew
    }, [_createVNode(Image.PreviewGroup, null, {
      default: function _default() {
        return [imgNode];
      }
    })]);
  }
});