br-dionysus 1.0.19 → 1.1.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-92e141ac]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-92e141ac]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-92e141ac]{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-92e141ac]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-92e141ac]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-92e141ac]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-92e141ac]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-92e141ac]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-92e141ac]{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-fbfdbd5f]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-fbfdbd5f]{padding:0 14px 10px}.m-inline[data-v-fbfdbd5f]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]: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-fbfdbd5f]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-fbfdbd5f]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-fbfdbd5f]{max-height:none!important}.u-btn-unfold[data-v-fbfdbd5f]{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-fbfdbd5f]{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}.el-table__empty-text img[data-v-3add7d19]{width:15%}.u-icon[data-v-427c315c]{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-427c315c]{display:inline-block;position:relative}.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-f5392071]{vertical-align:baseline}.g-m-table-column-set-box[data-v-f5392071]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-f5392071]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-f5392071]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-f5392071]{overflow:visible;width:auto!important}.m-panel-box[data-v-f5392071]{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-f5392071]{display:block}.m-panel-box .u-list .u-li[data-v-f5392071]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-f5392071]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-f5392071],.m-panel-box .u-tc[data-v-f5392071]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-f5392071],.m-panel-box .u-tc .u-p[data-v-f5392071]{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-f5392071]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-f5392071]{line-height:40px}.m-panel-box .u-divider[data-v-f5392071]{margin-top:10px;margin-bottom:0}.m-masked[data-v-f5392071],.g-m-table-column-set-teleport[data-v-f5392071]{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}
+@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-fbfdbd5f]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-fbfdbd5f]{padding:0 14px 10px}.m-inline[data-v-fbfdbd5f]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]: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-fbfdbd5f]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-fbfdbd5f]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-fbfdbd5f]{max-height:none!important}.u-btn-unfold[data-v-fbfdbd5f]{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-fbfdbd5f]{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}.el-table__empty-text img[data-v-3add7d19]{width:15%}.u-icon[data-v-427c315c]{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-427c315c]{display:inline-block;position:relative}.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-f5392071]{vertical-align:baseline}.g-m-table-column-set-box[data-v-f5392071]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-f5392071]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-f5392071]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-f5392071]{overflow:visible;width:auto!important}.m-panel-box[data-v-f5392071]{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-f5392071]{display:block}.m-panel-box .u-list .u-li[data-v-f5392071]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-f5392071]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-f5392071],.m-panel-box .u-tc[data-v-f5392071]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-f5392071],.m-panel-box .u-tc .u-p[data-v-f5392071]{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-f5392071]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-f5392071]{line-height:40px}.m-panel-box .u-divider[data-v-f5392071]{margin-top:10px;margin-bottom:0}.m-masked[data-v-f5392071],.g-m-table-column-set-teleport[data-v-f5392071]{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}

package/dist/packages/Hook/useRemainingSpace/useRemainingSpace.d.ts

@@ -1,11 +1,16 @@
+import type { Ref } from 'vue';
 /**
  * 获取剩余空间
  * @param boxClassName 父级空间
  * @param className 排除空间
  * @param redundancy 冗余值
+ * @return height
+ * @return tableCovered
+ * @return init
  */
 declare const useRemainingSpace: (boxClassName: string, className?: string, redundancy?: number) => {
-    height: import("vue").Ref<number>;
-    tableCovered: () => void;
+    height: Ref<number>;
+    tableCovered: Function;
+    init: Function;
 };
 export default useRemainingSpace;

package/dist/packages/MDialog/src/MDialog.vue.d.ts

@@ -4,10 +4,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     width?: string | number | undefined;
     /** @description 是否开启拖拽改变大小 */
     resize?: boolean | undefined;
