lxm_front/vxe-table
1
0
Fork 0
mirror of synced 2025-12-10 16:18:11 +08:00
Code Issues Projects Releases Wiki Activity

增加参数 expand-config.height

Browse Source
This commit is contained in:
xuliangzhan
2022-08-28 23:04:51 +08:00
parent ac1749dafc
commit 620a099fe2
34 changed files with 218 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
examples/views/checkbox/Checkbox.vue
View File

@@ -30,6 +30,16 @@
</vxe-checkbox-group>
</p>
<p>
<vxe-checkbox-group v-model="demo1.value20" :max="3">
<vxe-checkbox label="1" content="HTML"></vxe-checkbox>
<vxe-checkbox label="2" content="CSS"></vxe-checkbox>
<vxe-checkbox label="3" content="Javascript"></vxe-checkbox>
<vxe-checkbox label="4" content="SASS"></vxe-checkbox>
<vxe-checkbox label="5" content="LESS"></vxe-checkbox>
</vxe-checkbox-group>
</p>
<pre>
<pre-code>
| Tab | 切换到上一个 |
@@ -64,7 +74,8 @@ export default defineComponent({
value9: true,
value10: true,
value11: '1',
value12: ['3']
value12: ['3'],
value20: []
})
return {
demo1,

2
examples/views/icon/Icon.vue
View File

@@ -25,7 +25,7 @@ export default defineComponent({
setup () {
return {
prefixClass: 'vxe-icon-',
iconList: ['add', 'arrow-double-left', 'arrow-double-right', 'arrow-down', 'arrow-left', 'arrow-right', 'arrow-up', 'bell', 'bell-fill', 'calendar', 'caret-down', 'caret-left', 'caret-right', 'caret-up', 'chart-bar-x', 'chart-bar-y', 'chart-line', 'chart-pie', 'chart-radar', 'check', 'checkbox-checked', 'checkbox-indeterminate', 'checkbox-unchecked', 'close', 'cloud-download', 'cloud-upload', 'comment', 'company', 'copy', 'custom-column', 'cut', 'delete', 'delete-fill', 'dot', 'download', 'edit', 'ellipsis-h', 'ellipsis-v', 'envelope', 'error-circle', 'error-circle-fill', 'exclamation', 'eye-fill', 'eye-fill-close', 'file-excel', 'file-image', 'file-markdown', 'file-pdf', 'file-ppt', 'file-txt', 'file-word', 'file-zip', 'fixed', 'fixed-fill', 'flow-branch', 'folder', 'folder-open', 'fullscreen', 'funnel', 'home', 'home-fill', 'info-circle', 'info-circle-fill', 'information', 'link', 'lock', 'lock-fill', 'maximize', 'menu', 'merge-cells', 'minimize', 'minus', 'num-list', 'paste', 'picture', 'picture-fill', 'print', 'question', 'question-circle', 'question-circle-fill', 'radio-checked', 'radio-unchecked', 'refresh', 'repeat', 'save', 'search', 'search-zoom-in', 'setting', 'setting-fill', 'sort', 'sort-alpha-asc', 'sort-alpha-desc', 'sort-numeric-asc', 'sort-numeric-desc', 'spinner', 'square', 'square-caret-right', 'square-caret-right-fill', 'square-checked', 'square-checked-fill', 'square-close', 'square-close-fill', 'square-down', 'square-down-fill', 'square-fill', 'square-left', 'square-left-fill', 'square-minus', 'square-minus-fill', 'square-plus', 'square-plus-fill', 'square-plus-square', 'square-right', 'square-right-fill', 'square-square', 'square-up', 'square-up-fill', 'star', 'star-fill', 'star-half', 'success-circle', 'success-circle-fill', 'swap', 'swap-left', 'swap-right', 'table', 'undo', 'unlock', 'unlock-fill', 'upload', 'user', 'user-fill', 'voice', 'voice-fill', 'warning-circle', 'warning-triangle', 'warning-triangle-fill', 'warnion-circle-fill', 'zoom-in', 'zoom-out'],
iconList: ['add', 'arrow-double-left', 'arrow-double-right', 'arrow-down', 'arrow-left', 'arrow-right', 'arrow-up', 'bell', 'bell-fill', 'calendar', 'caret-down', 'caret-left', 'caret-right', 'caret-up', 'chart-bar-x', 'chart-bar-y', 'chart-line', 'chart-pie', 'chart-radar', 'check', 'checkbox-checked', 'checkbox-indeterminate', 'checkbox-unchecked', 'close', 'cloud-download', 'cloud-upload', 'comment', 'company', 'copy', 'custom-column', 'cut', 'delete', 'delete-fill', 'dot', 'download', 'edit', 'ellipsis-h', 'ellipsis-v', 'envelope', 'error-circle', 'error-circle-fill', 'exclamation', 'eye-fill', 'eye-fill-close', 'file-excel', 'file-image', 'file-markdown', 'file-pdf', 'file-ppt', 'file-txt', 'file-word', 'file-zip', 'fixed', 'fixed-fill', 'flow-branch', 'folder', 'folder-open', 'fullscreen', 'funnel', 'home', 'home-fill', 'indicator', 'info-circle', 'info-circle-fill', 'information', 'link', 'lock', 'lock-fill', 'maximize', 'menu', 'merge-cells', 'minimize', 'minus', 'num-list', 'paste', 'picture', 'picture-fill', 'print', 'question', 'question-circle', 'question-circle-fill', 'radio-checked', 'radio-unchecked', 'refresh', 'repeat', 'save', 'search', 'search-zoom-in', 'setting', 'setting-fill', 'sort', 'sort-alpha-asc', 'sort-alpha-desc', 'sort-numeric-asc', 'sort-numeric-desc', 'spinner', 'square', 'square-caret-right', 'square-caret-right-fill', 'square-checked', 'square-checked-fill', 'square-close', 'square-close-fill', 'square-down', 'square-down-fill', 'square-fill', 'square-left', 'square-left-fill', 'square-minus', 'square-minus-fill', 'square-plus', 'square-plus-fill', 'square-plus-square', 'square-right', 'square-right-fill', 'square-square', 'square-up', 'square-up-fill', 'star', 'star-fill', 'star-half', 'success-circle', 'success-circle-fill', 'swap', 'swap-left', 'swap-right', 'table', 'undo', 'unlock', 'unlock-fill', 'upload', 'user', 'user-fill', 'voice', 'voice-fill', 'warning-circle', 'warning-triangle', 'warning-triangle-fill', 'warnion-circle-fill', 'zoom-in', 'zoom-out'],
demoCodes: [
`
<i class="vxe-icon-delete"></i>

17
examples/views/select/Select.vue
View File

@@ -108,6 +108,22 @@
<vxe-option value="13" label="选项13"></vxe-option>
<vxe-option value="14" label="选项14"></vxe-option>
</vxe-select>
<vxe-select v-model="demo1.value36" placeholder="多选限制数量" :max="3" multiple clearable>
<vxe-option value="1" label="选项1"></vxe-option>
<vxe-option value="2" label="选项2"></vxe-option>
<vxe-option value="3" label="选项3"></vxe-option>
<vxe-option value="4" label="选项4"></vxe-option>
<vxe-option value="5" label="选项5"></vxe-option>
<vxe-option value="6" label="选项6"></vxe-option>
<vxe-option value="7" label="选项7"></vxe-option>
<vxe-option value="8" label="选项8"></vxe-option>
<vxe-option value="9" label="选项9"></vxe-option>
<vxe-option value="10" label="选项10"></vxe-option>
<vxe-option value="11" label="选项11"></vxe-option>
<vxe-option value="12" label="选项12"></vxe-option>
<vxe-option value="13" label="选项13"></vxe-option>
<vxe-option value="14" label="选项14"></vxe-option>
</vxe-select>
<vxe-select v-model="demo1.value35" placeholder="自定义模板" clearable>
<vxe-option value="1" label="选项1"></vxe-option>
<vxe-option value="2" label="选项2"></vxe-option>
@@ -217,6 +233,7 @@ export default defineComponent({
value33: null,
value34: ['9', '11'],
value35: null,
value36: null,
value40: null,
list40: [],
value41: null,

2
examples/views/table/advanced/Expand.vue
View File

@@ -74,7 +74,7 @@
<vxe-table
border
:row-config="{keyField: 'id'}"
:expand-config="{expandRowKeys: [10004]}"
:expand-config="{height: 60, expandRowKeys: [10004]}"
:data="demo2.tableData">
<vxe-column type="seq" width="60"></vxe-column>
<vxe-column type="expand" width="60">

10
examples/views/table/base/Loading.vue
View File

@@ -6,6 +6,7 @@
border
highlight-hover-row
height="300"
:loading="demo1.loading"
:data="demo1.tableData">
<vxe-column type="seq" width="60"></vxe-column>
<vxe-column field="name" title="Name" sortable></vxe-column>
@@ -28,7 +29,8 @@
highlight-hover-row
height="300"
:loading="demo2.loading"
:data="demo2.tableData">
:data="demo2.tableData"
:loading-config="{icon: 'vxe-icon-indicator roll', text: '正在拼命加载中...'}">
<vxe-column type="seq" width="60"></vxe-column>
<vxe-column field="name" title="Name" sortable></vxe-column>
<vxe-column field="sex" title="Sex"></vxe-column>
@@ -51,6 +53,7 @@ import { defineComponent, reactive } from 'vue'
export default defineComponent({
setup () {
const demo1 = reactive({
loading: true,
tableData: [] as any[]
})
@@ -96,6 +99,7 @@ export default defineComponent({
border
highlight-hover-row
height="300"
:loading="demo1.loading"
:data="demo1.tableData">
<vxe-column type="seq" width="60"></vxe-column>
<vxe-column field="name" title="Name" sortable></vxe-column>
@@ -110,6 +114,7 @@ export default defineComponent({
export default defineComponent({
setup () {
const demo1 = reactive({
loading: true,
tableData: [] as any[]
})
@@ -138,7 +143,8 @@ export default defineComponent({
highlight-hover-row
height="300"
:loading="demo2.loading"
:data="demo2.tableData">
:data="demo2.tableData"
:loading-config="{icon: 'vxe-icon-indicator roll', text: '正在拼命加载中...'}">
<vxe-column type="seq" width="60"></vxe-column>
<vxe-column field="name" title="Name" sortable></vxe-column>
<vxe-column field="sex" title="Sex"></vxe-column>