timi/timi-server
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

implement Docker

Browse Source
This commit is contained in:
Timi
2026-04-13 11:57:52 +08:00
parent b95d7fe9b6
commit 3393cca441
10 changed files with 1067 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/components/TCellInfo.vue
View File

@@ -2,12 +2,22 @@
<t-cell class="t-cell-info" :class="{ 'has-description': hasDescription }">
<template #title>
<div class="content">
<slot name="label">
<div class="label" v-text="label"></div>
</slot>
<slot name="value">
<div class="value clip-text light-gray" v-text="value"></div>
</slot>
<div class="label" :class="{
'clip-text': clipText === 'label',
'keep-text': clipText === 'value'
}">
<slot name="label">
<span v-text="label"></span>
</slot>
</div>
<div class="value light-gray" :class="{
'clip-text': clipText === 'value',
'keep-text': clipText === 'label'
}">
<slot name="value">
<span v-text="value"></span>
</slot>
</div>
</div>
</template>
<template #description>
@@ -26,16 +36,18 @@ const props = withDefaults(
label?: string;
value?: string;
description?: string;
clipText?: 'label' | 'value';
}>(),
{
label: '',
value: '',
description: '',
clipText: 'value',
},
);
const slots = useSlots();
const { label, value, description } = toRefs(props);
const { label, value, description, clipText } = toRefs(props);
const hasDescription = computed(() => {
return Boolean(props.description?.trim() || slots.description || slots.default);
});
@@ -75,13 +87,10 @@ defineSlots<{
justify-content: space-between;
.label {
white-space: nowrap;
margin-right: .5rem;
}
.value {
flex: 1 1 auto;
min-width: 0;
font-size: 14px;
text-align: right;
}