+    /** @description 是否可拖动 */
+    draggable?: boolean | undefined;
 }>, {
     modelValue: boolean;
     width: string;
     resize: boolean;
+    draggable: boolean;
 }>, {
     open: () => any;
     opened: () => any;
@@ -15,20 +18,34 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     closed: () => any;
     openAutoFocus: () => any;
     closeAutoFocus: () => any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    resized: (contentsSize: {
+        width: number;
+        height: number;
+    }) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: boolean | undefined;
     /** @description 对话框的宽度，默认值为 50% */
     width?: string | number | undefined;
     /** @description 是否开启拖拽改变大小 */
     resize?: boolean | undefined;
+    /** @description 是否可拖动 */
+    draggable?: boolean | undefined;
 }>, {
     modelValue: boolean;
     width: string;
     resize: boolean;
-}>>>, {
+    draggable: boolean;
+}>>> & {
+    onResized?: ((contentsSize: {
+        width: number;
+        height: number;
+    }) => any) | undefined;
+}, {
     modelValue: boolean;
     width: string | number;
     resize: boolean;
+    draggable: boolean;
 }, {}>, Partial<Record<NonNullable<string | number>, (_: {}) => any>> & {
     default?(_: {}): any;
 }>;

package/dist/packages/MInputNumber/src/MInputNumber.vue.d.ts

@@ -1,24 +1,24 @@
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: string | number;
-    placeholder: string;
+    placeholder?: string | undefined;
     /** 是否禁用数值输入框 */
-    disabled: boolean;
+    disabled?: boolean | undefined;
     /** 数值输入框尺寸 */
-    size: string;
+    size?: string | undefined;
     /** 设置数值输入框允许的最小值 */
-    min: number;
+    min?: number | undefined;
     /** 设置数值输入框允许的最大值 */
-    max: number;
+    max?: number | undefined;
     /** 数值输入框步长 */
-    step: number;
+    step?: number | undefined;
     /** 是否只能输入 step 的倍数 */
-    stepStrictly: boolean;
+    stepStrictly?: boolean | undefined;
     /** 输入框是否显示千分位 */
-    thousandthPlace: boolean;
+    thousandthPlace?: boolean | undefined;
     /** 是否不要边框 */
-    noBorder: boolean;
+    noBorder?: boolean | undefined;
     /** 不要边距 */
