Skip to content

Commit

Permalink
🎨 格式化代码
Browse files Browse the repository at this point in the history
  • Loading branch information
@WOSHIZHAZHA120
WOSHIZHAZHA120 committed Aug 2, 2024
1 parent 172d875 commit e764baf
Show file tree
Hide file tree
Showing 34 changed files with 950 additions and 947 deletions.
12 changes: 6 additions & 6 deletions src/shared/schemas/avatar.ts
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
import { z } from "zod";
import { z } from 'zod'

const IdenticonAvatar = z.object({
type: z.literal("identicon"),
hash: z.string(),
});
type: z.literal('identicon'),
hash: z.string()
})

const Avatar = z.union([IdenticonAvatar, z.string()]);
const Avatar = z.union([IdenticonAvatar, z.string()])

type Avatar = z.infer<typeof Avatar>;

export default Avatar;
export default Avatar
44 changes: 22 additions & 22 deletions src/shared/schemas/rank.ts
View file
Original file line number Diff line number Diff line change
@@ -1,29 +1,29 @@
import { z } from "zod";
import { z } from 'zod'

const ValidRank = z.union([
z.literal("x"),
z.literal("u"),
z.literal("ss"),
z.literal("s+"),
z.literal("s"),
z.literal("s-"),
z.literal("a+"),
z.literal("a"),
z.literal("a-"),
z.literal("b+"),
z.literal("b"),
z.literal("b-"),
z.literal("c+"),
z.literal("c"),
z.literal("c-"),
z.literal("d+"),
z.literal("d"),
]);
z.literal('x'),
z.literal('u'),
z.literal('ss'),
z.literal('s+'),
z.literal('s'),
z.literal('s-'),
z.literal('a+'),
z.literal('a'),
z.literal('a-'),
z.literal('b+'),
z.literal('b'),
z.literal('b-'),
z.literal('c+'),
z.literal('c'),
z.literal('c-'),
z.literal('d+'),
z.literal('d')
])

const Rank = z.union([ValidRank, z.literal("z")]);
const Rank = z.union([ValidRank, z.literal('z')])

type ValidRank = z.infer<typeof ValidRank>;
type Rank = z.infer<typeof Rank>;

export default Rank;
export { Rank, ValidRank };
export default Rank
export { Rank, ValidRank }
10 changes: 5 additions & 5 deletions src/shared/schemas/user.ts
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
import { z } from "zod";
import Avatar from "./avatar.ts";
import { z } from 'zod'
import Avatar from './avatar.ts'

const User = z.object({
avatar: Avatar,
name: z.string(),
});
name: z.string()
})

