@@ -28,25 +28,33 @@ Magic.Keys(() => {
2828 data-intro =" You can search your desired template functions." >{{ t('button.toolbox') }}</el-button >
2929 </el-affix >
3030
31- <el-dialog v-model =" dialogVisible" :title =" t('title.templateQuery')" width =" 40%" draggable destroy-on-close >
32- <template #footer >
33- <el-input v-model =" query" placeholder =" Query after enter" v-on:keyup.enter =" queryFuncs" />
34- <span class =" dialog-footer" >
35- <el-table :data =" funcs" style =" width : 100% " >
36- <el-table-column label =" Key" width =" 250" >
37- <template #default =" scope " >
38- <el-input v-model =" scope.row.key" placeholder =" Value" />
39- </template >
40- </el-table-column >
41- <el-table-column label =" Value" >
42- <template #default =" scope " >
43- <div style =" display : flex ; align-items : center " >
44- <el-input v-model =" scope.row.value" placeholder =" Value" />
45- </div >
46- </template >
47- </el-table-column >
48- </el-table >
49- </span >
50- </template >
31+ <el-dialog v-model =" dialogVisible" :title =" t('title.templateQuery')" width =" 50%" draggable destroy-on-close >
32+ <el-input
33+ v-model =" query" placeholder =" Query after enter" v-on:keyup.enter =" queryFuncs" >
34+ <template #append v-if =" funcs .length > 0 " >
35+ {{ funcs.length }}
36+ </template >
37+ </el-input >
38+ <span class =" dialog-footer" >
39+ <el-table :data =" funcs" >
40+ <el-table-column label =" Name" width =" 250" >
41+ <template #default =" scope " >
42+ {{ scope.row.key }}
43+ </template >
44+ </el-table-column >
45+ <el-table-column label =" Function" >
46+ <template #default =" scope " >
47+ {{ scope.row.value }}
48+ </template >
49+ </el-table-column >
50+ <el-table-column label =" Usage" >
51+ <template #default =" scope " >
52+ <div style =" display : flex ; align-items : center " >
53+ <el-input v-model =" scope.row.description" readonly />
54+ </div >
55+ </template >
56+ </el-table-column >
57+ </el-table >
58+ </span >
5159 </el-dialog >
5260</template >
0 commit comments