-    noSpacing: boolean;
+    noSpacing?: boolean | undefined;
 }>, {
     modelValue: string;
     placeholder: string;
@@ -47,25 +47,25 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     blur: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: string | number;
-    placeholder: string;
+    placeholder?: string | undefined;
     /** 是否禁用数值输入框 */
-    disabled: boolean;
+    disabled?: boolean | undefined;
     /** 数值输入框尺寸 */
-    size: string;
+    size?: string | undefined;
     /** 设置数值输入框允许的最小值 */
-    min: number;
+    min?: number | undefined;
     /** 设置数值输入框允许的最大值 */
-    max: number;
+    max?: number | undefined;
     /** 数值输入框步长 */
-    step: number;
+    step?: number | undefined;
     /** 是否只能输入 step 的倍数 */
-    stepStrictly: boolean;
+    stepStrictly?: boolean | undefined;
     /** 输入框是否显示千分位 */
-    thousandthPlace: boolean;
+    thousandthPlace?: boolean | undefined;
     /** 是否不要边框 */
-    noBorder: boolean;
+    noBorder?: boolean | undefined;
     /** 不要边距 */
-    noSpacing: boolean;
+    noSpacing?: boolean | undefined;
 }>, {
     modelValue: string;
     placeholder: string;

package/dist/packages/MSelectTable/src/MSelectTable.vue.d.ts

@@ -68,8 +68,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     clear: () => void;
     "update:modelValue": (value: string | number | (string | number)[]) => void;
     selected: (values: string | number | (string | number)[], rows: Option | Option[]) => void;
-    toPage: (page: Page, query?: string | undefined) => void;
     selectMultiple: (values: (string | number)[], rows: Option[]) => void;
+    toPage: (page: Page, query?: string | undefined) => void;
     removeTag: (tag: any) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: string | number | (string | number)[] | undefined;
@@ -134,10 +134,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     popupWidth: number;
 }>>> & {
     "onUpdate:modelValue"?: ((value: string | number | (string | number)[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onSelected?: ((values: string | number | (string | number)[], rows: Option | Option[]) => any) | undefined;
     onSelectMultiple?: ((values: (string | number)[], rows: Option[]) => any) | undefined;
     onToPage?: ((page: Page, query?: string | undefined) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onRemoveTag?: ((tag: any) => any) | undefined;
 }, {
     size: 'small' | 'large' | '';
@@ -146,21 +146,21 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     multiple: boolean;
     placeholder: string;
+    filterMethod: Function | null;
+    border: boolean;
     options: Option[];
     total: number | null;
+    filterable: boolean;
+    remote: boolean;
     remoteMethod: Function;
     tableTitle: TableTitle[];
     keywords: Option;
+    reserveSelection: boolean;
     tableHeight: string | number;
+    isAffirmBtn: boolean;
     scrollbarAlwaysOn: boolean;
-    filterable: boolean;
-    remote: boolean;
     allowCreate: boolean;
-    border: boolean;
     popupWidth: number | string;
-    filterMethod: Function | null;
-    reserveSelection: boolean;
-    isAffirmBtn: boolean;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/packages/MSelectV2/src/MSelectV2.vue.d.ts

@@ -40,9 +40,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onUpdate:modelValue"?: ((data: any) => any) | undefined;
 }, {
     multiple: boolean;
-    options: Option[];
     checkboxMode: boolean;
     showAll: boolean;
+    options: Option[];
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/packages/MTableColumn/src/MTableColumn.vue.d.ts

@@ -41,8 +41,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         text: string | number;
         value: string | number;
     }[];
-    filterMethod: Function;
     filtersValue: FilterValue;
+    filterMethod: Function;
 }, {}>, {
     default?(_: {
         row: any;

package/dist/packages/TabPage/src/TabPage.vue.d.ts

@@ -34,9 +34,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: MenuItem[];
-    primaryColor: string;
     activeKey: string;
     showRightClickMenu: boolean;
+    primaryColor: string;
     primaryBackgroundColor: string | null;
 }, {}>, {
     icon?(_: {}): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "br-dionysus",
-  "version": "1.0.19",
+  "version": "1.1.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/Hook/useRemainingSpace/README.md

@@ -15,6 +15,7 @@
 |--------------|--------------------------------|-------------|
 | height       | 计算之后的高度                        | ref<number> |
 | tableCovered | 重新进行计算高度 (如弹窗表 抽屉表 等默认无DOM时使用) | function    |
+| tableCovered | 重新初始化 (如弹窗表 抽屉表 等默认无DOM时使用)    | function    |
  
 
 

package/packages/Hook/useRemainingSpace/useRemainingSpace.ts

@@ -1,46 +1,20 @@
-import { ref, onMounted, nextTick, onUnmounted } from 'vue'
-
-// 创建随机哈希值
-const createHash = (hashLength: number = 24) => {
-  return Array.from(Array(Number(hashLength) || 24), () => Math.floor(Math.random() * 36).toString(36)).join('')
-}
-
-/** 全局窗口大小变化事件 */
-interface GlobalResizeArr {
-  /** 主键key */
-  id: string | number,
-  /** 回调函数 */
-  callback: Function
-}
-
-const globalResizeArr: GlobalResizeArr[] = []
-window.onresize = () => {
-  globalResizeArr.forEach(item => {
-    item.callback()
-  })
-}
-const globalResize = () => {
-  const globalResize = (id: string | number, callback: Function = () => {}) => {
-    if (globalResizeArr.find(item => item.id === id)) return
-    globalResizeArr.push({ id, callback })
-  }
-  const deleteGlobalResize = (id: string | number) => {
-    globalResizeArr.splice(globalResizeArr.findIndex(item => item.id === id), 1)
-  }
-
-  return {
-    globalResize,
-    deleteGlobalResize
-  }
-}
+import { ref, onMounted, nextTick } from 'vue'
+import type { Ref } from 'vue'
 
 /**
  * 获取剩余空间
  * @param boxClassName 父级空间
  * @param className 排除空间
  * @param redundancy 冗余值
+ * @return height
+ * @return tableCovered
+ * @return init
  */
-const useRemainingSpace = (boxClassName: string, className: string = '', redundancy: number = 0) => {
+const useRemainingSpace = (boxClassName: string, className: string = '', redundancy: number = 0): {
+  height: Ref<number>,
+  tableCovered: Function,
+  init: Function
+} => {
   const height = ref<number>(0)
 
   const getPropDom = (el: HTMLElement): HTMLElement => {
@@ -83,7 +57,7 @@ const useRemainingSpace = (boxClassName: string, className: string = '', redunda
       const isBoxRelative = boxPosition === 'relative'
       if (!isBoxRelative) box.style.position = 'relative'
       const offsetTop = getOffsetTop(dom)
-      if (!isBoxRelative) box.style.position = boxPosition
+      // if (!isBoxRelative) box.style.position = boxPosition
 
       const paddingBottom = parseInt(boxStyle.getPropertyValue('padding-bottom'), 10)
       // 横向滚动条高度
@@ -129,9 +103,7 @@ const useRemainingSpace = (boxClassName: string, className: string = '', redunda
     }
   }
 
-  const id = createHash()
-
-  onMounted(() => {
+  const init = () => {
     const targetNode: Element | null = document.querySelector('.' + boxClassName)
     if (!targetNode) return false
     const dom: HTMLElement | null = document.querySelector('.' + className)
@@ -146,20 +118,30 @@ const useRemainingSpace = (boxClassName: string, className: string = '', redunda
     }))
 
     observer.observe(targetNode, {
-      attributes: true, // 属性变化
+      attributes: false, // 属性变化
       childList: true, // 子节点增删
       subtree: true // 后代
     })
-    globalResize().globalResize(id, tableCovered)
-  })
 
-  onUnmounted(() => {
-    globalResize().deleteGlobalResize(id)
+    const resizeObserver = new ResizeObserver(entries => {
+      if (!dom) return
+      tableCovered()
+    })
+
+    resizeObserver.observe(targetNode)
+  }
+
+  onMounted(() => {
+    init()
   })
 
   return {
+    /** 高度 */
     height,
-    tableCovered
+    /** 重新触发计算 */
+    tableCovered,
+    /** 重新初始化 */
+    init
   }
 }
 

package/packages/MDialog/docs/README.md

@@ -20,6 +20,7 @@ import demo from './demo.vue'
 
 ### 2) Events
 
-| 方法名  |      说明       |                       参数                        |
-|------|:-------------:|:-----------------------------------------------:|
-| 其余参数 | 参考el官网的dialog | https://element-plus.org/zh-CN/component/dialog |
+| 方法名     |      说明       |                           参数                           |
+|---------|:-------------:|:------------------------------------------------------:|
+| resized |  窗口大小改变完成事件   | (contentsSize: { width: number, height: number })内容物大小 |
+| 其余参数    | 参考el官网的dialog |    https://element-plus.org/zh-CN/component/dialog     |

package/packages/MDialog/docs/demo.vue

@@ -7,8 +7,19 @@
       draggable
       title="这是标题"
       resize
+      @resized="test"
+      @opened="opened"
     >
-      <span>这是一条消息</span>
+      <div class="u-box j-box">
+        <p
+          class="u-table j-table"
+          :style="'height: ' + height + 'px'"
+        >
+          这是一条消息{{ height }}
+        </p>
+        <div>这是干扰元素</div>
+        <div class="u-pa">这是绝对<br/>定位元素</div>
+      </div>
       <template #footer>
         <div class="dialog-footer">
           <el-button @click="dialogVisible = false">取消</el-button>
@@ -24,10 +35,38 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { MDialog } from 'packages/MDialog'
+import { useRemainingSpace } from 'packages/index'
 
 const dialogVisible = ref<boolean>(false)
+
+const test = (size: { width: number, height: number }) => {
+  // console.log('size', size)
+}
+
+const { height, init } = useRemainingSpace('j-box', 'j-table')
+const opened = () => {
+  init()
+}
 </script>
 
 <style scoped lang="scss">
+.u-box {
+  //position: relative;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  border: 1px solid #000;
+  flex-direction: column;
+
+  .u-table {
+    border: 1px solid red;
+    box-sizing: border-box;
+  }
 
+  .u-pa {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+  }
+}
 </style>

package/packages/MDialog/src/MDialog.vue

@@ -4,6 +4,7 @@
     :class="boxClass"
     :modalClass="modalClass"
     :width="dialogWidth"
+    :draggable="props.draggable"
     v-bind="$attrs"
     v-model="props.modelValue"
   >
@@ -35,16 +36,24 @@ import createHash from '../../../tool/createHash'
 
 const slots = useSlots()
 
+const emit = defineEmits<{
+  /** 窗口大小改变完成事件 */
+  resized: [contentsSize: { width: number, height: number }]
+}>()
+
 const props = withDefaults(defineProps<{
   modelValue?: boolean,
   /** @description 对话框的宽度，默认值为 50% */
   width?: string | number,
   /** @description 是否开启拖拽改变大小 */
-  resize?: boolean
+  resize?: boolean,
+  /** @description 是否可拖动 */
+  draggable?: boolean
 }>(), {
   modelValue: false,
   width: '',
-  resize: false
+  resize: false,
+  draggable: false
 })
 const boxClass = 'j-box-' + createHash(8)
 const modalClass = 'j-modal-' + createHash(8)
@@ -86,8 +95,10 @@ const createResizeDom = (className: string = '', direction: 'lu' | 'ld' | 'ru' |
 let drag: boolean = false
 let dragStartX: number = 0
 let dragStartY: number = 0
-let dialogWidth = ref<string | number>(props.width)
-let dialogHeight = ref<string>('auto')
+const dialogWidth = ref<string | number>(props.width)
+const dialogHeight = ref<string>('auto')
+let recordingDialogWidth: number = 0
+let recordingDialogHeight: number = 0
 let boxWidth: number = 0
 let boxHeight: number = 0
 watch(
@@ -97,12 +108,22 @@ watch(
     const modalDom: HTMLElement | null = document.querySelector('.' + modalClass)
     if (!modalDom) return false
     modalDom.onmouseup = () => {
+      if (!drag) return false
       drag = false
+
+      const defaultDom: HTMLElement | null = document.querySelector('[data-mark="' + markDefault + '"]')
+      if (!defaultDom) return false
+      emit('resized', {
+        width: defaultDom?.clientWidth,
+        height: recordingDialogHeight < 0 ? 0 : recordingDialogHeight
+      })
     }
     modalDom.onmousemove = (event: MouseEvent) => {
       if (!drag) return false
-      dialogWidth.value = boxWidth + (event.clientX - dragStartX) * 2 + 'px'
-      dialogHeight.value = boxHeight + event.clientY - dragStartY + 'px'
+      recordingDialogWidth = boxWidth + (event.clientX - dragStartX) * 2
+      recordingDialogHeight = boxHeight + event.clientY - dragStartY
+      dialogWidth.value = recordingDialogWidth + 'px'
+      dialogHeight.value = recordingDialogHeight + 'px'
     }
     setTimeout(() => {
       createResizeDom(luClass, 'lu')

package/packages/MInputNumber/src/MInputNumber.vue

@@ -41,25 +41,25 @@ import { reactive, computed, watch } from 'vue'
 
 const props = withDefaults(defineProps<{
   modelValue: string | number,
-  placeholder: string,
+  placeholder?: string,
   /** 是否禁用数值输入框 */
-  disabled: boolean,
+  disabled?: boolean,
   /** 数值输入框尺寸 */
-  size: string,
+  size?: string,
   /** 设置数值输入框允许的最小值 */
-  min: number,
+  min?: number,
   /** 设置数值输入框允许的最大值 */
-  max: number,
+  max?: number,
   /** 数值输入框步长 */
-  step: number,
+  step?: number,
   /** 是否只能输入 step 的倍数 */
-  stepStrictly: boolean,
+  stepStrictly?: boolean,
   /** 输入框是否显示千分位 */
-  thousandthPlace: boolean,
+  thousandthPlace?: boolean,
   /** 是否不要边框 */
-  noBorder: boolean,
+  noBorder?: boolean,
   /** 不要边距 */
-  noSpacing: boolean
+  noSpacing?: boolean
 }>(), {
   modelValue: '',
   placeholder: '',