@icsmui/icsmui/dist/packages/empty/Empty.js

京东风格的轻量级移动端 Vue2、Vue3 组件库（支持小程序开发）

var __defProp = Object.defineProperty;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, normalizeStyle, renderSlot, createCommentVNode, toDisplayString } from "vue";
import { p as pxCheck } from "../pxCheck-DN6FYV6q.js";
import { u as useLocale } from "../index-fgVlMjzh.js";
import { w as withInstall } from "../with-install-DWwOiZS3.js";
const _hoisted_1 = { class: "nut-empty" };
const _hoisted_2 = ["src"];
const _hoisted_3 = { class: "nut-empty__description" };
const cN = "IcsEmpty";
const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
  name: cN
}), {
  __name: "empty",
  props: {
    image: { default: "empty" },
    imageSize: { default: "" },
    description: { default: "" }
  },
  setup(__props) {
    const props = __props;
    const translate = useLocale(cN);
    const defaultStatus = {
      empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
      error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
      network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
    };
    const style = computed(() => {
      if (props.imageSize) {
        return {
          width: pxCheck(props.imageSize),
          height: pxCheck(props.imageSize)
        };
      }
      return {};
    });
    const src = computed(() => {
      if (props.image.startsWith("https://") || props.image.startsWith("http://") || props.image.startsWith("//")) {
        return props.image;
      } else {
        return defaultStatus[props.image];
      }
    });
    const descriptionText = computed(() => {
      return props.description || translate("noData");
    });
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("view", _hoisted_1, [
        createElementVNode("view", {
          class: "nut-empty__box",
          style: normalizeStyle(style.value)
        }, [
          renderSlot(_ctx.$slots, "image", {}, () => [
            src.value ? (openBlock(), createElementBlock("img", {
              key: 0,
              class: "nut-empty__box--img",
              src: src.value
            }, null, 8, _hoisted_2)) : createCommentVNode("", true)
          ])
        ], 4),
        renderSlot(_ctx.$slots, "description", {}, () => [
          createElementVNode("view", _hoisted_3, toDisplayString(descriptionText.value), 1)
        ]),
        renderSlot(_ctx.$slots, "default")
      ]);
    };
  }
}));
withInstall(_sfc_main);
export {
  _sfc_main as Empty,
  _sfc_main as default
};