hongluan-ui
Version:
Hongluan Component Library for Vue 3
57 lines (54 loc) • 2.42 kB
JavaScript
import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, mergeProps, Fragment, renderList, renderSlot, createVNode, createBlock, normalizeClass, createCommentVNode, normalizeProps } from 'vue';
import '../../../hooks/index.mjs';
import SkeletonItem from './skeleton-item2.mjs';
import { skeletonProps } from './skeleton.mjs';
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
import { useThrottleRender } from '../../../hooks/use-throttle-render/index.mjs';
const _sfc_main = defineComponent({
name: "Skeleton",
components: {
HlSkeletonItem: SkeletonItem
},
props: skeletonProps,
setup(props) {
const { namespace } = useNamespace("skeleton");
const innerLoading = computed(() => props.loading);
const uiLoading = useThrottleRender(innerLoading, props.throttle);
return {
namespace,
uiLoading
};
}
});
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_hl_skeleton_item = resolveComponent("hl-skeleton-item");
return _ctx.uiLoading ? (openBlock(), createElementBlock("div", mergeProps({
key: 0,
class: [_ctx.namespace, _ctx.animated ? "is-animated" : ""]
}, _ctx.$attrs), [
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.count, (i) => {
return openBlock(), createElementBlock(Fragment, { key: i }, [
_ctx.loading ? renderSlot(_ctx.$slots, "template", { key: i }, () => [
createVNode(_component_hl_skeleton_item, {
class: "is-first",
variant: "p"
}),
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (item) => {
return openBlock(), createBlock(_component_hl_skeleton_item, {
key: item,
class: normalizeClass({
"paragraph": true,
"is-last": item === _ctx.rows && _ctx.rows > 1
}),
variant: "p"
}, null, 8, ["class"]);
}), 128))
]) : createCommentVNode("v-if", true)
], 64);
}), 128))
], 16)) : renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({ key: 1 }, _ctx.$attrs)));
}
var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
export { Skeleton as default };
//# sourceMappingURL=skeleton2.mjs.map