@sigmaott/base-next 1.4.1 → 1.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/components/dashboard/SSDashboardChartRoot.vue +6 -6
- package/src/components/dashboard/SSDashboardDocument.vue +3 -3
- package/src/components/dashboard/SSDashboardGuideline.vue +2 -2
- package/src/components/dashboard/SSDashboardInfo.vue +3 -3
- package/src/components/dashboard/SSDashboardInfoTime.vue +7 -7
- package/src/components/dashboard copy/SSDashboardChartRoot.vue +0 -18
- package/src/components/dashboard copy/SSDashboardDocument.vue +0 -45
- package/src/components/dashboard copy/SSDashboardEmpty.vue +0 -16
- package/src/components/dashboard copy/SSDashboardGuideline.vue +0 -45
- package/src/components/dashboard copy/SSDashboardInfo.vue +0 -36
- package/src/components/dashboard copy/SSDashboardInfoRoot.vue +0 -9
- package/src/components/dashboard copy/SSDashboardInfoTime.vue +0 -38
- /package/src/components/{dashboard copy → dashboard}/SSDashboard.vue +0 -0
package/package.json
CHANGED
|
@@ -6,13 +6,13 @@ const props = defineProps<{
|
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
8
|
<template>
|
|
9
|
-
<div class="
|
|
10
|
-
<
|
|
9
|
+
<div class="border-t border-border pt-2">
|
|
10
|
+
<el-text size="large" tag="b">
|
|
11
11
|
{{ title }}
|
|
12
|
-
</
|
|
13
|
-
<
|
|
14
|
-
{{ description }}
|
|
15
|
-
</
|
|
12
|
+
</el-text>
|
|
13
|
+
<el-text v-if="description" size="small">
|
|
14
|
+
({{ description }})
|
|
15
|
+
</el-text>
|
|
16
16
|
<slot />
|
|
17
17
|
</div>
|
|
18
18
|
</template>
|
|
@@ -20,13 +20,13 @@ defineProps<{
|
|
|
20
20
|
</script>
|
|
21
21
|
|
|
22
22
|
<template>
|
|
23
|
-
<el-card class="w-400px
|
|
23
|
+
<el-card class="w-350px 2xl:w-400px [&_.el-card\_\_header]:py-1.5">
|
|
24
24
|
<template #header>
|
|
25
25
|
<div class="flex items-center justify-between">
|
|
26
26
|
<div class="text-lg font-bold">
|
|
27
27
|
{{ $t('Dashboard.documentation') }}
|
|
28
28
|
</div>
|
|
29
|
-
<div class="cursor-pointer text-
|
|
29
|
+
<div class="cursor-pointer text-sm text-primary font-semibold 2xl:text-base">
|
|
30
30
|
<a :href="seeMore?.url" target="_blank">
|
|
31
31
|
{{ $t('Dashboard.see_more') }}
|
|
32
32
|
</a>
|
|
@@ -34,7 +34,7 @@ defineProps<{
|
|
|
34
34
|
</div>
|
|
35
35
|
</template>
|
|
36
36
|
|
|
37
|
-
<ul class="cursor-pointer list-disc list-inside text-primary text-primary font-semibold">
|
|
37
|
+
<ul class="cursor-pointer list-disc list-inside text-sm text-primary text-primary font-semibold 2xl:text-base">
|
|
38
38
|
<li v-for="(item, index) in data" :key="index" class="text-pretty">
|
|
39
39
|
<a :href="item.url" target="_blank">
|
|
40
40
|
{{ item.title }}
|
|
@@ -16,7 +16,7 @@ const active = computed(() => props.getStarted?.length)
|
|
|
16
16
|
</script>
|
|
17
17
|
|
|
18
18
|
<template>
|
|
19
|
-
<el-card class="min-h-
|
|
19
|
+
<el-card class="min-h-180px [&_.el-card\_\_body]:(p-20px) [&_.el-card\_\_header]:py-1.5">
|
|
20
20
|
<template #header>
|
|
21
21
|
<div class="text-lg font-bold">
|
|
22
22
|
{{ $t('Dashboard.getting_started') }}
|
|
@@ -26,7 +26,7 @@ const active = computed(() => props.getStarted?.length)
|
|
|
26
26
|
<el-steps
|
|
27
27
|
:active="active"
|
|
28
28
|
align-center
|
|
29
|
-
class="[&_.el-step\_\_title]:(text-
|
|
29
|
+
class="[&_.el-step\_\_title]:(text-sm text-text-primary font-bold 2xl:text-base) [&_.el-step\_\_description.is-finish]:text-text-primary [&_.el-step\_\_description]:(px-30px!)"
|
|
30
30
|
>
|
|
31
31
|
<el-step v-for="(item, i) in getStarted" :key="i" :title="item.title">
|
|
32
32
|
<template #description>
|
|
@@ -10,18 +10,18 @@ const mounted = useMounted()
|
|
|
10
10
|
|
|
11
11
|
<template>
|
|
12
12
|
<div v-if="mounted" class="flex flex-col justify-between pl-2">
|
|
13
|
-
<div class="text-
|
|
13
|
+
<div class="text-sm font-bold 2xl:text-base">
|
|
14
14
|
{{ label }}
|
|
15
15
|
</div>
|
|
16
16
|
<div class="flex items-center gap-1 font-semibold">
|
|
17
17
|
<Vue3Odometer
|
|
18
|
-
class="text-
|
|
18
|
+
class="text-xl text-primary font-semibold font-sans! underline! underline-2px! underline-primary! underline-offset-4!"
|
|
19
19
|
:value="value"
|
|
20
20
|
format="d"
|
|
21
21
|
v-bind="$attrs"
|
|
22
22
|
:class="[mounted ? 'odemeter' : '']"
|
|
23
23
|
/>
|
|
24
|
-
<span v-if="suffix" class="text-
|
|
24
|
+
<span v-if="suffix" class="text-2xl text-primary">{{ suffix }}</span>
|
|
25
25
|
</div>
|
|
26
26
|
</div>
|
|
27
27
|
</template>
|
|
@@ -9,30 +9,30 @@ defineProps<{ label: string, value?: any, onClick?: () => void }>()
|
|
|
9
9
|
|
|
10
10
|
<template>
|
|
11
11
|
<div class="flex flex-col justify-between pl-4">
|
|
12
|
-
<div class="text-
|
|
12
|
+
<div class="text-sm font-bold 2xl:text-base" :class="[Boolean(onClick) && 'cursor-pointer hover:text-primary']" @click="onClick">
|
|
13
13
|
{{ label }}
|
|
14
14
|
</div>
|
|
15
15
|
<div class="flex items-end gap-1 font-semibold">
|
|
16
16
|
<Vue3Odometer
|
|
17
|
-
class="cursor-pointer text-
|
|
17
|
+
class="cursor-pointer text-xl text-primary font-semibold font-sans! underline! underline-2px! underline-primary! underline-offset-4!"
|
|
18
18
|
:value="value?.hour"
|
|
19
19
|
format="d"
|
|
20
20
|
/>
|
|
21
|
-
<span class="text-
|
|
21
|
+
<span class="text-14px text-primary leading-32px">H</span>
|
|
22
22
|
|
|
23
23
|
<Vue3Odometer
|
|
24
|
-
class="cursor-pointer text-
|
|
24
|
+
class="cursor-pointer text-xl text-primary font-semibold font-sans! underline! underline-2px! underline-primary! underline-offset-4!"
|
|
25
25
|
:value="value?.minute"
|
|
26
26
|
format="d"
|
|
27
27
|
/>
|
|
28
|
-
<span class="text-
|
|
28
|
+
<span class="text-14px text-primary leading-32px">M</span>
|
|
29
29
|
|
|
30
30
|
<Vue3Odometer
|
|
31
|
-
class="cursor-pointer text-
|
|
31
|
+
class="cursor-pointer text-xl text-primary font-semibold font-sans! underline! underline-2px! underline-primary! underline-offset-4!"
|
|
32
32
|
:value="value?.seconds"
|
|
33
33
|
format="d"
|
|
34
34
|
/>
|
|
35
|
-
<span class="text-
|
|
35
|
+
<span class="text-14px text-primary leading-32px">S</span>
|
|
36
36
|
</div>
|
|
37
37
|
</div>
|
|
38
38
|
</template>
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
const props = defineProps<{
|
|
3
|
-
title: string
|
|
4
|
-
description: string
|
|
5
|
-
}>()
|
|
6
|
-
</script>
|
|
7
|
-
|
|
8
|
-
<template>
|
|
9
|
-
<div class="border-t border-border pt-2">
|
|
10
|
-
<el-text size="large" tag="b">
|
|
11
|
-
{{ title }}
|
|
12
|
-
</el-text>
|
|
13
|
-
<el-text v-if="description" size="small">
|
|
14
|
-
({{ description }})
|
|
15
|
-
</el-text>
|
|
16
|
-
<slot />
|
|
17
|
-
</div>
|
|
18
|
-
</template>
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
defineProps<{
|
|
3
|
-
productName: string
|
|
4
|
-
productType: string
|
|
5
|
-
data: {
|
|
6
|
-
title: string
|
|
7
|
-
url: string
|
|
8
|
-
}[]
|
|
9
|
-
getStarted: {
|
|
10
|
-
title: string
|
|
11
|
-
url: string
|
|
12
|
-
description: string
|
|
13
|
-
}[]
|
|
14
|
-
seeMore: {
|
|
15
|
-
description: string
|
|
16
|
-
title: string
|
|
17
|
-
url: string
|
|
18
|
-
}
|
|
19
|
-
}>()
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<template>
|
|
23
|
-
<el-card class="w-350px 2xl:w-400px [&_.el-card\_\_header]:py-1.5">
|
|
24
|
-
<template #header>
|
|
25
|
-
<div class="flex items-center justify-between">
|
|
26
|
-
<div class="text-lg font-bold">
|
|
27
|
-
{{ $t('Dashboard.documentation') }}
|
|
28
|
-
</div>
|
|
29
|
-
<div class="cursor-pointer text-sm text-primary font-semibold 2xl:text-base">
|
|
30
|
-
<a :href="seeMore?.url" target="_blank">
|
|
31
|
-
{{ $t('Dashboard.see_more') }}
|
|
32
|
-
</a>
|
|
33
|
-
</div>
|
|
34
|
-
</div>
|
|
35
|
-
</template>
|
|
36
|
-
|
|
37
|
-
<ul class="cursor-pointer list-disc list-inside text-sm text-primary text-primary font-semibold 2xl:text-base">
|
|
38
|
-
<li v-for="(item, index) in data" :key="index" class="text-pretty">
|
|
39
|
-
<a :href="item.url" target="_blank">
|
|
40
|
-
{{ item.title }}
|
|
41
|
-
</a>
|
|
42
|
-
</li>
|
|
43
|
-
</ul>
|
|
44
|
-
</el-card>
|
|
45
|
-
</template>
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
|
|
3
|
-
</script>
|
|
4
|
-
|
|
5
|
-
<template>
|
|
6
|
-
<el-empty>
|
|
7
|
-
<template #description>
|
|
8
|
-
<strong>
|
|
9
|
-
{{ $t('base.no_data') }}
|
|
10
|
-
</strong>
|
|
11
|
-
<p class="text-sm text-text-primary">
|
|
12
|
-
{{ $t('base.there_is_no_data_to_display') }}
|
|
13
|
-
</p>
|
|
14
|
-
</template>
|
|
15
|
-
</el-empty>
|
|
16
|
-
</template>
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
const props = defineProps<{
|
|
3
|
-
productName: string
|
|
4
|
-
productType: string
|
|
5
|
-
data: {
|
|
6
|
-
title: string
|
|
7
|
-
url: string
|
|
8
|
-
}[]
|
|
9
|
-
getStarted: {
|
|
10
|
-
title: string
|
|
11
|
-
url: string
|
|
12
|
-
description: string
|
|
13
|
-
}[]
|
|
14
|
-
}>()
|
|
15
|
-
const active = computed(() => props.getStarted?.length)
|
|
16
|
-
</script>
|
|
17
|
-
|
|
18
|
-
<template>
|
|
19
|
-
<el-card class="min-h-180px [&_.el-card\_\_body]:(p-20px) [&_.el-card\_\_header]:py-1.5">
|
|
20
|
-
<template #header>
|
|
21
|
-
<div class="text-lg font-bold">
|
|
22
|
-
{{ $t('Dashboard.getting_started') }}
|
|
23
|
-
</div>
|
|
24
|
-
</template>
|
|
25
|
-
|
|
26
|
-
<el-steps
|
|
27
|
-
:active="active"
|
|
28
|
-
align-center
|
|
29
|
-
class="[&_.el-step\_\_title]:(text-sm text-text-primary font-bold 2xl:text-base) [&_.el-step\_\_description.is-finish]:text-text-primary [&_.el-step\_\_description]:(px-30px!)"
|
|
30
|
-
>
|
|
31
|
-
<el-step v-for="(item, i) in getStarted" :key="i" :title="item.title">
|
|
32
|
-
<template #description>
|
|
33
|
-
<div class="mt-2 text-xs text-text-secondary font-semibold">
|
|
34
|
-
{{ item.description }}
|
|
35
|
-
</div>
|
|
36
|
-
<div class="cursor-pointer text-sm text-primary font-semibold underline">
|
|
37
|
-
<a :href="item.url" target="_blank">
|
|
38
|
-
{{ $t('base.learn_more') }}
|
|
39
|
-
</a>
|
|
40
|
-
</div>
|
|
41
|
-
</template>
|
|
42
|
-
</el-step>
|
|
43
|
-
</el-steps>
|
|
44
|
-
</el-card>
|
|
45
|
-
</template>
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import Vue3Odometer from 'vue3-odometer'
|
|
3
|
-
|
|
4
|
-
defineOptions({
|
|
5
|
-
inheritAttrs: false,
|
|
6
|
-
})
|
|
7
|
-
defineProps<{ label: string, value: any, suffix?: string }>()
|
|
8
|
-
const mounted = useMounted()
|
|
9
|
-
</script>
|
|
10
|
-
|
|
11
|
-
<template>
|
|
12
|
-
<div v-if="mounted" class="flex flex-col justify-between pl-2">
|
|
13
|
-
<div class="text-sm font-bold 2xl:text-base">
|
|
14
|
-
{{ label }}
|
|
15
|
-
</div>
|
|
16
|
-
<div class="flex items-center gap-1 font-semibold">
|
|
17
|
-
<Vue3Odometer
|
|
18
|
-
class="text-xl text-primary font-semibold font-sans! underline! underline-2px! underline-primary! underline-offset-4!"
|
|
19
|
-
:value="value"
|
|
20
|
-
format="d"
|
|
21
|
-
v-bind="$attrs"
|
|
22
|
-
:class="[mounted ? 'odemeter' : '']"
|
|
23
|
-
/>
|
|
24
|
-
<span v-if="suffix" class="text-2xl text-primary">{{ suffix }}</span>
|
|
25
|
-
</div>
|
|
26
|
-
</div>
|
|
27
|
-
</template>
|
|
28
|
-
|
|
29
|
-
<style>
|
|
30
|
-
.odometer-value {
|
|
31
|
-
text-decoration-line: underline;
|
|
32
|
-
text-decoration-thickness: 2px;
|
|
33
|
-
text-decoration-color: var(--el-color-primary);
|
|
34
|
-
text-underline-offset: 4px;
|
|
35
|
-
}
|
|
36
|
-
</style>
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
<script lang="ts" setup>
|
|
2
|
-
import Vue3Odometer from 'vue3-odometer'
|
|
3
|
-
|
|
4
|
-
defineOptions({
|
|
5
|
-
inheritAttrs: false,
|
|
6
|
-
})
|
|
7
|
-
defineProps<{ label: string, value?: any, onClick?: () => void }>()
|
|
8
|
-
</script>
|
|
9
|
-
|
|
10
|
-
<template>
|
|
11
|
-
<div class="flex flex-col justify-between pl-4">
|
|
12
|
-
<div class="text-sm font-bold 2xl:text-base" :class="[Boolean(onClick) && 'cursor-pointer hover:text-primary']" @click="onClick">
|
|
13
|
-
{{ label }}
|
|
14
|
-
</div>
|
|
15
|
-
<div class="flex items-end gap-1 font-semibold">
|
|
16
|
-
<Vue3Odometer
|
|
17
|
-
class="cursor-pointer text-xl text-primary font-semibold font-sans! underline! underline-2px! underline-primary! underline-offset-4!"
|
|
18
|
-
:value="value?.hour"
|
|
19
|
-
format="d"
|
|
20
|
-
/>
|
|
21
|
-
<span class="text-14px text-primary leading-32px">H</span>
|
|
22
|
-
|
|
23
|
-
<Vue3Odometer
|
|
24
|
-
class="cursor-pointer text-xl text-primary font-semibold font-sans! underline! underline-2px! underline-primary! underline-offset-4!"
|
|
25
|
-
:value="value?.minute"
|
|
26
|
-
format="d"
|
|
27
|
-
/>
|
|
28
|
-
<span class="text-14px text-primary leading-32px">M</span>
|
|
29
|
-
|
|
30
|
-
<Vue3Odometer
|
|
31
|
-
class="cursor-pointer text-xl text-primary font-semibold font-sans! underline! underline-2px! underline-primary! underline-offset-4!"
|
|
32
|
-
:value="value?.seconds"
|
|
33
|
-
format="d"
|
|
34
|
-
/>
|
|
35
|
-
<span class="text-14px text-primary leading-32px">S</span>
|
|
36
|
-
</div>
|
|
37
|
-
</div>
|
|
38
|
-
</template>
|
|
File without changes
|