@ctsy/layui-vue/es/skeleton/index.js

a component library for Vue 3 base on layui-vue

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, openBlock, createElementBlock, mergeProps, renderSlot, Fragment, renderList, createBlock, normalizeClass } from "vue";
import { _ as _sfc_main$1 } from "../index8.js";
var index = "";
const __default__ = {
  name: "LaySkeleton"
};
const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__), {
  props: {
    rows: { default: 4 },
    loading: { type: Boolean, default: false },
    animated: { type: Boolean, default: false }
  },
  setup(__props) {
    return (_ctx, _cache) => {
      return openBlock(), createElementBlock("div", mergeProps({
        class: ["lay-skeleton", __props.animated ? "lay-skeleton-animated" : ""]
      }, _ctx.$attrs), [
        __props.loading ? renderSlot(_ctx.$slots, "skeleton", { key: 0 }, () => [
          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (item) => {
            return openBlock(), createBlock(_sfc_main$1, {
              key: item,
              class: normalizeClass([
                item === 1 ? "lay-skeleton-first" : "",
                item === __props.rows ? "lay-skeleton-last" : ""
              ]),
              type: "p"
            }, null, 8, ["class"]);
          }), 128))
        ]) : renderSlot(_ctx.$slots, "default", { key: 1 })
      ], 16);
    };
  }
}));
_sfc_main.install = (app) => {
  app.component(_sfc_main.name, _sfc_main);
};
export { _sfc_main as default };