br-dionysus 1.7.0 → 1.7.2-beta.1

package/dist/index.css

@@ -1 +1 @@
-@charset "UTF-8";[data-v-aa54745e]:root{--br-dionysus-primary-color: #646CFFFF;--br-dionysus-primary-bg-color: #979fff}.u-icon-box[data-v-aa54745e]{display:none}.g-box[data-v-aa54745e]{position:relative;overflow:hidden;padding-left:16px;padding-right:16px;width:100%;background-color:#fff;box-sizing:border-box}.g-box .u-page-btn[data-v-aa54745e]{position:absolute;bottom:0;height:33px;border:0;box-sizing:border-box;background-color:#fff;opacity:.6;cursor:pointer}.g-box .s-previous-btn[data-v-aa54745e]{left:0}.g-box .s-next-btn[data-v-aa54745e]{right:0;transform:rotate(180deg)}.g-dionysus-box[data-v-aa54745e]{overflow:hidden;width:100%}.g-tab-page-box[data-v-aa54745e]{display:flex;color:#4a4a4a;white-space:nowrap;box-sizing:border-box;box-shadow:2px 0 8px #1d23290d;transform:translate(0);transition:.2s}.g-tab-page-box .u-li[data-v-aa54745e]{display:inline-block;position:relative;height:33px;font-size:14px;box-sizing:border-box;cursor:pointer}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]{display:flex;position:relative;z-index:1;padding:6px 8px;height:100%;align-items:center;background-color:#fff;border-radius:6px 6px 0 0;box-sizing:border-box}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 0;pointer-events:none}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 6px 0;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true] .u-gp[data-v-aa54745e]:after{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-hover-after=true] .u-gp[data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active-before=true] .u-gp[data-v-aa54745e]:after{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-active-after=true] .u-gp[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]{color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li .u-icon[data-v-aa54745e]{margin-right:8px;pointer-events:none}.g-tab-page-box .u-li .u-sn[data-v-aa54745e]{pointer-events:none}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]{position:relative;margin-left:4px;width:14px;height:14px;font-size:14px;border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:"";border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:#9ca3af}.g-tab-page-box .u-li[data-active=true] .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .s-icon[data-v-aa54745e]{display:block;position:relative;width:14px;height:14px}.g-tab-page-box .s-icon[data-v-aa54745e]:after{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(45deg)}.g-tab-page-box .s-icon[data-v-aa54745e]:before{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(-45deg)}.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=false][data-hover=false][data-active-before=false][data-hover-before=false] .u-sn[data-v-aa54745e]:after{position:absolute;top:50%;right:0;z-index:2;content:"";width:1px;height:50%;transform:translateY(-50%);background-color:#4a4a4a}.g-tab-page-box .u-li:nth-last-of-type(1)[data-active=false][data-hover=false] .u-sn[data-v-aa54745e]:after{background-color:#0000!important}.g-m-input-number-box[data-v-5002f7b6]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-5002f7b6]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]{display:inline-block;position:absolute;top:0;left:0;margin-bottom:0;padding-left:15px;padding-right:15px;width:100%;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;font-feature-settings:normal;font-stretch:100%;font-weight:400;text-indent:0;color:#606266;text-align:left;letter-spacing:normal;word-spacing:0;background-color:#0000;border-radius:4px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;cursor:text;pointer-events:none}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-5002f7b6]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-5002f7b6]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-5002f7b6]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-5002f7b6]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-5002f7b6]{padding-left:0}.g-m-input-number-box .m-input-number .el-input__inner{text-align:left}.g-m-input-number-box .m-input-number[data-thousandth-place=true] .el-input__inner{color:#0000}.g-m-input-number-box .m-input-number[data-focus=true] .el-input__inner{color:#606266}.g-m-input-number-box .m-input-number[no-border=true] .el-input__inner{border:0}.g-m-input-number-box[data-is-table-mini=true] .m-input-number .el-input__inner{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing=true] .m-input-number .el-input__inner{padding-left:0}.g-inline-box[data-v-1c6c2f76]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-1c6c2f76]{padding:0 14px 10px}.m-inline[data-v-1c6c2f76]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-1c6c2f76]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-1c6c2f76]:before{position:absolute;top:0;left:50%;content:"";width:calc(100% - 28px);height:1px;background-color:var(--el-border-color-lighter);transform:translate(-50%)}.u-btn-gp[data-v-1c6c2f76]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-1c6c2f76]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-1c6c2f76]{max-height:none!important}.u-btn-unfold[data-v-1c6c2f76]{margin-left:8px;width:12px;height:24px;line-height:24px;text-align:center;color:var(--el-text-color-regular);transform:rotate(90deg);cursor:pointer}.u-btn-unfold[data-unfold=true][data-v-1c6c2f76]{transform:rotate(270deg)}.g-inline-box .m-inline[dataCover] [data-box]{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--m-inline-min-width),1fr))}.g-inline-box .m-inline[dataCover] [data-box] [data-item]{padding-bottom:10px;min-width:var(--m-inline-min-width);max-width:var(--m-inline-max-width)}.g-inline-box .m-inline[dataCover] .el-form-item{margin-bottom:0;width:100%}.g-inline-box .m-inline[dataCover] .el-form-item .el-input,.g-inline-box .m-inline[dataCover] .el-form-item .el-cascader,.g-inline-box .m-inline[dataCover] .el-form{width:100%}.g-inline-box .m-inline[dataCover] .el-form .u-it-gp{display:flex}.g-inline-box .m-inline[dataCover] .u-row[data-single-line=true] .el-form{display:flex;justify-content:flex-start}.g-skin-config-box[data-v-56c57a90]{display:flex}.g-skin-config-box .u-tt[data-v-56c57a90]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-56c57a90]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-56c57a90]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-56c57a90]{display:flex;margin-bottom:12px;justify-content:space-between;align-items:center;color:var(--m-fc-body)}.g-skin-config-box .u-box .u-gulp[data-v-56c57a90]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-56c57a90]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-56c57a90]{display:flex;margin-bottom:10px;width:12.5%;justify-content:center}.g-skin-config-box .u-box .u-list .u-li .u-color[data-v-56c57a90]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-56c57a90]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-56c57a90]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-56c57a90]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-56c57a90]{width:100px}.u-it[data-v-56c57a90]{width:106px}.g-skin-config-box .el-drawer__body{padding:0}.g-skin-config-box .el-switch{height:auto}.g-skin-config-box .u-pc{display:flex;justify-content:center}.g-skin-config-box .u-pc .el-color-picker{width:100%}.g-skin-config-box .u-pc .el-color-picker .el-color-picker__trigger{width:100%;height:34px}.g-skin-config-box .u-tabs .el-tabs__item{padding:0 10px}.br-m-table-box[data-v-2cc9f3c0]{position:relative}.el-table__empty-text img[data-v-2cc9f3c0]{width:15%}.br-m-table-box[data-is-expand=true] .el-table__expand-column,.br-m-table-box[data-is-expand=true] colgroup>col:nth-of-type(1){display:none}.u-icon[data-v-c2705f73]{display:inline-block;position:relative;width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMdJREFUOE/tkyESwjAQRfMj0Xgkp2AmaQweHCeAS1AuASfAgce0yQynQOLRyHyazpRpoW2YAcnKbP7L7t8sxJeBoM+yLK04Ukp678vzWBhj0iegEK5jgnq+eGTzO4C1dkhyDGAvhBhFKrmSXAC4aK1vjV6dcxPv/QnAoA1C8i6lnCqlzlX+zaw8z2cADh2AeZIkx3qu1W3n3JLktnERWCmldq/gznFZa8NUyvFWjrdV9QcIEfWgz8BgaicgLFj467H9+Gjr+iAPDfV1EeVT6aEAAAAASUVORK5CYII=);background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-c2705f73]{display:inline-block;position:relative}.u-set[data-v-c2705f73]{padding:2.5px 0;float:right}.u-my-table-column-gp[data-v-c2705f73]{display:inline}.u-my-table-column-icon[data-v-c2705f73]{float:left;padding:4px;cursor:pointer;transition:.3s;font-size:12px}.u-my-table-column-icon[data-active=true][data-v-c2705f73]{transform:rotate(90deg)}.m-filter-box[data-is-open=true]{opacity:1;pointer-events:auto}.m-filter-box[data-is-open=false]{opacity:0;pointer-events:none}.m-filter-box .u-filter-mask{position:fixed;top:0;left:0;z-index:2050;width:100%;height:100%}.m-filter-box .u-it-gp{padding:10px;border-bottom:1px solid var(--el-border-color-lighter)}.m-filter-box .u-list-box{overflow:hidden;position:fixed;top:0;left:0;z-index:2050;max-width:50%;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-popper-border-radius, 4px);box-shadow:var(--el-box-shadow-light)}.m-filter-box .u-list-box .u-checkbox-group{overflow-y:auto;display:block;padding:10px;max-height:280px}.m-filter-box .u-list-box label.el-checkbox{display:flex;align-items:center;margin-right:5px;margin-bottom:12px;margin-left:5px;height:unset}.m-filter-box .u-list-box label.el-checkbox:last-child{margin-bottom:0}.m-filter-box .u-list-box .u-btn-gp{border-top:1px solid var(--el-border-color-lighter);padding:8px}.m-filter-box .u-list-box button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.m-filter-box .u-list-box button{background:0 0;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.vab[data-v-39a7112e]{vertical-align:baseline}.g-m-table-column-set-box[data-v-39a7112e]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-39a7112e]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-39a7112e]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-39a7112e]{overflow:visible;width:auto!important}.m-panel-box[data-v-39a7112e]{display:none;overflow-y:auto;padding:6px 4px;position:absolute;top:30px;right:0;z-index:7;min-width:214px;max-height:300px;background-color:#fff;border-radius:8px;border:1px solid var(--el-border-color-lighter);box-shadow:2px 0 8px #1d23290d;box-sizing:border-box}.m-panel-box[data-active=true][data-v-39a7112e]{display:block}.m-panel-box .u-list .u-li[data-v-39a7112e]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-39a7112e]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-39a7112e],.m-panel-box .u-tc[data-v-39a7112e]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-39a7112e],.m-panel-box .u-tc .u-p[data-v-39a7112e]{display:block;padding-left:4px;width:50px;align-self:auto;white-space:nowrap;line-height:24px;font-weight:700}.m-panel-box .u-tc[data-v-39a7112e]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-39a7112e]{line-height:40px}.m-panel-box .u-divider[data-v-39a7112e]{margin-top:10px;margin-bottom:0}.m-masked[data-v-39a7112e],.g-m-table-column-set-teleport[data-v-39a7112e]{position:fixed;top:0;left:0;z-index:6;width:100%;height:100%}.u-group[data-v-88e3837e]{display:flex;align-items:center}.u-group .u-checkbox[data-v-88e3837e]{padding-right:4px;pointer-events:none;margin-right:0}.u-checkbox[data-v-ce4ca417]{height:var(--el-checkbox-height, 20px)}.g-select-table-box{width:100%}.u-img{width:80px}.m-select-table .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.m-select-table .el-select-dropdown__empty{padding:0}.m-select-table .el-select-dropdown__empty .btn-box{text-align:right;padding-bottom:6px}.m-select-table .m-table-select{padding:6px;overflow-y:auto}.m-select-table .m-page{padding:4px}.br-u-dialog-resize{position:absolute;width:5px;height:5px;cursor:nwse-resize}.br-u-dialog-resize.br-u-lu{left:0;top:0}.br-u-dialog-resize.br-u-ld{left:0;bottom:0}.br-u-dialog-resize.br-u-ru{right:0;top:0}.br-u-dialog-resize.br-u-rd{right:-5px;bottom:-5px;width:10px;height:10px;border-top:1px solid var(--el-color-primary);transform:rotate(-45deg)}.g-select-table-box[data-v-bb9b01dd]{position:relative;line-height:normal}.g-select-table-box .u-input-gp[data-v-bb9b01dd]{position:relative}.g-select-table-box .u-input-gp:hover .el-icon-circle-close[data-v-bb9b01dd]{display:block}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]{display:none;position:absolute;top:50%;right:10px;font-size:14px;color:#c0c4cc;transform:translateY(-50%);cursor:pointer}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]:hover{color:#a4a7ad}.g-select-table-box .s-table[data-v-bb9b01dd]{width:100%}.btn-box[data-v-bb9b01dd]{text-align:right;padding-bottom:6px}.m-page[data-v-bb9b01dd]{padding-top:4px}.g-select-table-box .u-input-gp .el-input{display:flex}.g-select-table-box .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}
+@charset "UTF-8";[data-v-aa54745e]:root{--br-dionysus-primary-color: #646CFFFF;--br-dionysus-primary-bg-color: #979fff}.u-icon-box[data-v-aa54745e]{display:none}.g-box[data-v-aa54745e]{position:relative;overflow:hidden;padding-left:16px;padding-right:16px;width:100%;background-color:#fff;box-sizing:border-box}.g-box .u-page-btn[data-v-aa54745e]{position:absolute;bottom:0;height:33px;border:0;box-sizing:border-box;background-color:#fff;opacity:.6;cursor:pointer}.g-box .s-previous-btn[data-v-aa54745e]{left:0}.g-box .s-next-btn[data-v-aa54745e]{right:0;transform:rotate(180deg)}.g-dionysus-box[data-v-aa54745e]{overflow:hidden;width:100%}.g-tab-page-box[data-v-aa54745e]{display:flex;color:#4a4a4a;white-space:nowrap;box-sizing:border-box;box-shadow:2px 0 8px #1d23290d;transform:translate(0);transition:.2s}.g-tab-page-box .u-li[data-v-aa54745e]{display:inline-block;position:relative;height:33px;font-size:14px;box-sizing:border-box;cursor:pointer}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]{display:flex;position:relative;z-index:1;padding:6px 8px;height:100%;align-items:center;background-color:#fff;border-radius:6px 6px 0 0;box-sizing:border-box}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 0;pointer-events:none}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 6px 0;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true] .u-gp[data-v-aa54745e]:after{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-hover-after=true] .u-gp[data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active-before=true] .u-gp[data-v-aa54745e]:after{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-active-after=true] .u-gp[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]{color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li .u-icon[data-v-aa54745e]{margin-right:8px;pointer-events:none}.g-tab-page-box .u-li .u-sn[data-v-aa54745e]{pointer-events:none}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]{position:relative;margin-left:4px;width:14px;height:14px;font-size:14px;border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:"";border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:#9ca3af}.g-tab-page-box .u-li[data-active=true] .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .s-icon[data-v-aa54745e]{display:block;position:relative;width:14px;height:14px}.g-tab-page-box .s-icon[data-v-aa54745e]:after{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(45deg)}.g-tab-page-box .s-icon[data-v-aa54745e]:before{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(-45deg)}.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=false][data-hover=false][data-active-before=false][data-hover-before=false] .u-sn[data-v-aa54745e]:after{position:absolute;top:50%;right:0;z-index:2;content:"";width:1px;height:50%;transform:translateY(-50%);background-color:#4a4a4a}.g-tab-page-box .u-li:nth-last-of-type(1)[data-active=false][data-hover=false] .u-sn[data-v-aa54745e]:after{background-color:#0000!important}.g-m-input-number-box[data-v-5002f7b6]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-5002f7b6]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]{display:inline-block;position:absolute;top:0;left:0;margin-bottom:0;padding-left:15px;padding-right:15px;width:100%;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;font-feature-settings:normal;font-stretch:100%;font-weight:400;text-indent:0;color:#606266;text-align:left;letter-spacing:normal;word-spacing:0;background-color:#0000;border-radius:4px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;cursor:text;pointer-events:none}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-5002f7b6]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-5002f7b6]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-5002f7b6]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-5002f7b6]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-5002f7b6]{padding-left:0}.g-m-input-number-box .m-input-number .el-input__inner{text-align:left}.g-m-input-number-box .m-input-number[data-thousandth-place=true] .el-input__inner{color:#0000}.g-m-input-number-box .m-input-number[data-focus=true] .el-input__inner{color:#606266}.g-m-input-number-box .m-input-number[no-border=true] .el-input__inner{border:0}.g-m-input-number-box[data-is-table-mini=true] .m-input-number .el-input__inner{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing=true] .m-input-number .el-input__inner{padding-left:0}.g-inline-box[data-v-1c6c2f76]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-1c6c2f76]{padding:0 14px 10px}.m-inline[data-v-1c6c2f76]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-1c6c2f76]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-1c6c2f76]:before{position:absolute;top:0;left:50%;content:"";width:calc(100% - 28px);height:1px;background-color:var(--el-border-color-lighter);transform:translate(-50%)}.u-btn-gp[data-v-1c6c2f76]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-1c6c2f76]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-1c6c2f76]{max-height:none!important}.u-btn-unfold[data-v-1c6c2f76]{margin-left:8px;width:12px;height:24px;line-height:24px;text-align:center;color:var(--el-text-color-regular);transform:rotate(90deg);cursor:pointer}.u-btn-unfold[data-unfold=true][data-v-1c6c2f76]{transform:rotate(270deg)}.g-inline-box .m-inline[dataCover] [data-box]{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--m-inline-min-width),1fr))}.g-inline-box .m-inline[dataCover] [data-box] [data-item]{padding-bottom:10px;min-width:var(--m-inline-min-width);max-width:var(--m-inline-max-width)}.g-inline-box .m-inline[dataCover] .el-form-item{margin-bottom:0;width:100%}.g-inline-box .m-inline[dataCover] .el-form-item .el-input,.g-inline-box .m-inline[dataCover] .el-form-item .el-cascader,.g-inline-box .m-inline[dataCover] .el-form{width:100%}.g-inline-box .m-inline[dataCover] .el-form .u-it-gp{display:flex}.g-inline-box .m-inline[dataCover] .u-row[data-single-line=true] .el-form{display:flex;justify-content:flex-start}.g-skin-config-box[data-v-56c57a90]{display:flex}.g-skin-config-box .u-tt[data-v-56c57a90]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-56c57a90]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-56c57a90]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-56c57a90]{display:flex;margin-bottom:12px;justify-content:space-between;align-items:center;color:var(--m-fc-body)}.g-skin-config-box .u-box .u-gulp[data-v-56c57a90]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-56c57a90]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-56c57a90]{display:flex;margin-bottom:10px;width:12.5%;justify-content:center}.g-skin-config-box .u-box .u-list .u-li .u-color[data-v-56c57a90]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-56c57a90]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-56c57a90]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-56c57a90]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-56c57a90]{width:100px}.u-it[data-v-56c57a90]{width:106px}.g-skin-config-box .el-drawer__body{padding:0}.g-skin-config-box .el-switch{height:auto}.g-skin-config-box .u-pc{display:flex;justify-content:center}.g-skin-config-box .u-pc .el-color-picker{width:100%}.g-skin-config-box .u-pc .el-color-picker .el-color-picker__trigger{width:100%;height:34px}.g-skin-config-box .u-tabs .el-tabs__item{padding:0 10px}.br-m-table-box[data-v-6fff977c]{position:relative}.el-table__empty-text img[data-v-6fff977c]{width:15%}.br-m-table-box[data-is-expand=true] .el-table__expand-column{border:0}.br-m-table-box[data-is-expand=true] .el-table__expand-column .cell{display:none}.u-icon[data-v-c655aff7]{display:inline-block;position:relative;width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMdJREFUOE/tkyESwjAQRfMj0Xgkp2AmaQweHCeAS1AuASfAgce0yQynQOLRyHyazpRpoW2YAcnKbP7L7t8sxJeBoM+yLK04Ukp678vzWBhj0iegEK5jgnq+eGTzO4C1dkhyDGAvhBhFKrmSXAC4aK1vjV6dcxPv/QnAoA1C8i6lnCqlzlX+zaw8z2cADh2AeZIkx3qu1W3n3JLktnERWCmldq/gznFZa8NUyvFWjrdV9QcIEfWgz8BgaicgLFj467H9+Gjr+iAPDfV1EeVT6aEAAAAASUVORK5CYII=);background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-c655aff7]{display:inline-block;position:relative}.u-set[data-v-c655aff7]{padding:2.5px 0;float:right}.u-my-table-column-gp[data-v-c655aff7]{display:inline}.u-my-table-column-icon[data-v-c655aff7]{float:left;padding:4px;cursor:pointer;transition:.3s;font-size:12px}.u-my-table-column-icon[data-active=true][data-v-c655aff7]{transform:rotate(90deg)}.m-filter-box[data-is-open=true]{opacity:1;pointer-events:auto}.m-filter-box[data-is-open=false]{opacity:0;pointer-events:none}.m-filter-box .u-filter-mask{position:fixed;top:0;left:0;z-index:2050;width:100%;height:100%}.m-filter-box .u-it-gp{padding:10px;border-bottom:1px solid var(--el-border-color-lighter)}.m-filter-box .u-list-box{overflow:hidden;position:fixed;top:0;left:0;z-index:2050;max-width:50%;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-popper-border-radius, 4px);box-shadow:var(--el-box-shadow-light)}.m-filter-box .u-list-box .u-checkbox-group{overflow-y:auto;display:block;padding:10px;max-height:280px}.m-filter-box .u-list-box label.el-checkbox{display:flex;align-items:center;margin-right:5px;margin-bottom:12px;margin-left:5px;height:unset}.m-filter-box .u-list-box label.el-checkbox:last-child{margin-bottom:0}.m-filter-box .u-list-box .u-btn-gp{border-top:1px solid var(--el-border-color-lighter);padding:8px}.m-filter-box .u-list-box button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.m-filter-box .u-list-box button{background:0 0;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.vab[data-v-39a7112e]{vertical-align:baseline}.g-m-table-column-set-box[data-v-39a7112e]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-39a7112e]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-39a7112e]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-39a7112e]{overflow:visible;width:auto!important}.m-panel-box[data-v-39a7112e]{display:none;overflow-y:auto;padding:6px 4px;position:absolute;top:30px;right:0;z-index:7;min-width:214px;max-height:300px;background-color:#fff;border-radius:8px;border:1px solid var(--el-border-color-lighter);box-shadow:2px 0 8px #1d23290d;box-sizing:border-box}.m-panel-box[data-active=true][data-v-39a7112e]{display:block}.m-panel-box .u-list .u-li[data-v-39a7112e]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-39a7112e]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-39a7112e],.m-panel-box .u-tc[data-v-39a7112e]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-39a7112e],.m-panel-box .u-tc .u-p[data-v-39a7112e]{display:block;padding-left:4px;width:50px;align-self:auto;white-space:nowrap;line-height:24px;font-weight:700}.m-panel-box .u-tc[data-v-39a7112e]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-39a7112e]{line-height:40px}.m-panel-box .u-divider[data-v-39a7112e]{margin-top:10px;margin-bottom:0}.m-masked[data-v-39a7112e],.g-m-table-column-set-teleport[data-v-39a7112e]{position:fixed;top:0;left:0;z-index:6;width:100%;height:100%}.u-group[data-v-88e3837e]{display:flex;align-items:center}.u-group .u-checkbox[data-v-88e3837e]{padding-right:4px;pointer-events:none;margin-right:0}.u-checkbox[data-v-ce4ca417]{height:var(--el-checkbox-height, 20px)}.g-select-table-box{width:100%}.u-img{width:80px}.m-select-table .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.m-select-table .el-select-dropdown__empty{padding:0}.m-select-table .el-select-dropdown__empty .btn-box{text-align:right;padding-bottom:6px}.m-select-table .m-table-select{padding:6px;overflow-y:auto}.m-select-table .m-page{padding:4px}.br-u-dialog-resize{position:absolute;width:5px;height:5px;cursor:nwse-resize}.br-u-dialog-resize.br-u-lu{left:0;top:0}.br-u-dialog-resize.br-u-ld{left:0;bottom:0}.br-u-dialog-resize.br-u-ru{right:0;top:0}.br-u-dialog-resize.br-u-rd{right:-5px;bottom:-5px;width:10px;height:10px;border-top:1px solid var(--el-color-primary);transform:rotate(-45deg)}.g-select-table-box[data-v-bb9b01dd]{position:relative;line-height:normal}.g-select-table-box .u-input-gp[data-v-bb9b01dd]{position:relative}.g-select-table-box .u-input-gp:hover .el-icon-circle-close[data-v-bb9b01dd]{display:block}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]{display:none;position:absolute;top:50%;right:10px;font-size:14px;color:#c0c4cc;transform:translateY(-50%);cursor:pointer}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]:hover{color:#a4a7ad}.g-select-table-box .s-table[data-v-bb9b01dd]{width:100%}.btn-box[data-v-bb9b01dd]{text-align:right;padding-bottom:6px}.m-page[data-v-bb9b01dd]{padding-top:4px}.g-select-table-box .u-input-gp .el-input{display:flex}.g-select-table-box .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "br-dionysus",
-  "version": "1.7.0",
+  "version": "1.7.2-beta.1",
   "scripts": {
     "dev": "vite --config ./build/base.config.ts",
     "build:doc": "vue-tsc --noEmit && vite build --config ./build/doc.config.ts && node script/copyDir.js",

package/packages/MDialog/docs/demo.vue

@@ -10,6 +10,13 @@
     >
       <div class="u-box">
         <p>这是测试是数据</p>
+        <div v-if="showText">
+          <p>这是测试是数据</p>
+          <p>这是测试是数据</p>
+          <p>这是测试是数据</p>
+          <p>这是测试是数据</p>
+          <p>这是测试是数据</p>
+        </div>
       </div>
       <template #footer>
         <div class="dialog-footer">
@@ -78,7 +85,11 @@ import { useRemainingSpace } from 'packages/index'
 const dialogVisible = ref<boolean>(false)
 const open = () => {
   dialogVisible.value = true
+  setTimeout(() => {
+    showText.value = true
+  }, 3 * 1000)
 }
+const showText = ref<boolean>(false)
 
 const dialogVisible2 = ref<boolean>(false)
 const test = (size: { width: number, height: number }) => {

package/packages/MDialog/src/MDialog.vue

@@ -106,12 +106,12 @@ watch(
   () => props.modelValue,
   () => {
     modelValue.value = props.modelValue
-    if (!props.modelValue) return
-    setTimeout(() => {
-      const bodyDom = document.querySelector('.br-j-body')
-      if (!bodyDom) return
-      insideHeight.value = getLegalityInsideHeight(bodyDom.clientHeight)
-    })
+    // if (!props.modelValue) return
+    // setTimeout(() => {
+    //   const bodyDom = document.querySelector('.br-j-body')
+    //   if (!bodyDom) return
+    //   insideHeight.value = getLegalityInsideHeight(bodyDom.clientHeight)
+    // })
   }
 )
 const boxClass = 'j-box-' + createHash(8)

package/packages/MTable/docs/demo.vue

@@ -1,6 +1,44 @@
 <template>
   <div class="g-box">
+    <h3>展开列</h3>
     <p>{{ tableConfig }}</p>
+    <MTable
+      class="style.box"
+      :data="tableData"
+      border
+      @headerDragend="headerDragend"
+      :filtersValue="filtersValue"
+      scrollbarAlwaysOn
+      v-model:tableConfig="tableConfig"
+      rowKey="id"
+      tableConfigKey="tableConfigKey"
+      expandProp="name"
+    >
+      <MTableColumn
+        type="expand"
+        width="1"
+      >
+        <template #default>
+          <h1>测试</h1>
+        </template>
+      </MTableColumn>
+      <MTableColumn
+        v-for="item in tableTitle"
+        :key="item.prop"
+        :prop="item.prop"
+        :label="item.label"
+        :align="item.align"
+        :minWidth="item.minWidth"
+        :className="item.className"
+        :filters="item.filters"
+        :headerAlign="item.headerAlign"
+        :fixed="item.fixed"
+        v-model:filtersValue="filtersValue"
+        showOverflowTooltip
+      >
+      </MTableColumn>
+    </MTable>
+    <h3>树状表格</h3>
     <MTable
       class="style.box"
       :data="tableData"
@@ -12,11 +50,6 @@
       rowKey="id"
       tableConfigKey="tableConfigKey"
     >
-      <!--<MTableColumn type="expand">-->
-      <!--  <template #default>-->
-      <!--    <h1>测试</h1>-->
-      <!--  </template>-->
-      <!--</MTableColumn>-->
       <MTableColumn
         v-for="item in tableTitle"
         :key="item.prop"
@@ -32,7 +65,6 @@
         showOverflowTooltip
       >
       </MTableColumn>
-      <!--<template #default="scope">{{ scope.row[item.prop] }}</template>-->
     </MTable>
   </div>
 </template>
@@ -41,8 +73,12 @@
 import { ref } from 'vue'
 import { useTableConfig } from 'packages/index'
 
+const test = (data: any) => {
+  console.log('data', data)
+}
+
 const tableData = ref<any[]>([])
-const { tableTitle, headerDragend, tableConfig, filtersValue }= useTableConfig('MTableDemo', [{
+const { tableTitle, headerDragend, tableConfig, filtersValue } = useTableConfig('MTableDemo', [{
   label: 'Date',
   prop: 'date',
   minWidth: 200
@@ -56,53 +92,48 @@ const { tableTitle, headerDragend, tableConfig, filtersValue }= useTableConfig('
   minWidth: 200
 }], tableData)
 
-tableData.value = [
-  {
-    id: 1,
-    date: '2016-05-03',
-    name: 'Tom1',
-    address: 'No. 189, Grove St, Los Angeles',
-    tag: 'Home'
-  },
-  {
-    id: 2,
+tableData.value = [{
+  id: 1,
+  date: '2016-05-03',
+  name: 'Tom1',
+  address: 'No. 189, Grove St, Los Angeles',
+  tag: 'Home',
+  pid: 0
+}, {
+  id: 2,
+  date: '2016-05-02',
+  name: 'Tom2',
+  address: 'No. 189, Grove St, Los Angeles',
+  tag: 'Office',
+  pid: 0,
+  children: [{
+    id: 21,
     date: '2016-05-02',
-    name: 'Tom2',
+    name: 'Tom21',
     address: 'No. 189, Grove St, Los Angeles',
     tag: 'Office',
-    children: [{
-      id: 21,
-      date: '2016-05-02',
-      name: 'Tom21',
-      address: 'No. 189, Grove St, Los Angeles',
-      tag: 'Office',
-    }, {
-      id: 22,
-      date: '2016-05-02',
-      name: 'Tom22',
-      address: 'No. 189, Grove St, Los Angeles',
-      tag: 'Office',
-    }]
-  },
-  {
-    id: 3,
-    date: '2016-05-04',
-    name: 'Tom3',
-    address: 'No. 189, Grove St, Los Angeles',
-    tag: 'Home'
-  },
-  {
-    id: 4,
-    date: '2016-05-01',
-    name: 'Tom4',
+  }, {
+    id: 22,
+    date: '2016-05-02',
+    name: 'Tom22',
     address: 'No. 189, Grove St, Los Angeles',
-    tag: 'Office'
-  }
-]
-
-const pasteData = (obj: any, data: any) => {
-  tableData.value = data
-}
+    tag: 'Office',
+  }]
+}, {
+  id: 3,
+  date: '2016-05-04',
+  name: 'Tom3',
+  address: 'No. 189, Grove St, Los Angeles',
+  tag: 'Home',
+  pid: 0
+}, {
+  id: 4,
+  date: '2016-05-01',
+  name: 'Tom4',
+  address: 'No. 189, Grove St, Los Angeles',
+  tag: 'Office',
+  pid: 0
+}]
 </script>
 
 <style lang="scss" scoped>

package/packages/MTable/src/MTable.vue

@@ -67,7 +67,6 @@ const props = withDefaults(defineProps<{
   rowKey?: Function | string,
   /** 表格配置key */
   tableConfigKey?: string
-
 }>(), {
   size: '',
   sole: 'key',
@@ -233,6 +232,7 @@ const lastColumnProp = computed(() => {
   }
   return propKey
 })
+
 provide(tableKey, {
   tableConfig,
   lastColumnProp,
@@ -273,9 +273,17 @@ defineExpose({
 <style lang="scss">
 .br-m-table-box {
   &[data-is-expand='true'] {
-    .el-table__expand-column, colgroup > col:nth-of-type(1) {
+    //.el-table__expand-column, colgroup > col:nth-of-type(1) {
+    //  display: none;
+    //  //pointer-events: none;
+    //}
+
+    .el-table__expand-column {
+      border: 0;
+    }
+
+    .el-table__expand-column .cell {
       display: none;
-      //pointer-events: none;
     }
 
     //.el-table__expand-column {

package/packages/MTableColumn/src/MTableColumn.vue

@@ -14,43 +14,47 @@
         :index="scope.$index"
       ></slot>
     </template>
-    <!--<template-->
-    <!--  #default="scope"-->
-    <!--  v-if="slots.default"-->
-    <!--&gt;-->
-    <!--  <div class="u-my-table-column-gp">-->
-    <!--    <el-icon-->
-    <!--      class="u-my-table-column-icon"-->
-    <!--      v-if="isExpandTarget"-->
-    <!--      :data-active="getExpandActive(scope.$index)"-->
-    <!--      @click="expandRow(scope.$index)"-->
-    <!--    >-->
-    <!--      <ArrowRight />-->
-    <!--    </el-icon>-->
-    <!--    <slot-->
-    <!--      name="default"-->
-    <!--      :row="scope.row"-->
-    <!--      :column="scope.column"-->
-    <!--      :index="scope.$index"-->
-    <!--    ></slot>-->
-    <!--  </div>-->
-    <!--</template>-->
-    <!--<template-->
-    <!--  #default="scope"-->
-    <!--  v-else-->
-    <!--&gt;-->
-    <!--  <div class="u-my-table-column-gp">-->
-    <!--    <el-icon-->
-    <!--      class="u-my-table-column-icon"-->
-    <!--      v-if="isExpandTarget"-->
-    <!--      :data-active="getExpandActive(scope.$index)"-->
-    <!--      @click="expandRow(scope.$index)"-->
-    <!--    >-->
-    <!--      <ArrowRight />-->
-    <!--    </el-icon>-->
-    <!--    <span>{{ columnData[scope.$index] }}</span>-->
-    <!--  </div>-->
-    <!--</template>-->
+
+    <!--展开行开始-->
+    <template
+      #default="scope"
+      v-if="slots.default && expandProp"
+    >
+      <div class="u-my-table-column-gp">
+        <el-icon
+          class="u-my-table-column-icon"
+          v-if="isExpandTarget"
+          :data-active="getExpandActive(scope.$index)"
+          @click="expandRow(scope.$index)"
+        >
+          <ArrowRight />
+        </el-icon>
+        <slot
+          name="default"
+          :row="scope.row"
+          :column="scope.column"
+          :index="scope.$index"
+        ></slot>
+      </div>
+    </template>
+    <template
+      #default="scope"
+      v-if="!slots.default && expandProp"
+    >
+      <div class="u-my-table-column-gp">
+        <el-icon
+          class="u-my-table-column-icon"
+          v-if="isExpandTarget"
+          :data-active="getExpandActive(scope.$index)"
+          @click="expandRow(scope.$index)"
+        >
+          <ArrowRight />
+        </el-icon>
+        <span>{{ columnData[scope.$index] }}</span>
+      </div>
+    </template>
+    <!--展开行结束-->
+
     <template v-if="props.children && props.children.length">
       <m-table-column
         v-for="child in props.children"
@@ -193,37 +197,37 @@ const emit = defineEmits(['update:filtersValue'])
 const tableKeyData = inject(tableKey)
 const tableConfig = tableKeyData?.tableConfig
 const tableConfigKey = tableKeyData?.tableConfigKey || ''
-// const expandProp = tableKeyData?.expandProp || ''
+const expandProp = tableKeyData?.expandProp || ''
 /** 是否为当初目标 */
-// const isExpandTarget = expandProp === attrs.prop
-// const tableData = tableKeyData?.tableData || ref([])
-// const columnData = computed(() => tableData.value.map(item => item[attrs.prop as string]))
+const isExpandTarget = expandProp === attrs.prop
+const tableData = tableKeyData?.tableData || ref([])
+const columnData = computed(() => tableData.value.map(item => item[attrs.prop as string]))
 const showTableConfig = computed(() => {
   if (!tableKeyData || !tableConfig) return false
   if (!tableConfig.value) return false
   return tableKeyData.lastColumnProp.value === attrs.prop
 })
 
-// const expandRow = (index: number): void => {
-//   const expandRowKeys = tableKeyData?.expandRowKeys || ref<any[]>([])
-//   if (!expandRowKeys.value) return
-//   const rowKey = tableKeyData?.rowKey
-//   const thisRowKeyData = tableData.value.map(item => item[rowKey as string])
-//   const key = thisRowKeyData[index]
-//   if (expandRowKeys.value.includes(key)) {
-//     expandRowKeys.value = expandRowKeys.value.filter(item => item !== key)
-//   } else {
-//     expandRowKeys.value.push(key)
-//   }
-// }
-// const getExpandActive = (index: number): boolean => {
-//   const expandRowKeys = tableKeyData?.expandRowKeys || ref<any[]>([])
-//   if (!expandRowKeys.value) return false
-//   const rowKey = tableKeyData?.rowKey
-//   const thisRowKeyData = tableData.value.map(item => item[rowKey as string])
-//   const key = thisRowKeyData[index]
-//   return expandRowKeys.value.includes(key)
-// }
+const expandRow = (index: number): void => {
+  const expandRowKeys = tableKeyData?.expandRowKeys || ref<any[]>([])
+  if (!expandRowKeys.value) return
+  const rowKey = tableKeyData?.rowKey
+  const thisRowKeyData = tableData.value.map(item => item[rowKey as string])
+  const key = thisRowKeyData[index]
+  if (expandRowKeys.value.includes(key)) {
+    expandRowKeys.value = expandRowKeys.value.filter(item => item !== key)
+  } else {
+    expandRowKeys.value.push(key)
+  }
+}
+const getExpandActive = (index: number): boolean => {
+  const expandRowKeys = tableKeyData?.expandRowKeys || ref<any[]>([])
+  if (!expandRowKeys.value) return false
+  const rowKey = tableKeyData?.rowKey
+  const thisRowKeyData = tableData.value.map(item => item[rowKey as string])
+  const key = thisRowKeyData[index]
+  return expandRowKeys.value.includes(key)
+}
 
 const filterText = ref<string>('')