vxcontrol/ncform
1
0
Fork 0
mirror of https://github.com/vxcontrol/ncform.git synced 2026-07-18 16:24:27 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix(ncform-theme-elementui): fixed when tab name is too long

Browse Source
This commit is contained in:
Gcaufy
2020-12-20 14:53:54 +08:00
committed by Dmitry Nagibin
parent c86c191de5
commit 7eda795e0e
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ncform-theme-elementui/src/components/layout-comps/array-tabs.vue
+13 -1
View File
@@ -9,7 +9,7 @@
<el-tabs v-show="!collapsed" :addable="globalStatus !== 'preview' && !disabled && !mergeConfig.disableAdd" type="card" :tab-position="mergeConfig.tabPosition" @edit="handleTabsEdit" v-model="activeName">
<el-tab-pane v-for="(dataItem, idx) in schema.value" :key="dataItem.__dataSchema.__id" :closable="globalStatus !== 'preview' && !disabled && (!mergeConfig.disableDel && !isDelExceptionRow(dataItem.__dataSchema)) || (mergeConfig.disableDel && isDelExceptionRow(dataItem.__dataSchema))" :name="'' + idx">
<span slot="label">
<span slot="label" class="__array-tabs-tab-label">
{{_analyzeVal(dataItem.__dataSchema.ui.label, (idxChain ? idxChain + ',' : '') + idx) + (schema.ui.showIdxLabel ? ' ' + (idx + 1) : '')}}
<!-- 提示信息 -->
<el-tooltip class="item" effect="dark" placement="right-start">
@@ -73,6 +73,18 @@
.dragging {
background-color: #f7f4f4;
}
.el-tabs__item {
display: inline-flex;
justify-content: left;
align-items: center;
.__array-tabs-tab-label {
display: inline-block;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
line-height: 14px;
}
}
}
.el-tab-pane > .__object-form-item > .el-row {