168 lines
5.5 KiB
Vue
168 lines
5.5 KiB
Vue
<script>
|
|
// 实例详情加载占位：保持页签与卡片布局，用 aria-busy 告知辅助技术正在加载。
|
|
import "~/assets/styles/InstanceLoadingShell.CwfiUwdU.css";
|
|
import { renderList } from "vue";
|
|
import { normalizeClass } from "vue";
|
|
import { createElementBlock } from "vue";
|
|
import { Fragment } from "vue";
|
|
import { createElementVNode } from "vue";
|
|
import { defineComponent } from "vue";
|
|
import { createVNode } from "vue";
|
|
import { openBlock } from "vue";
|
|
import { t as _plugin_vue_export_helper_t } from "~/lib/_plugin-vue_export-helper.js";
|
|
import skeleton from "primevue/skeleton";
|
|
var u = {
|
|
class: `shell-tabs`,
|
|
"aria-hidden": `true`,
|
|
},
|
|
d = {
|
|
class: `shell-grid`,
|
|
"aria-hidden": `true`,
|
|
},
|
|
f = {
|
|
class: `shell-card`,
|
|
},
|
|
p = {
|
|
class: `shell-card shell-secondary`,
|
|
},
|
|
m = Object.assign(
|
|
_plugin_vue_export_helper_t(
|
|
defineComponent({
|
|
__name: `InstanceLoadingShell`,
|
|
props: {
|
|
dcim: {
|
|
type: Boolean,
|
|
default: !1,
|
|
},
|
|
},
|
|
setup(a) {
|
|
return (c, m) => {
|
|
let h = skeleton;
|
|
return (
|
|
openBlock(),
|
|
createElementBlock(
|
|
`div`,
|
|
{
|
|
class: normalizeClass([
|
|
`instance-loading-shell`,
|
|
{
|
|
dcim: a.dcim,
|
|
},
|
|
]),
|
|
role: `status`,
|
|
"aria-label": `正在加载实例管理信息`,
|
|
"aria-busy": `true`,
|
|
},
|
|
[
|
|
createElementVNode(`div`, u, [
|
|
(openBlock(),
|
|
createElementBlock(
|
|
Fragment,
|
|
null,
|
|
renderList([32, 32, 64, 32, 80, 80, 32], (e, t) =>
|
|
createElementVNode(
|
|
`span`,
|
|
{
|
|
key: t,
|
|
},
|
|
[
|
|
createVNode(
|
|
h,
|
|
{
|
|
width: `${e}px`,
|
|
height: `24px`,
|
|
},
|
|
null,
|
|
8,
|
|
[`width`],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
64,
|
|
)),
|
|
]),
|
|
createElementVNode(`div`, d, [
|
|
(openBlock(),
|
|
createElementBlock(
|
|
Fragment,
|
|
null,
|
|
renderList(3, (t) =>
|
|
createElementVNode(
|
|
`div`,
|
|
{
|
|
key: t,
|
|
class: `shell-column`,
|
|
},
|
|
[
|
|
createElementVNode(`div`, f, [
|
|
createVNode(h, {
|
|
width: `64px`,
|
|
height: `24px`,
|
|
}),
|
|
(openBlock(),
|
|
createElementBlock(
|
|
Fragment,
|
|
null,
|
|
renderList(5, (e) =>
|
|
createElementVNode(
|
|
`div`,
|
|
{
|
|
key: e,
|
|
class: `shell-row`,
|
|
},
|
|
[
|
|
createVNode(h, {
|
|
width: `28%`,
|
|
height: `24px`,
|
|
}),
|
|
createVNode(h, {
|
|
width: `45%`,
|
|
height: `24px`,
|
|
}),
|
|
],
|
|
),
|
|
),
|
|
64,
|
|
)),
|
|
createVNode(h, {
|
|
height: `40px`,
|
|
class: `shell-button`,
|
|
}),
|
|
]),
|
|
createElementVNode(`div`, p, [
|
|
createVNode(h, {
|
|
width: `64px`,
|
|
height: `24px`,
|
|
}),
|
|
createVNode(h, {
|
|
height: `126px`,
|
|
}),
|
|
createVNode(h, {
|
|
width: `70%`,
|
|
height: `24px`,
|
|
}),
|
|
]),
|
|
],
|
|
),
|
|
),
|
|
64,
|
|
)),
|
|
]),
|
|
],
|
|
2,
|
|
)
|
|
);
|
|
};
|
|
},
|
|
}),
|
|
[[`__scopeId`, `data-v-f12d9300`]],
|
|
),
|
|
{
|
|
__name: `InstanceLoadingShell`,
|
|
},
|
|
);
|
|
export {};
|
|
export default m;
|
|
</script>
|