element-plus/lib/components/empty/src/empty.js

A Component Library for Vue 3

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var imgEmpty = require('./img-empty.js');
var empty = require('./empty2.js');
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
var index = require('../../../hooks/use-locale/index.js');
var index$1 = require('../../../hooks/use-namespace/index.js');
var style = require('../../../utils/dom/style.js');

const _hoisted_1 = ["src"];
const _hoisted_2 = { key: 1 };
const _sfc_main = vue.defineComponent({
  ...{
    name: "ElEmpty"
  },
  __name: "empty",
  props: empty.emptyProps,
  setup(__props) {
    const props = __props;
    const { t } = index.useLocale();
    const ns = index$1.useNamespace("empty");
    const emptyDescription = vue.computed(
      () => props.description || t("el.table.emptyText")
    );
    const imageStyle = vue.computed(() => ({
      width: style.addUnit(props.imageSize)
    }));
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createElementBlock(
        "div",
        {
          class: vue.normalizeClass(vue.unref(ns).b())
        },
        [
          vue.createElementVNode(
            "div",
            {
              class: vue.normalizeClass(vue.unref(ns).e("image")),
              style: vue.normalizeStyle(imageStyle.value)
            },
            [
              _ctx.image ? (vue.openBlock(), vue.createElementBlock("img", {
                key: 0,
                src: _ctx.image,
                ondragstart: "return false"
              }, null, 8, _hoisted_1)) : vue.renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
                vue.createVNode(imgEmpty["default"])
              ])
            ],
            6
          ),
          vue.createElementVNode(
            "div",
            {
              class: vue.normalizeClass(vue.unref(ns).e("description"))
            },
            [
              _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(
                "p",
                _hoisted_2,
                vue.toDisplayString(emptyDescription.value),
                1
              ))
            ],
            2
          ),
          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(
            "div",
            {
              key: 0,
              class: vue.normalizeClass(vue.unref(ns).e("bottom"))
            },
            [
              vue.renderSlot(_ctx.$slots, "default")
            ],
            2
          )) : vue.createCommentVNode("v-if", true)
        ],
        2
      );
    };
  }
});
var Empty = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/empty/src/empty.vue"]]);

exports["default"] = Empty;
//# sourceMappingURL=empty.js.map