remilia/jinshen_calculator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 页面布局修改

Browse Source 
- 将结果展示由卡片式修改为列表式
- 结果卡片添加原始参数展示功能
This commit is contained in:
R2m1liA
2025-12-01 16:57:15 +08:00
parent e1438bf330 b894d2a4ae
commit 5e3a12283b
11 changed files with 447 additions and 226 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components.d.ts vendored
View File

@ -9,6 +9,7 @@ export {}
declare module 'vue' { declare module 'vue' {
export interface GlobalComponents { export interface GlobalComponents {
BeltSpecificationCalculate: typeof import('./components/Modules/BeltSpecificationCalculate.vue')['default'] BeltSpecificationCalculate: typeof import('./components/Modules/BeltSpecificationCalculate.vue')['default']
CalculateResult: typeof import('./components/CalculateResult.vue')['default']
FourLayerPaperStrawCalculate: typeof import('./components/Modules/FourLayerPaperStrawCalculate.vue')['default'] FourLayerPaperStrawCalculate: typeof import('./components/Modules/FourLayerPaperStrawCalculate.vue')['default']
InputParamSection: typeof import('./components/InputParamSection.vue')['default'] InputParamSection: typeof import('./components/InputParamSection.vue')['default']
MultiLayerPaperTapeWidthAngleCalculate: typeof import('./components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue')['default'] MultiLayerPaperTapeWidthAngleCalculate: typeof import('./components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue')['default']
@ -21,7 +22,6 @@ declare module 'vue' {
ResultSection: typeof import('./components/ResultSection.vue')['default'] ResultSection: typeof import('./components/ResultSection.vue')['default']
RouterLink: typeof import('vue-router')['RouterLink'] RouterLink: typeof import('vue-router')['RouterLink']
RouterView: typeof import('vue-router')['RouterView'] RouterView: typeof import('vue-router')['RouterView']
ThreeeLayerPaperStrawCalculate: typeof import('./components/Modules/threeeLayerPaperStrawCalculate.vue')['default']
ThreeLayerPaperStrawCalculate: typeof import('./components/Modules/ThreeLayerPaperStrawCalculate.vue')['default'] ThreeLayerPaperStrawCalculate: typeof import('./components/Modules/ThreeLayerPaperStrawCalculate.vue')['default']
} }
} }

20
src/components/InputParamSection.vue Normal file
View File

@ -0,0 +1,20 @@
<template>
<v-list-item>
<v-list-item-title class="text-h6 text-primary">
{{ value.value.toFixed(fixed ?? 2) }} {{ $t(`units.${value.unit}`) }}
</v-list-item-title>
<v-list-item-subtitle>
{{ label }}
</v-list-item-subtitle>
</v-list-item>
</template>
<script setup lang="ts">
import type { Param } from '@/types/param'
defineProps<{
label: string
value: Param
fixed?: number
}>()
</script>

66
src/components/Modules/BeltSpecificationCalculate.vue
View File

@ -83,26 +83,52 @@
{{ $t('results') }} {{ $t('results') }}
</v-card-title> </v-card-title>
<v-row> <v-list lines="two">
<v-col cols="12"> <result-section
<result-card :label="`${$t('recommendBeltThickness')}`"
:label="`${$t('recommendBeltThickness')}`" :value="result.recommendBeltThickness"
:value="result.recommendBeltThickness" />
/> <result-section
</v-col> :label="`${$t('recommendBeltWidth')}`"
<v-col cols="12"> :value="result.recommendBeltWidth"
<result-card />
:label="`${$t('recommendBeltWidth')}`" <result-section
:value="result.recommendBeltWidth" :label="`${$t('recommendBeltLength')}`"
/> :value="result.recommendBeltLength"
</v-col> />
<v-col cols="12"> </v-list>
<result-card
:label="`${$t('recommendBeltLength')}`" <v-expansion-panels flat multiple>
:value="result.recommendBeltLength" <v-expansion-panel hide-actions>
/> <v-expansion-panel-title class="text-warning font-weight-bold">
</v-col> <template #default="{ expanded }">
</v-row> <span>
<v-icon icon="mdi-information-outline" />
{{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
</span>
</template>
</v-expansion-panel-title>
<v-expansion-panel-text>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('maxWheelbase')" :value="maxWheelbase" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('hubDiameter')" :value="hubDiameter" />
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('paperTubeInnerDiameter')" :value="paperCoreDiameter" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('paperRollWallThickness')" :value="paperRollWallThickness" />
</v-col>
</v-row>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>

140
src/components/Modules/FourLayerPaperStrawCalculate.vue
View File

@ -66,68 +66,84 @@
/> />
{{ $t('results') }} {{ $t('results') }}
</v-card-title> </v-card-title>
<v-row> <v-list lines="two">
<v-col cols="12"> <result-section
<result-card :label="`${$t('paperStrawResult.paperTubeInnerDiameter')}`"
:label="`${$t('paperStrawResult.paperTubeInnerDiameter')}`" :value="result.paperCoreDiameter"
:value="result.paperCoreDiameter" />
/> <result-section
</v-col> :label="`${$t('paperStrawResult.paperTubeExternalDiameter')}`"
<v-col cols="12"> :value="result.paperTubeExternalDiameter"
<result-card />
:label="`${$t('paperStrawResult.paperTubeExternalDiameter')}`" <result-section
:value="result.paperTubeExternalDiameter" :label="`${$t('paperStrawResult.paperTubeThickness')}`"
/> :value="result.paperTubeWallThickness"
</v-col> />
<v-col cols="12"> <result-section
<result-card :label="`${$t('paperStrawResult.bottomPaperAngle')}`"
:label="`${$t('paperStrawResult.paperTubeThickness')}`" :value="result.bottomPaperAngle"
:value="result.paperTubeWallThickness" />
/> <result-section
</v-col> :label="`${$t('paperStrawResult.leadingLength')}`"
<v-col cols="12"> :value="result.leadingLength"
<result-card />
:label="`${$t('paperStrawResult.bottomPaperAngle')}`" <result-section
:value="result.bottomPaperAngle" :label="`${$t('paperStrawResult.bottomPaperWidth')}`"
/> :value="result.bottomPaperWidth"
</v-col> />
<v-col cols="12"> <result-section
<result-card :label="`${$t('paperStrawResult.secondLayerPaperWidth')}`"
:label="`${$t('paperStrawResult.leadingLength')}`" :value="result.secondLayerPaperWidth"
:value="result.leadingLength" />
/> <result-section
</v-col> :label="`${$t('paperStrawResult.thirdLayerPaperWidth')}`"
<v-col cols="12"> :value="result.thirdLayerPaperWidth"
<result-card />
:label="`${$t('paperStrawResult.bottomPaperWidth')}`" <result-section
:value="result.bottomPaperWidth" :label="`${$t('paperStrawResult.topPaperWidth')}`"
/> :value="result.topPaperWidth"
</v-col> />
<v-col cols="12"> <result-section
<result-card :label="`${$t('paperStrawResult.beltWidth')}`"
:label="`${$t('paperStrawResult.secondLayerPaperWidth')}`" :value="result.beltWidth"
:value="result.secondLayerPaperWidth" />
/> </v-list>
</v-col>
<v-col cols="12"> <v-expansion-panels flat multiple>
<result-card <v-expansion-panel hide-actions>
:label="`${$t('paperStrawResult.thirdLayerPaperWidth')}`" <v-expansion-panel-title class="text-warning font-weight-bold">
:value="result.thirdLayerPaperWidth" <template #default="{ expanded }">
/> <span>
</v-col> <v-icon icon="mdi-information-outline" />
<v-col cols="12"> {{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
<result-card </span>
:label="`${$t('paperStrawResult.topPaperWidth')}`" </template>
:value="result.topPaperWidth" </v-expansion-panel-title>
/> <v-expansion-panel-text>
</v-col> <v-row>
<v-col cols="12"> <v-col cols="6">
<result-card <input-param-section :label="$t('paperTubeInnerDiameter')" :value="paperCoreDiameter" />
:label="`${$t('paperStrawResult.beltWidth')}`" </v-col>
:value="result.beltWidth" <v-col cols="6">
/> <input-param-section :label="$t('bottomPaperWidth')" :value="bottomPaperWidth" />
</v-col> </v-col>
</v-row> <v-col cols="6">
<input-param-section :label="$t('bottomPaperThickness')" :value="bottomPaperThickness" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('secondLayerPaperThickness')" :value="secondLayerPaperThickness" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('thirdLayerPaperThickness')" :value="thirdLayerPaperThickness" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('topPaperThickness')" :value="topPaperThickness" />
</v-col>
</v-row>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>

71
src/components/Modules/PaperRollWeightLengthCalculate.vue
View File

@ -93,26 +93,57 @@
{{ $t('results') }} {{ $t('results') }}
</v-card-title> </v-card-title>
<v-row> <v-list lines="two">
<v-col cols="12"> <result-section
<result-card :label="$t('paperRollWeight')"
:label="$t('paperRollWeight')" :value="result.paperRollWeight"
:value="result.paperRollWeight" />
/> <result-section
</v-col> :label="$t('paperRollLength')"
<v-col cols="12"> :value="result.paperRollLength"
<result-card />
:label="$t('paperRollLength')" <result-section
:value="result.paperRollLength" :label="$t('paperThickness')"
/> :value="result.paperThickness"
</v-col> />
<v-col cols="12"> </v-list>
<result-card
:label="$t('paperThickness')" <v-expansion-panels flat multiple>
:value="result.paperThickness" <v-expansion-panel hide-actions>
/> <v-expansion-panel-title class="text-warning font-weight-bold">
</v-col> <template #default="{ expanded }">
</v-row> <span>
<v-icon icon="mdi-information-outline" />
{{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
</span>
</template>
</v-expansion-panel-title>
<v-expansion-panel-text>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('paperCoreDiameter')" :value="paperCoreDiameter" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('paperRollExternalDiameter')" :value="paperRollExternalDiameter" />
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('paperRollWidth')" :value="paperRollWidth" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('paperDensity')" :value="paperDensity" />
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('paperGrammage')" :value="paperGrammage" />
</v-col>
</v-row>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>

46
src/components/Modules/PaperTapeWidthAngleCalculate.vue
View File

@ -68,20 +68,38 @@
{{ $t('results') }} {{ $t('results') }}
</v-card-title> </v-card-title>
<v-row> <v-list lines="two">
<v-col cols="12"> <result-section :label="$t('beltAngle')" :value="result.beltAngle" />
<result-card :label="$t('beltAngle')" :value="result.beltAngle" /> <result-section :label="$t('paperHolderAngle')" :value="result.paperHolderAngle" />
</v-col> <result-section :label="$t('leadingLength')" :value="result.leadingLength" />
<v-col cols="12"> <result-section :label="$t('paperWidth')" :value="result.paperWidth" />
<result-card :label="$t('paperHolderAngle')" :value="result.paperHolderAngle" /> </v-list>
</v-col>
<v-col cols="12"> <v-expansion-panels flat multiple>
<result-card :label="$t('leadingLength')" :value="result.leadingLength" /> <v-expansion-panel hide-actions>
</v-col> <v-expansion-panel-title class="text-warning font-weight-bold">
<v-col cols="12"> <template #default="{ expanded }">
<result-card :label="$t('paperWidth')" :value="result.paperWidth" /> <span>
</v-col> <v-icon icon="mdi-information-outline" />
</v-row> {{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
</span>
</template>
</v-expansion-panel-title>
<v-expansion-panel-text>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('paperTubeInnerDiameter')" :value="paperCoreDiameter" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('paperRollWallThickness')" :value="paperRollWallThickness" />
</v-col>
<v-col cols="12">
<input-param-section :label="$t('innerPaperWidth')" :value="innerPaperWidth" />
</v-col>
</v-row>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>

112
src/components/Modules/PaperTubeProductionCalculate.vue
View File

@ -111,44 +111,80 @@
{{ $t('results') }} {{ $t('results') }}
</v-card-title> </v-card-title>
<v-row> <v-list lines="two">
<v-col cols="12"> <result-section
<result-card :label="$t('feedPaperSpeed')"
:label="$t('feedPaperSpeed')" :value="result.feedPaperSpeed"
:value="result.feedPaperSpeed" />
/> <result-section
</v-col> :label="$t('outputSpeed')"
<v-col cols="12"> :value="result.outputSpeed"
<result-card />
:label="$t('outputSpeed')" <result-section
:value="result.outputSpeed" :label="$t('productionAmountPerHour')"
/> :value="result.productionAmountPerHour"
</v-col> />
<v-col cols="12"> <result-section
<result-card :label="$t('productionWeightPerHour')"
:label="$t('productionAmountPerHour')" :value="result.productionWeightPerHour"
:value="result.productionAmountPerHour" />
/> <result-section
</v-col> :label="$t('productionAmountPerDay')"
<v-col cols="12"> :value="result.productionAmountPerDay"
<result-card />
:label="$t('productionWeightPerHour')" <result-section
:value="result.productionWeightPerHour" :label="$t('productionWeightPerDay')"
/> :value="result.productionWeightPerDay"
</v-col> />
<v-col cols="12"> </v-list>
<result-card
:label="$t('productionAmountPerDay')" <v-expansion-panels flat multiple>
:value="result.productionAmountPerDay" <v-expansion-panel hide-actions>
/> <v-expansion-panel-title class="text-warning font-weight-bold">
</v-col> <template #default="{ expanded }">
<v-col cols="12"> <span>
<result-card <v-icon icon="mdi-information-outline" />
:label="$t('productionWeightPerDay')" {{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
:value="result.productionWeightPerDay" </span>
/> </template>
</v-col> </v-expansion-panel-title>
</v-row> <v-expansion-panel-text>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('paperTubeInnerDiameter')" :value="paperCoreDiameter" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('paperRollWallThickness')" :value="paperRollWallThickness" />
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('paperRollLength')" :value="paperRollLength" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('paperDensity')" :value="paperDensity" />
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('innerPaperWidth')" :value="innerPaperWidth" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('workFrequency')" :value="workFrequency" />
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('workTime')" :value="workTime" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('workEfficiency')" :value="workEfficiency" />
</v-col>
</v-row>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>

64
src/components/Modules/PaperTubeWeightCalculate.vue
View File

@ -93,21 +93,55 @@
{{ $t('results') }} {{ $t('results') }}
</v-card-title> </v-card-title>
<v-row> <v-list lines="two">
<v-col cols="12"> <result-section :label="$t('singlePaperTubeWeight')" :value="result.singlePaperTubeWeight" />
<result-card <result-section :label="$t('totalPaperTubeWeight')" :value="result.totalPaperTubeWeight" />
:label="`${$t('singlePaperTubeWeight')}`" </v-list>
:value="result.singlePaperTubeWeight"
/> <v-expansion-panels flat multiple>
</v-col> <v-expansion-panel hide-actions>
<v-col cols="12"> <v-expansion-panel-title class="text-warning font-weight-bold">
<result-card <template #default="{ expanded }">
:label="`${$t('totalPaperTubeWeight')}`" <span>
:value="result.totalPaperTubeWeight" <v-icon icon="mdi-information-outline" />
/> {{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
</v-col> </span>
</v-row> </template>
</v-expansion-panel-title>
<v-expansion-panel-text>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('paperRollLength')" :value="paperRollLength" />
</v-col>
<v-col cols="6">
<input-param-section
:label="$t('paperDensity')"
:value="paperDensity"
/>
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section
:fixed="0"
:label="$t('productionAmount')"
:value="productionAmount"
/>
</v-col>
<v-col cols="6">
<input-param-section :label="$t('paperTubeInnerDiameter')" :value="paperCoreDiameter" />
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('paperRollWallThickness')" :value="paperRollWallThickness" />
</v-col>
</v-row>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>
</div> </div>
@ -138,7 +172,7 @@
const resetParameters = () => { const resetParameters = () => {
paperRollLength.value = createParam(1000, 'mm') paperRollLength.value = createParam(1000, 'mm')
paperDensity.value = createParam(0.76, 'gpcm3') paperDensity.value = createParam(0.76, 'g_per_cm3')
productionAmount.value = createParam(1000, 'pcs') productionAmount.value = createParam(1000, 'pcs')
paperCoreDiameter.value = createParam(76.2, 'mm') paperCoreDiameter.value = createParam(76.2, 'mm')
paperRollWallThickness.value = createParam(10, 'mm') paperRollWallThickness.value = createParam(10, 'mm')

126
src/components/Modules/ThreeLayerPaperStrawCalculate.vue
View File

@ -63,62 +63,76 @@
/> />
{{ $t('results') }} {{ $t('results') }}
</v-card-title> </v-card-title>
<v-row> <v-list lines="two">
<v-col cols="12"> <result-section
<result-card :label="`${$t('paperStrawResult.paperTubeInnerDiameter')}`"
:label="`${$t('paperStrawResult.paperTubeInnerDiameter')}`" :value="result.paperCoreDiameter"
:value="result.paperCoreDiameter" />
/> <result-section
</v-col> :label="`${$t('paperStrawResult.paperTubeExternalDiameter')}`"
<v-col cols="12"> :value="result.paperTubeExternalDiameter"
<result-card />
:label="`${$t('paperStrawResult.paperTubeExternalDiameter')}`" <result-section
:value="result.paperTubeExternalDiameter" :label="`${$t('paperStrawResult.paperTubeThickness')}`"
/> :value="result.paperTubeWallThickness"
</v-col> />
<v-col cols="12"> <result-section
<result-card :label="`${$t('paperStrawResult.bottomPaperAngle')}`"
:label="`${$t('paperStrawResult.paperTubeThickness')}`" :value="result.bottomPaperAngle"
:value="result.paperTubeWallThickness" />
/> <result-section
</v-col> :label="`${$t('paperStrawResult.leadingLength')}`"
<v-col cols="12"> :value="result.leadingLength"
<result-card />
:label="`${$t('paperStrawResult.bottomPaperAngle')}`" <result-section
:value="result.bottomPaperAngle" :label="`${$t('paperStrawResult.bottomPaperWidth')}`"
/> :value="result.bottomPaperWidth"
</v-col> />
<v-col cols="12"> <result-section
<result-card :label="`${$t('paperStrawResult.middlePaperWidth')}`"
:label="`${$t('paperStrawResult.leadingLength')}`" :value="result.middlePaperWidth"
:value="result.leadingLength" />
/> <result-section
</v-col> :label="`${$t('paperStrawResult.topPaperWidth')}`"
<v-col cols="12"> :value="result.topPaperWidth"
<result-card />
:label="`${$t('paperStrawResult.bottomPaperWidth')}`" <result-section
:value="result.bottomPaperWidth" :label="`${$t('paperStrawResult.beltWidth')}`"
/> :value="result.beltWidth"
</v-col> />
<v-col cols="12"> </v-list>
<result-card
:label="`${$t('paperStrawResult.middlePaperWidth')}`" <v-expansion-panels flat multiple>
:value="result.middlePaperWidth" <v-expansion-panel hide-actions>
/> <v-expansion-panel-title class="text-warning font-weight-bold">
</v-col> <template #default="{ expanded }">
<v-col cols="12"> <span>
<result-card <v-icon icon="mdi-information-outline" />
:label="`${$t('paperStrawResult.topPaperWidth')}`" {{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
:value="result.topPaperWidth" </span>
/> </template>
</v-col> </v-expansion-panel-title>
<v-col cols="12"> <v-expansion-panel-text>
<result-card <v-row>
:label="`${$t('paperStrawResult.beltWidth')}`" <v-col cols="6">
:value="result.beltWidth" <input-param-section :label="$t('paperTubeInnerDiameter')" :value="paperCoreDiameter" />
/> </v-col>
</v-col> <v-col cols="6">
</v-row> <input-param-section :label="$t('bottomPaperWidth')" :value="bottomPaperWidth" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('bottomPaperThickness')" :value="bottomPaperThickness" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('middlePaperThickness')" :value="middlePaperThickness" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('topPaperThickness')" :value="topPaperThickness" />
</v-col>
</v-row>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>

21
src/components/ResultSection.vue Normal file
View File

@ -0,0 +1,21 @@
<template>
<div>
<v-list-item>
<v-list-item-title class="text-h4 text-primary font-weight-bold">
{{ value.value.toFixed(2) }} {{ $t(`units.${value.unit}`) }}
</v-list-item-title>
<v-list-item-subtitle>
{{ label }}
</v-list-item-subtitle>
</v-list-item>
</div>
</template>
<script setup lang="ts">
import type { Param } from '@/types/param'
defineProps<{
label: string
value: Param
}>()
</script>

5
src/plugins/vuetify.ts
View File

@ -30,6 +30,11 @@ const jinshenLightTheme: ThemeDefinition = {
export default createVuetify({ export default createVuetify({
theme: { theme: {
defaultTheme: 'light', defaultTheme: 'light',
variations: {
colors: ['primary', 'secondary', 'success', 'info', 'warning', 'error'],
lighten: 5,
darken: 5,
},
themes: { themes: {
light: jinshenLightTheme, light: jinshenLightTheme,
}, },