vxe-table 3.8.7-beta.8 → 3.8.8-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/form/style/style.css +2 -2
- package/lib/form/style/style.min.css +1 -1
- package/lib/grid/src/grid.js +85 -45
- package/lib/grid/src/grid.min.js +1 -1
- package/lib/grid/style/style.css +13 -0
- package/lib/grid/style/style.min.css +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.css +1 -1
- package/lib/index.umd.js +185 -51
- package/lib/index.umd.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/table/src/methods.js +15 -0
- package/lib/table/src/methods.min.js +1 -1
- package/lib/tools/log.js +1 -1
- package/lib/tools/log.min.js +1 -1
- package/lib/v-x-e-table/index.js +1 -1
- package/lib/v-x-e-table/index.min.js +1 -1
- package/lib/vxe-form/style/style.css +2 -2
- package/lib/vxe-form/style/style.min.css +1 -1
- package/lib/vxe-grid/style/style.css +13 -0
- package/lib/vxe-grid/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/grid/src/grid.js +98 -54
- package/packages/table/src/methods.js +13 -0
- package/styles/form.scss +2 -2
- package/styles/grid.scss +13 -0
- /package/lib/icon/style/{iconfont.1716698685311.ttf → iconfont.1717059915918.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1716698685311.woff → iconfont.1717059915918.woff} +0 -0
- /package/lib/icon/style/{iconfont.1716698685311.woff2 → iconfont.1717059915918.woff2} +0 -0
- /package/lib/{iconfont.1716698685311.ttf → iconfont.1717059915918.ttf} +0 -0
- /package/lib/{iconfont.1716698685311.woff → iconfont.1717059915918.woff} +0 -0
- /package/lib/{iconfont.1716698685311.woff2 → iconfont.1717059915918.woff2} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:#73b8ff;border-color:#73b8ff}.vxe-form{position:relative;font-size:14px;color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;background-color:#fff;text-align:left}.vxe-form--item-row{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form--item-row>.vxe-form--item-col_1{width:4.16667%}.vxe-form--item-row>.vxe-form--item-col_2{width:8.33333%}.vxe-form--item-row>.vxe-form--item-col_3{width:12.5%}.vxe-form--item-row>.vxe-form--item-col_4{width:16.66667%}.vxe-form--item-row>.vxe-form--item-col_5{width:20.83333%}.vxe-form--item-row>.vxe-form--item-col_6{width:25%}.vxe-form--item-row>.vxe-form--item-col_7{width:29.16667%}.vxe-form--item-row>.vxe-form--item-col_8{width:33.33333%}.vxe-form--item-row>.vxe-form--item-col_9{width:37.5%}.vxe-form--item-row>.vxe-form--item-col_10{width:41.66667%}.vxe-form--item-row>.vxe-form--item-col_11{width:45.83333%}.vxe-form--item-row>.vxe-form--item-col_12{width:50%}.vxe-form--item-row>.vxe-form--item-col_13{width:54.16667%}.vxe-form--item-row>.vxe-form--item-col_14{width:58.33333%}.vxe-form--item-row>.vxe-form--item-col_15{width:62.5%}.vxe-form--item-row>.vxe-form--item-col_16{width:66.66667%}.vxe-form--item-row>.vxe-form--item-col_17{width:70.83333%}.vxe-form--item-row>.vxe-form--item-col_18{width:75%}.vxe-form--item-row>.vxe-form--item-col_19{width:79.16667%}.vxe-form--item-row>.vxe-form--item-col_20{width:83.33333%}.vxe-form--item-row>.vxe-form--item-col_21{width:87.5%}.vxe-form--item-row>.vxe-form--item-col_22{width:91.66667%}.vxe-form--item-row>.vxe-form--item-col_23{width:95.83333%}.vxe-form--item-row>.vxe-form--item-col_24{width:100%}.vxe-form-slots{display:none}.vxe-form--item-content,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:flex;flex-direction:row;max-width:320px;padding-right:.8em}.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form--item-title .vxe-form--item-title-postfix,.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{cursor:help;vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-suffix{margin-left:.2em}.vxe-form--item-title .vxe-form--item-title-postfix{display:flex;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{flex-grow:1}.vxe-form--item-title .vxe-form--item-title-label{vertical-align:middle}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-form--item-trigger-node .vxe-form--item-trigger-icon{display:inline-block;margin:0 .25em;transition:all .1s}.vxe-form--item-valid{position:absolute;width:100%;font-size:12px;line-height:1.2em;color:#f56c6c;background-color:inherit;z-index:1;opacity:0;transform-origin:center top;transform:scaleY(0);transition:all .2s ease-in-out}.vxe-form .vxe-form--gather{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.vxe-form .vxe-form--wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form .vxe-form--item{display:none;padding:.5em .8em .5em 0}.vxe-form .vxe-form--item.is--vertical{padding:.25em 0 .25em 0}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-flex}.vxe-form--item.is--colon .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--asterisk.is--required .vxe-form--item-title-content:before{content:"*";color:#f56c6c;font-family:Verdana,Arial,Tahoma;margin-right:.2em;font-weight:400;vertical-align:middle}.vxe-form--item.is--vertical .vxe-form--item-inner{flex-direction:column;align-items:initial}.vxe-form--item.is--vertical .vxe-form--item-inner .vxe-form--item-title{height:2.
|
|
1
|
+
.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:#73b8ff;border-color:#73b8ff}.vxe-form{position:relative;font-size:14px;color:#606266;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;background-color:#fff;text-align:left}.vxe-form--item-row{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form--item-row>.vxe-form--item-col_1{width:4.16667%}.vxe-form--item-row>.vxe-form--item-col_2{width:8.33333%}.vxe-form--item-row>.vxe-form--item-col_3{width:12.5%}.vxe-form--item-row>.vxe-form--item-col_4{width:16.66667%}.vxe-form--item-row>.vxe-form--item-col_5{width:20.83333%}.vxe-form--item-row>.vxe-form--item-col_6{width:25%}.vxe-form--item-row>.vxe-form--item-col_7{width:29.16667%}.vxe-form--item-row>.vxe-form--item-col_8{width:33.33333%}.vxe-form--item-row>.vxe-form--item-col_9{width:37.5%}.vxe-form--item-row>.vxe-form--item-col_10{width:41.66667%}.vxe-form--item-row>.vxe-form--item-col_11{width:45.83333%}.vxe-form--item-row>.vxe-form--item-col_12{width:50%}.vxe-form--item-row>.vxe-form--item-col_13{width:54.16667%}.vxe-form--item-row>.vxe-form--item-col_14{width:58.33333%}.vxe-form--item-row>.vxe-form--item-col_15{width:62.5%}.vxe-form--item-row>.vxe-form--item-col_16{width:66.66667%}.vxe-form--item-row>.vxe-form--item-col_17{width:70.83333%}.vxe-form--item-row>.vxe-form--item-col_18{width:75%}.vxe-form--item-row>.vxe-form--item-col_19{width:79.16667%}.vxe-form--item-row>.vxe-form--item-col_20{width:83.33333%}.vxe-form--item-row>.vxe-form--item-col_21{width:87.5%}.vxe-form--item-row>.vxe-form--item-col_22{width:91.66667%}.vxe-form--item-row>.vxe-form--item-col_23{width:95.83333%}.vxe-form--item-row>.vxe-form--item-col_24{width:100%}.vxe-form-slots{display:none}.vxe-form--item-content,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:flex;flex-direction:row;max-width:320px;padding-right:.8em}.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form--item-title .vxe-form--item-title-postfix,.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{cursor:help;vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-suffix{margin-left:.2em}.vxe-form--item-title .vxe-form--item-title-postfix{display:flex;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{flex-grow:1}.vxe-form--item-title .vxe-form--item-title-label{vertical-align:middle}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-form--item-trigger-node .vxe-form--item-trigger-icon{display:inline-block;margin:0 .25em;transition:all .1s}.vxe-form--item-valid{position:absolute;width:100%;font-size:12px;line-height:1.2em;color:#f56c6c;background-color:inherit;z-index:1;opacity:0;transform-origin:center top;transform:scaleY(0);transition:all .2s ease-in-out}.vxe-form .vxe-form--gather{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.vxe-form .vxe-form--wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form .vxe-form--item{display:none;padding:.5em .8em .5em 0}.vxe-form .vxe-form--item.is--vertical{padding:.25em 0 .25em 0}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-flex}.vxe-form--item.is--colon .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--asterisk.is--required .vxe-form--item-title-content:before{content:"*";color:#f56c6c;font-family:Verdana,Arial,Tahoma;margin-right:.2em;font-weight:400;vertical-align:middle}.vxe-form--item.is--vertical .vxe-form--item-inner{flex-direction:column;align-items:initial}.vxe-form--item.is--vertical .vxe-form--item-inner .vxe-form--item-title{height:2.5em;line-height:2.3em;padding-right:0;max-width:none}.vxe-form--item.is--vertical .vxe-form--item-inner .vxe-form--item-title-content{flex-grow:initial}.vxe-form--item.is--span .vxe-default-input:not([type=submit]):not([type=reset]),.vxe-form--item.is--span .vxe-default-select,.vxe-form--item.is--span .vxe-default-textarea,.vxe-form--item.is--span .vxe-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-textarea{width:100%}.vxe-form--item.is--error .vxe-default-input,.vxe-form--item.is--error .vxe-default-select,.vxe-form--item.is--error .vxe-default-textarea,.vxe-form--item.is--error .vxe-input>.vxe-input--inner,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-select.is--active>.vxe-input .vxe-input--inner,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner{border-color:#f56c6c}.vxe-form--item.is--error .vxe-default-input[type=search]:focus,.vxe-form--item.is--error .vxe-default-input[type=text]:focus,.vxe-form--item.is--error .vxe-default-select:focus,.vxe-form--item.is--error .vxe-default-textarea:focus,.vxe-form--item.is--error .vxe-input>.vxe-input--inner:focus,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner:focus{border-color:#f56c6c}.vxe-form--item.is--error .vxe-form--item-valid{opacity:1;transform:scaleY(1)}.vxe-form--item .vxe-form--item-inner{display:flex;flex-direction:row;align-items:center;flex-grow:1}.vxe-form--item .vxe-form--item-inner .vxe-form--item-title{flex-shrink:0}.vxe-form--item .vxe-form--item-inner .vxe-form--item-content{position:relative;flex-grow:1;word-break:break-all}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{outline:0;border:1px solid #dcdfe6;border-radius:4px}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:34px}.vxe-form--item .vxe-default-input{padding:0 .8em}.vxe-form--item .vxe-default-textarea{height:68px;padding:.3em .6em}.vxe-form--item .vxe-default-input[type=number]{padding-right:.2em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text]{padding:0 1em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{color:#606266}.vxe-form--item .vxe-default-input[type=search]:focus,.vxe-form--item .vxe-default-input[type=text]:focus,.vxe-form--item .vxe-default-select:focus,.vxe-form--item .vxe-default-textarea:focus{border:1px solid #409eff}.vxe-form--item .vxe-default-input[type=search][disabled],.vxe-form--item .vxe-default-input[type=text][disabled],.vxe-form--item .vxe-default-select[disabled],.vxe-form--item .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:#f3f3f3}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:32px;background-color:#fff;cursor:pointer}.vxe-form--item .vxe-default-input[type=reset]:active,.vxe-form--item .vxe-default-input[type=submit]:active{color:#0d84ff;border-color:#0d84ff}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:6px}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-form--item .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-form--item .vxe-default-input::-moz-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-input:-ms-input-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-input::placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{width:180px}.vxe-form--item .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-form--item .vxe-default-textarea::-moz-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-textarea:-ms-input-placeholder{color:#c0c4cc}.vxe-form--item .vxe-default-textarea::placeholder{color:#c0c4cc}.vxe-form .vxe-form--item-inner{min-height:36px}.vxe-form .vxe-form--item-inner>.align--center{text-align:center}.vxe-form .vxe-form--item-inner>.align--left{text-align:left}.vxe-form .vxe-form--item-inner>.align--right{text-align:right}.vxe-form.size--medium{font-size:14px}.vxe-form.size--medium .vxe-form--item-inner{min-height:34px}.vxe-form.size--medium .vxe-default-input[type=reset],.vxe-form.size--medium .vxe-default-input[type=submit]{line-height:30px}.vxe-form.size--medium .vxe-default-input,.vxe-form.size--medium .vxe-default-select{height:32px}.vxe-form.size--medium .vxe-default-textarea{height:64px}.vxe-form.size--small{font-size:13px}.vxe-form.size--small .vxe-form--item-inner{min-height:32px}.vxe-form.size--small .vxe-default-input[type=reset],.vxe-form.size--small .vxe-default-input[type=submit]{line-height:28px}.vxe-form.size--small .vxe-default-input,.vxe-form.size--small .vxe-default-select{height:30px}.vxe-form.size--small .vxe-default-textarea{height:60px}.vxe-form.size--mini{font-size:12px}.vxe-form.size--mini .vxe-form--item-inner{min-height:30px}.vxe-form.size--mini .vxe-default-input[type=reset],.vxe-form.size--mini .vxe-default-input[type=submit]{line-height:26px}.vxe-form.size--mini .vxe-default-input,.vxe-form.size--mini .vxe-default-select{height:28px}.vxe-form.size--mini .vxe-default-textarea{height:56px}
|
|
@@ -57,6 +57,19 @@
|
|
|
57
57
|
.vxe-grid .vxe-grid--bottom-wrapper {
|
|
58
58
|
position: relative;
|
|
59
59
|
}
|
|
60
|
+
.vxe-grid .vxe-grid--table-container {
|
|
61
|
+
display: flex;
|
|
62
|
+
flex-direction: row;
|
|
63
|
+
}
|
|
64
|
+
.vxe-grid .vxe-grid--left-wrapper,
|
|
65
|
+
.vxe-grid .vxe-grid--right-wrapper {
|
|
66
|
+
flex-shrink: 0;
|
|
67
|
+
overflow: auto;
|
|
68
|
+
}
|
|
69
|
+
.vxe-grid .vxe-grid--table-wrapper {
|
|
70
|
+
flex-grow: 1;
|
|
71
|
+
overflow: hidden;
|
|
72
|
+
}
|
|
60
73
|
|
|
61
74
|
.vxe-grid {
|
|
62
75
|
font-size: 14px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-grid{position:relative}.vxe-grid.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(255,255,255,.5)}.vxe-grid.is--loading>.vxe-table .vxe-loading{background-color:transparent}.vxe-grid.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:#fff}.vxe-grid .vxe-grid--bottom-wrapper,.vxe-grid .vxe-grid--form-wrapper,.vxe-grid .vxe-grid--top-wrapper{position:relative}.vxe-grid{font-size:14px}.vxe-grid.size--medium{font-size:14px}.vxe-grid.size--small{font-size:13px}.vxe-grid.size--mini{font-size:12px}
|
|
1
|
+
.vxe-grid{position:relative}.vxe-grid.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(255,255,255,.5)}.vxe-grid.is--loading>.vxe-table .vxe-loading{background-color:transparent}.vxe-grid.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:#fff}.vxe-grid .vxe-grid--bottom-wrapper,.vxe-grid .vxe-grid--form-wrapper,.vxe-grid .vxe-grid--top-wrapper{position:relative}.vxe-grid .vxe-grid--table-container{display:flex;flex-direction:row}.vxe-grid .vxe-grid--left-wrapper,.vxe-grid .vxe-grid--right-wrapper{flex-shrink:0;overflow:auto}.vxe-grid .vxe-grid--table-wrapper{flex-grow:1;overflow:hidden}.vxe-grid{font-size:14px}.vxe-grid.size--medium{font-size:14px}.vxe-grid.size--small{font-size:13px}.vxe-grid.size--mini{font-size:12px}
|
package/package.json
CHANGED
|
@@ -140,46 +140,52 @@ function getTableOns (_vm) {
|
|
|
140
140
|
/**
|
|
141
141
|
* 渲染表单
|
|
142
142
|
*/
|
|
143
|
-
function
|
|
143
|
+
function renderForm (h, _vm) {
|
|
144
144
|
const { _e, $scopedSlots, formConfig } = _vm
|
|
145
145
|
const formSlot = $scopedSlots.form
|
|
146
146
|
const hasForm = !!(formSlot || isEnableConf(formConfig))
|
|
147
147
|
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
148
|
+
if (hasForm) {
|
|
149
|
+
return h('div', {
|
|
150
|
+
key: 'form',
|
|
151
|
+
ref: 'formWrapper',
|
|
152
|
+
class: 'vxe-grid--form-wrapper'
|
|
153
|
+
}, formSlot ? formSlot.call(_vm, { $grid: _vm }, h) : renderDefaultForm(h, _vm))
|
|
154
|
+
}
|
|
155
|
+
return _e()
|
|
153
156
|
}
|
|
154
157
|
|
|
155
158
|
/**
|
|
156
159
|
* 渲染工具栏
|
|
157
160
|
*/
|
|
158
|
-
function
|
|
161
|
+
function renderToolbar (h, _vm) {
|
|
159
162
|
const { _e, $scopedSlots, toolbarConfig, toolbar } = _vm
|
|
160
163
|
const toolbarSlot = $scopedSlots.toolbar
|
|
161
164
|
const hasToolbar = !!(toolbarSlot || isEnableConf(toolbarConfig) || toolbar)
|
|
162
165
|
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
166
|
+
if (hasToolbar) {
|
|
167
|
+
return h('div', {
|
|
168
|
+
key: 'toolbar',
|
|
169
|
+
ref: 'toolbarWrapper',
|
|
170
|
+
class: 'vxe-grid--toolbar-wrapper'
|
|
171
|
+
}, toolbarSlot
|
|
172
|
+
? toolbarSlot.call(_vm, { $grid: _vm }, h)
|
|
173
|
+
: [
|
|
174
|
+
h('vxe-toolbar', {
|
|
175
|
+
props: _vm.toolbarOpts,
|
|
176
|
+
ref: 'xToolbar',
|
|
177
|
+
scopedSlots: getToolbarSlots(_vm)
|
|
178
|
+
})
|
|
179
|
+
]
|
|
180
|
+
)
|
|
181
|
+
}
|
|
182
|
+
return _e()
|
|
177
183
|
}
|
|
178
184
|
|
|
179
185
|
/**
|
|
180
186
|
* 渲染表格顶部区域
|
|
181
187
|
*/
|
|
182
|
-
function
|
|
188
|
+
function renderTop (h, _vm) {
|
|
183
189
|
const { _e, $scopedSlots } = _vm
|
|
184
190
|
const topSlot = $scopedSlots.top
|
|
185
191
|
|
|
@@ -190,25 +196,51 @@ function renderTops (h, _vm) {
|
|
|
190
196
|
}, topSlot.call(_vm, { $grid: _vm }, h)) : _e()
|
|
191
197
|
}
|
|
192
198
|
|
|
199
|
+
function renderTableLeft (h, _vm) {
|
|
200
|
+
const { _e, $scopedSlots } = _vm
|
|
201
|
+
const leftSlot = $scopedSlots.left
|
|
202
|
+
if (leftSlot) {
|
|
203
|
+
return h('div', {
|
|
204
|
+
class: 'vxe-grid--left-wrapper'
|
|
205
|
+
}, leftSlot({ $grid: _vm }))
|
|
206
|
+
}
|
|
207
|
+
return _e()
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
function renderTableRight (h, _vm) {
|
|
211
|
+
const { _e, $scopedSlots } = _vm
|
|
212
|
+
const rightSlot = $scopedSlots.right
|
|
213
|
+
if (rightSlot) {
|
|
214
|
+
return h('div', {
|
|
215
|
+
class: 'vxe-grid--right-wrapper'
|
|
216
|
+
}, rightSlot({ $grid: _vm }))
|
|
217
|
+
}
|
|
218
|
+
return _e()
|
|
219
|
+
}
|
|
220
|
+
|
|
193
221
|
/**
|
|
194
222
|
* 渲染表格
|
|
195
223
|
*/
|
|
196
|
-
function
|
|
224
|
+
function renderTable (h, _vm) {
|
|
197
225
|
const { $scopedSlots, tableProps } = _vm
|
|
198
226
|
|
|
199
|
-
return h('
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
227
|
+
return h('div', {
|
|
228
|
+
class: 'vxe-grid--table-wrapper'
|
|
229
|
+
}, [
|
|
230
|
+
h('vxe-table', {
|
|
231
|
+
key: 'table',
|
|
232
|
+
props: tableProps,
|
|
233
|
+
on: getTableOns(_vm),
|
|
234
|
+
scopedSlots: $scopedSlots,
|
|
235
|
+
ref: 'xTable'
|
|
236
|
+
})
|
|
237
|
+
])
|
|
206
238
|
}
|
|
207
239
|
|
|
208
240
|
/**
|
|
209
241
|
* 渲染表格底部区域
|
|
210
242
|
*/
|
|
211
|
-
function
|
|
243
|
+
function renderBottom (h, _vm) {
|
|
212
244
|
const { _e, $scopedSlots } = _vm
|
|
213
245
|
const bottomSlot = $scopedSlots.bottom
|
|
214
246
|
|
|
@@ -222,27 +254,30 @@ function renderBottoms (h, _vm) {
|
|
|
222
254
|
/**
|
|
223
255
|
* 渲染分页
|
|
224
256
|
*/
|
|
225
|
-
function
|
|
257
|
+
function renderPager (h, _vm) {
|
|
226
258
|
const { _e, $scopedSlots, pagerConfig, proxyConfig, tablePage } = _vm
|
|
227
259
|
const pagerSlot = $scopedSlots.pager
|
|
228
260
|
const hasPager = !!(pagerSlot || isEnableConf(pagerConfig))
|
|
229
261
|
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
262
|
+
if (hasPager) {
|
|
263
|
+
return h('div', {
|
|
264
|
+
key: 'pager',
|
|
265
|
+
ref: 'pagerWrapper',
|
|
266
|
+
class: 'vxe-grid--pager-wrapper'
|
|
267
|
+
}, pagerSlot
|
|
268
|
+
? pagerSlot.call(_vm, { $grid: _vm }, h)
|
|
269
|
+
: [
|
|
270
|
+
h('vxe-pager', {
|
|
271
|
+
props: { ..._vm.pagerOpts, ...(proxyConfig ? tablePage : {}) },
|
|
272
|
+
on: {
|
|
273
|
+
'page-change': _vm.pageChangeEvent
|
|
274
|
+
},
|
|
275
|
+
scopedSlots: getPagerSlots(_vm)
|
|
276
|
+
})
|
|
277
|
+
]
|
|
278
|
+
)
|
|
279
|
+
}
|
|
280
|
+
return _e()
|
|
246
281
|
}
|
|
247
282
|
|
|
248
283
|
const defaultLayouts = ['Form', 'Toolbar', 'Top', 'Table', 'Bottom', 'Pager']
|
|
@@ -254,22 +289,31 @@ function renderLayout (h, _vm) {
|
|
|
254
289
|
currLayouts.forEach(name => {
|
|
255
290
|
switch (name) {
|
|
256
291
|
case 'Form':
|
|
257
|
-
vns.push(
|
|
292
|
+
vns.push(renderForm(h, _vm))
|
|
258
293
|
break
|
|
259
294
|
case 'Toolbar':
|
|
260
|
-
vns.push(
|
|
295
|
+
vns.push(renderToolbar(h, _vm))
|
|
261
296
|
break
|
|
262
297
|
case 'Top':
|
|
263
|
-
vns.push(
|
|
298
|
+
vns.push(renderTop(h, _vm))
|
|
264
299
|
break
|
|
265
300
|
case 'Table':
|
|
266
|
-
vns.push(
|
|
301
|
+
vns.push(
|
|
302
|
+
h('div', {
|
|
303
|
+
key: 'table',
|
|
304
|
+
class: 'vxe-grid--table-container'
|
|
305
|
+
}, [
|
|
306
|
+
renderTableLeft(h, _vm),
|
|
307
|
+
renderTable(h, _vm),
|
|
308
|
+
renderTableRight(h, _vm)
|
|
309
|
+
])
|
|
310
|
+
)
|
|
267
311
|
break
|
|
268
312
|
case 'Bottom':
|
|
269
|
-
vns.push(
|
|
313
|
+
vns.push(renderBottom(h, _vm))
|
|
270
314
|
break
|
|
271
315
|
case 'Pager':
|
|
272
|
-
vns.push(
|
|
316
|
+
vns.push(renderPager(h, _vm))
|
|
273
317
|
break
|
|
274
318
|
default:
|
|
275
319
|
if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
|
|
@@ -518,6 +518,19 @@ const Methods = {
|
|
|
518
518
|
return this.recalculate()
|
|
519
519
|
})
|
|
520
520
|
},
|
|
521
|
+
/**
|
|
522
|
+
* 修改行数据
|
|
523
|
+
*/
|
|
524
|
+
setRow (rows, record) {
|
|
525
|
+
if (record) {
|
|
526
|
+
let rest = rows
|
|
527
|
+
if (!XEUtils.isArray(rows)) {
|
|
528
|
+
rest = [rows]
|
|
529
|
+
}
|
|
530
|
+
rest.forEach(item => Object.assign(item, record))
|
|
531
|
+
}
|
|
532
|
+
return this.$nextTick()
|
|
533
|
+
},
|
|
521
534
|
/**
|
|
522
535
|
* 局部加载行数据并恢复到初始状态
|
|
523
536
|
* 对于行数据需要局部更改的场景中可能会用到
|
package/styles/form.scss
CHANGED
package/styles/grid.scss
CHANGED
|
@@ -34,6 +34,19 @@
|
|
|
34
34
|
.vxe-grid--bottom-wrapper {
|
|
35
35
|
position: relative;
|
|
36
36
|
}
|
|
37
|
+
.vxe-grid--table-container {
|
|
38
|
+
display: flex;
|
|
39
|
+
flex-direction: row;
|
|
40
|
+
}
|
|
41
|
+
.vxe-grid--left-wrapper,
|
|
42
|
+
.vxe-grid--right-wrapper {
|
|
43
|
+
flex-shrink: 0;
|
|
44
|
+
overflow: auto;
|
|
45
|
+
}
|
|
46
|
+
.vxe-grid--table-wrapper {
|
|
47
|
+
flex-grow: 1;
|
|
48
|
+
overflow: hidden;
|
|
49
|
+
}
|
|
37
50
|
}
|
|
38
51
|
|
|
39
52
|
.vxe-grid {
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|