style: fix building info

This commit is contained in:
Qiuxia Fan
2022-01-20 15:52:53 +08:00
parent 8b0cab48ce
commit 86ec9c985b
34 changed files with 108 additions and 84 deletions

View File

@@ -16,7 +16,7 @@ limitations under the License. -->
<div class="about">{{ props.msg }}</div>
</template>
<script lang="ts" setup>
import { defineProps } from "vue";
/*global defineProps */
const props = defineProps({
msg: String,
});

View File

@@ -61,7 +61,7 @@ limitations under the License. -->
</div>
</template>
<script lang="ts" setup>
import { reactive, defineProps, defineEmits } from "vue";
import { reactive } from "vue";
import type { PropType } from "vue";
import { useRoute } from "vue-router";
import { Option } from "@/types/app";
@@ -71,6 +71,7 @@ import { MetricTypes, TableChartTypes } from "../data";
import { ElMessage } from "element-plus";
import Icon from "@/components/Icon.vue";
/*global defineProps, defineEmits */
const props = defineProps({
graph: {
type: Object as PropType<GraphConfig>,

View File

@@ -116,12 +116,13 @@ limitations under the License. -->
</div>
</template>
<script lang="ts" setup>
import { reactive, defineProps, defineEmits } from "vue";
import { reactive } from "vue";
import { useI18n } from "vue-i18n";
import { SortOrder } from "../data";
import { StandardConfig } from "@/types/dashboard";
import type { PropType } from "vue";
/*global defineProps, defineEmits */
const props = defineProps({
config: {
type: Object as PropType<StandardConfig>,

View File

@@ -35,11 +35,12 @@ limitations under the License. -->
</div>
</template>
<script lang="ts" setup>
import { ref, defineEmits, defineProps } from "vue";
import { ref } from "vue";
import { useI18n } from "vue-i18n";
import { WidgetConfig } from "@/types/dashboard";
import type { PropType } from "vue";
/*global defineProps, defineEmits */
const props = defineProps({
config: {
type: Object as PropType<WidgetConfig>,

View File

@@ -28,11 +28,12 @@ limitations under the License. -->
</div>
</template>
<script lang="ts" setup>
import { defineProps, ref, defineEmits } from "vue";
import { ref } from "vue";
import type { PropType } from "vue";
import { AreaConfig } from "@/types/dashboard";
import { useI18n } from "vue-i18n";
/*global defineProps, defineEmits */
const { t } = useI18n();
const props = defineProps({

View File

@@ -24,11 +24,12 @@ limitations under the License. -->
</div>
</template>
<script lang="ts" setup>
import { defineProps, ref, defineEmits } from "vue";
import { ref } from "vue";
import type { PropType } from "vue";
import { BarConfig } from "@/types/dashboard";
import { useI18n } from "vue-i18n";
/*global defineProps, defineEmits */
const { t } = useI18n();
const props = defineProps({

View File

@@ -28,11 +28,12 @@ limitations under the License. -->
</div>
</template>
<script lang="ts" setup>
import { defineProps, ref, defineEmits } from "vue";
import { ref } from "vue";
import type { PropType } from "vue";
import { CardConfig } from "@/types/dashboard";
import { useI18n } from "vue-i18n";
/*global defineProps, defineEmits */
const { t } = useI18n();
const props = defineProps({

View File

@@ -28,11 +28,12 @@ limitations under the License. -->
</div>
</template>
<script lang="ts" setup>
import { defineProps, ref, defineEmits } from "vue";
import { ref } from "vue";
import type { PropType } from "vue";
import { EndpointListConfig } from "@/types/dashboard";
import { useI18n } from "vue-i18n";
/*global defineProps, defineEmits */
const { t } = useI18n();
const props = defineProps({

View File

@@ -28,11 +28,12 @@ limitations under the License. -->
</div>
</template>
<script lang="ts" setup>
import { defineProps, ref, defineEmits } from "vue";
import { ref } from "vue";
import type { PropType } from "vue";
import { InstanceListConfig } from "@/types/dashboard";
import { useI18n } from "vue-i18n";
/*global defineProps, defineEmits */
const { t } = useI18n();
const props = defineProps({

View File

@@ -42,11 +42,12 @@ limitations under the License. -->
</div>
</template>
<script lang="ts" setup>
import { defineProps, ref, defineEmits } from "vue";
import { ref } from "vue";
import type { PropType } from "vue";
import { LineConfig } from "@/types/dashboard";
import { useI18n } from "vue-i18n";
/*global defineProps, defineEmits */
const { t } = useI18n();
const props = defineProps({
config: {

View File

@@ -28,11 +28,12 @@ limitations under the License. -->
</div>
</template>
<script lang="ts" setup>
import { defineProps, ref, defineEmits } from "vue";
import { ref } from "vue";
import type { PropType } from "vue";
import { ServiceListConfig } from "@/types/dashboard";
import { useI18n } from "vue-i18n";
/*global defineProps, defineEmits */
const { t } = useI18n();
const props = defineProps({

View File

@@ -44,11 +44,12 @@ limitations under the License. -->
</div>
</template>
<script lang="ts" setup>
import { defineProps, ref, defineEmits } from "vue";
import { ref } from "vue";
import type { PropType } from "vue";
import { TableConfig } from "@/types/dashboard";
import { useI18n } from "vue-i18n";
/*global defineProps, defineEmits */
const { t } = useI18n();
const props = defineProps({
config: {

View File

@@ -28,11 +28,12 @@ limitations under the License. -->
</div>
</template>
<script lang="ts" setup>
import { defineProps, ref, defineEmits } from "vue";
import { ref } from "vue";
import type { PropType } from "vue";
import { TopListConfig } from "@/types/dashboard";
import { useI18n } from "vue-i18n";
/*global defineProps, defineEmits */
const { t } = useI18n();
const props = defineProps({
config: {

View File

@@ -84,12 +84,12 @@ limitations under the License. -->
</div>
</template>
<script lang="ts" setup>
import { defineProps, reactive, ref, watch } from "vue";
import { ref, watch, reactive } from "vue";
import type { PropType } from "vue";
import Widget from "./Widget.vue";
import { LayoutConfig } from "@/types/dashboard";
import { useDashboardStore } from "@/store/modules/dashboard";
/*global defineProps */
const props = defineProps({
data: {
type: Object as PropType<LayoutConfig>,

View File

@@ -17,11 +17,11 @@ limitations under the License. -->
<Line :data="data" :intervalTime="intervalTime" :config="config" />
</template>
<script lang="ts" setup>
import { defineProps } from "vue";
import type { PropType } from "vue";
import Line from "./Line.vue";
import { AreaConfig } from "@/types/dashboard";
/*global defineProps */
defineProps({
data: {
type: Object as PropType<{ [key: string]: number[] }>,

View File

@@ -16,11 +16,12 @@ limitations under the License. -->
<Graph :option="option" />
</template>
<script lang="ts" setup>
import { defineProps, computed } from "vue";
import { computed } from "vue";
import type { PropType } from "vue";
import { Event } from "@/types/events";
import { BarConfig } from "@/types/dashboard";
/*global defineProps */
const props = defineProps({
data: {
type: Object as PropType<{ [key: string]: number[] }>,

View File

@@ -27,9 +27,9 @@ limitations under the License. -->
</template>
<script lang="ts" setup>
import { computed, PropType } from "vue";
import { defineProps } from "vue";
import { CardConfig, StandardConfig } from "@/types/dashboard";
/*global defineProps */
const props = defineProps({
data: {
type: Object as PropType<{ [key: string]: number }>,

View File

@@ -60,12 +60,13 @@ limitations under the License. -->
</div>
</template>
<script setup lang="ts">
import { defineProps, onBeforeMount, ref } from "vue";
import { onBeforeMount, ref } from "vue";
import { useSelectorStore } from "@/store/modules/selectors";
import { ElMessage } from "element-plus";
import type { PropType } from "vue";
import { EndpointListConfig } from "@/types/dashboard";
/*global defineProps */
defineProps({
data: {
type: Object,

View File

@@ -16,10 +16,11 @@ limitations under the License. -->
<Graph :option="option" />
</template>
<script lang="ts" setup>
import { defineProps, computed } from "vue";
import { computed } from "vue";
import type { PropType } from "vue";
import { StandardConfig } from "@/types/dashboard";
/*global defineProps */
const props = defineProps({
data: {
type: Object as PropType<{ nodes: number[][]; buckets: number[][] }>,

View File

@@ -60,12 +60,13 @@ limitations under the License. -->
</div>
</template>
<script setup lang="ts">
import { defineProps, onBeforeMount, ref } from "vue";
import { onBeforeMount, ref } from "vue";
import { useSelectorStore } from "@/store/modules/selectors";
import { ElMessage } from "element-plus";
import type { PropType } from "vue";
import { InstanceListConfig } from "@/types/dashboard";
/*global defineProps */
defineProps({
data: {
type: Object,

View File

@@ -16,11 +16,12 @@ limitations under the License. -->
<Graph :option="option" />
</template>
<script lang="ts" setup>
import { defineProps, computed } from "vue";
import { computed } from "vue";
import type { PropType } from "vue";
import { Event } from "@/types/events";
import { LineConfig } from "@/types/dashboard";
/*global defineProps */
const props = defineProps({
data: {
type: Object as PropType<{ [key: string]: number[] }>,

View File

@@ -16,9 +16,10 @@ limitations under the License. -->
<Graph :option="option" />
</template>
<script lang="ts" setup>
import { defineProps, computed } from "vue";
import { computed } from "vue";
import type { PropType } from "vue";
/*global defineProps */
const props = defineProps({
data: {
type: Array as PropType<{ name: string; value: number }[]>,

View File

@@ -60,12 +60,13 @@ limitations under the License. -->
</div>
</template>
<script setup lang="ts">
import { defineProps, onBeforeMount, ref } from "vue";
import { onBeforeMount, ref } from "vue";
import { useSelectorStore } from "@/store/modules/selectors";
import { ElMessage } from "element-plus";
import type { PropType } from "vue";
import { ServiceListConfig } from "@/types/dashboard";
/*global defineProps */
defineProps({
data: {
type: Object,

View File

@@ -45,8 +45,9 @@ limitations under the License. -->
</div>
</template>
<script lang="ts" setup>
import { defineProps, computed, ref, onMounted } from "vue";
import { computed, ref, onMounted } from "vue";
import type { PropType } from "vue";
/*global defineProps */
const props = defineProps({
data: {
type: Object as PropType<{ [key: string]: number[][] }>,

View File

@@ -35,8 +35,9 @@ limitations under the License. -->
</template>
<script lang="ts" setup>
import type { PropType } from "vue";
import { defineProps, computed } from "vue";
import { computed } from "vue";
import copy from "@/utils/copy";
/*global defineProps */
const props = defineProps({
data: {
type: Array as PropType<

View File

@@ -17,7 +17,7 @@ limitations under the License. -->
</template>
<script lang="ts" setup>
import { defineProps } from "vue";
/*global defineProps */
defineProps({
msg: { type: String },
});

View File

@@ -17,7 +17,7 @@ limitations under the License. -->
</template>
<script lang="ts" setup>
import { defineProps } from "vue";
/*global defineProps */
defineProps({
msg: { type: String },
});

View File

@@ -17,7 +17,7 @@ limitations under the License. -->
</template>
<script lang="ts" setup>
import { defineProps } from "vue";
/*global defineProps */
defineProps({
msg: { type: String },
});