first commit

app/components/instance/InstanceMonitorSkeleton.vue

@@ -0,0 +1,147 @@
+<script>
+import "~/assets/styles/InstanceMonitorSkeleton.C0FT51jJ.css";
+import { renderList } from "vue";
+import { normalizeClass } from "vue";
+import { createCommentVNode } 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 d = {
+    class: `range-placeholder`,
+    "aria-hidden": `true`,
+  },
+  f = {
+    key: 0,
+    class: `hint-placeholder`,
+  },
+  p = {
+    class: `title-placeholder`,
+  },
+  m = {
+    key: 0,
+    class: `legend-placeholder`,
+  },
+  h = {
+    key: 0,
+    class: `refresh-placeholder`,
+    "aria-hidden": `true`,
+  },
+  g = Object.assign(
+    _plugin_vue_export_helper_t(
+      defineComponent({
+        __name: `InstanceMonitorSkeleton`,
+        props: {
+          dcim: {
+            type: Boolean,
+            default: !1,
+          },
+        },
+        setup(o) {
+          return (l, g) => {
+            let _ = skeleton;
+            return (
+              openBlock(),
+              createElementBlock(
+                `div`,
+                {
+                  class: normalizeClass([
+                    `monitor-skeleton`,
+                    {
+                      dcim: o.dcim,
+                    },
+                  ]),
+                  role: `status`,
+                  "aria-label": `正在加载监控`,
+                  "aria-busy": `true`,
+                },
+                [
+                  createElementVNode(`div`, d, [
+                    createVNode(_, {
+                      width: `340px`,
+                      height: `40px`,
+                    }),
+                    o.dcim
+                      ? createCommentVNode(``, !0)
+                      : (openBlock(),
+                        createElementBlock(
+                          `span`,
+                          f,
+                          `数据由平台采集，实例未运行时可能为空。`,
+                        )),
+                  ]),
+                  (openBlock(!0),
+                  createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(
+                      o.dcim ? 1 : 4,
+                      (e) => (
+                        openBlock(),
+                        createElementBlock(
+                          `div`,
+                          {
+                            key: e,
+                            class: `chart-placeholder`,
+                            "aria-hidden": `true`,
+                          },
+                          [
+                            createElementVNode(`div`, p, [
+                              createVNode(_, {
+                                width: `120px`,
+                                height: `24px`,
+                              }),
+                            ]),
+                            o.dcim
+                              ? (openBlock(),
+                                createElementBlock(`div`, m, [
+                                  createVNode(_, {
+                                    width: `180px`,
+                                    height: `21px`,
+                                  }),
+                                ]))
+                              : createCommentVNode(``, !0),
+                            createVNode(
+                              _,
+                              {
+                                height: o.dcim ? `320px` : `280px`,
+                              },
+                              null,
+                              8,
+                              [`height`],
+                            ),
+                          ],
+                        )
+                      ),
+                    ),
+                    128,
+                  )),
+                  o.dcim
+                    ? createCommentVNode(``, !0)
+                    : (openBlock(),
+                      createElementBlock(`div`, h, [
+                        createVNode(_, {
+                          width: `70px`,
+                          height: `35px`,
+                        }),
+                      ])),
+                ],
+                2,
+              )
+            );
+          };
+        },
+      }),
+      [[`__scopeId`, `data-v-5a1fd568`]],
+    ),
+    {
+      __name: `InstanceMonitorSkeleton`,
+    },
+  );
+export {};
+export default g;
+</script>