export default User;
export default User
162 changes: 81 additions & 81 deletions src/v1/components/info/chart/tr-chart.vue
View file
Original file line number Diff line number Diff line change
@@ -1,214 +1,214 @@
<script lang="ts" setup>
import point from "@/v1/assets/images/chart/point.svg?url";
import Chart from "@/v1/components/info/chart/_base.vue";
import type { TetraLeagueHistoryRecord } from "@/v1/types";
import point from '@/v1/assets/images/chart/point.svg?url'
import Chart from '@/v1/components/info/chart/_base.vue'
import type { TetraLeagueHistoryRecord } from '@/v1/types'
import type { LineSeriesOption } from "echarts/charts";
import { LineChart } from "echarts/charts";
import type { GridComponentOption, MarkLineComponentOption } from "echarts/components";
import { GridComponent, MarkLineComponent } from "echarts/components";
import type { ComposeOption } from "echarts/core";
import { use } from "echarts/core";
import type { LineSeriesOption } from 'echarts/charts'
import { LineChart } from 'echarts/charts'
import type { GridComponentOption, MarkLineComponentOption } from 'echarts/components'
import { GridComponent, MarkLineComponent } from 'echarts/components'
import type { ComposeOption } from 'echarts/core'
import { use } from 'echarts/core'
use([GridComponent, MarkLineComponent, LineChart]);
use([GridComponent, MarkLineComponent, LineChart])
const props = defineProps<{
readonly data: TetraLeagueHistoryRecord[];
readonly split_interval: number;
readonly min_tr: number;
readonly max_tr: number;
readonly offset: number;
}>();
}>()
type ChartOption = ComposeOption<GridComponentOption | MarkLineComponentOption | LineSeriesOption>;
const option = computed<ChartOption>(() => {
const interval = 3600 * 24 * 1000;
const interval = 3600 * 24 * 1000
return {
animation: false,
grid: {
left: "-5%",
bottom: "17%",
width: "90%",
height: "70%",
left: '-5%',
bottom: '17%',
width: '90%',
height: '70%'
},
xAxis: {
type: "time",
type: 'time',
minInterval: interval,
maxInterval: interval,
axisTick: {
show: false,
show: false
},
axisLine: {
show: false,
show: false
},
axisLabel: {
formatter: (value, index) => {
const date = new Date(value);
const date = new Date(value)
if (index === 0 || index % 2 !== 0) {
return "";
return ''
}
const month = Number(date.getMonth() + 1)
.toString()
.padStart(2, "0");
.padStart(2, '0')
const day = date.getDate().toString().padStart(2, "0");
const day = date.getDate().toString().padStart(2, '0')
if (index === 10) {
return `{last_month|${month}}\n{last_day|${day}}`;
return `{last_month|${month}}\n{last_day|${day}}`
}
return `{month|${month}}\n{day|${day}}`;
return `{month|${month}}\n{day|${day}}`
},
rich: {
month: {
fontFamily: "CabinetGrotesk-Variable",
fontFamily: 'CabinetGrotesk-Variable',
fontSize: 13,
fontWeight: 400,
color: "#ffffff99",
color: '#ffffff99'
},
day: {
fontFamily: "CabinetGrotesk-Variable",
fontFamily: 'CabinetGrotesk-Variable',
fontSize: 20,
fontWeight: 800,
color: "#ffffff99",
color: '#ffffff99'
},
last_month: {
fontFamily: "CabinetGrotesk-Variable",
fontFamily: 'CabinetGrotesk-Variable',
fontSize: 13,
fontWeight: 400,
color: "#373533",
backgroundColor: "#fafafa",
color: '#373533',
backgroundColor: '#fafafa',
borderRadius: 6,
padding: [-10, 0, 10, 0],
width: 36,
height: 37,
lineHeight: 32,
lineHeight: 32
},
last_day: {
fontFamily: "CabinetGrotesk-Variable",
fontFamily: 'CabinetGrotesk-Variable',
fontSize: 20,
fontWeight: 800,
color: "#373533",
color: '#373533',
padding: [-18, 0, 0, 0],
lineHeight: 0,
},
},
lineHeight: 0
}
}
},
zlevel: 1,
zlevel: 1
},
yAxis: {
type: "value",
type: 'value',
interval: props.split_interval,
position: "right",
position: 'right',
splitLine: {
show: false,
show: false
},
axisLine: {
show: false,
show: false
},
axisLabel: {
align: "right",
align: 'right',
formatter: (value) => {
const tr = value.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",");
const tr = value.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ',')
return `{value|${tr}}`;
return `{value|${tr}}`
},
rich: {
value: {
fontFamily: "CabinetGrotesk-Variable",
fontFamily: 'CabinetGrotesk-Variable',
fontSize: 15,
fontWeight: 500,
color: "#ffffff99",
},
},
color: '#ffffff99'
}
}
},
offset: 70,
max: props.max_tr + props.offset,
min: props.min_tr - props.offset,
min: props.min_tr - props.offset
},
series: [
{
data: props.data.map((data) => {
return [data.record_at, Number(data.tr)];
return [data.record_at, Number(data.tr)]
}),
type: "line",
type: 'line',
smooth: true,
symbol: (_, series) => {
if (series.dataIndex === props.data.length - 1) {
return `image://${point}`;
return `image://${point}`
}
return "none";
return 'none'
},
symbolSize: 75,
symbolOffset: [0.79, 0],
lineStyle: {
color: "#fafafa99",
color: '#fafafa99'
},
areaStyle: {
color: {
type: "linear",
type: 'linear',
x: 0,
y: 0,
x2: 0,
y2: 1,
colorStops: [
{
offset: 0,
color: "#fafafa4d",
color: '#fafafa4d'
},
{
offset: 1,
color: "#fafafa00",
},
color: '#fafafa00'
}
],
global: false,
},
global: false
}
},
markLine: {
data: [
[
{
xAxis: "max",
yAxis: props.data[props.data.length - 1]["tr"],
xAxis: 'max',
yAxis: props.data[props.data.length - 1]['tr']
},
{
xAxis: "max",
y: "300",
},
],
xAxis: 'max',
y: '300'
}
]
],
label: {
show: false,
show: false
},
lineStyle: {
color: "#fafafa",
color: '#fafafa',
width: 3,
type: "dashed",
cap: "round",
type: 'dashed',
cap: 'round'
},
symbol: "none",
animation: false,
symbol: 'none',
animation: false
},
z: 5,
},
],
};
});
z: 5
}
]
}
})
</script>

<template>
<div class="relative w-143.75 h-68.75 bg-[linear-gradient(222.34deg,#525252_11.97%,#1d1916_89.73%)]">
<chart :option="option" />
<chart :option="option"/>

<div class="absolute left-6 top-4.75 text-6.25 fw-extrabold text-[#fafafa]">Tetra Rating (TR)</div>

<div class="absolute left-6 top-22.5">
<slot />
<slot/>
</div>
</div>
</template>
Loading

0 comments on commit e764baf

Please sign in to comment.