br-dionysus 1.8.2 → 1.8.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1 +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-774e3dfc]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-774e3dfc]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-774e3dfc]{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-774e3dfc]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-774e3dfc]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-774e3dfc]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-774e3dfc]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-774e3dfc]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-774e3dfc]{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-f9daa12c]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-f9daa12c]{padding:0 14px 10px}.m-inline[data-v-f9daa12c]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-f9daa12c]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-f9daa12c]: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-f9daa12c]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-f9daa12c]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-f9daa12c]{max-height:none!important}.u-btn-unfold[data-v-f9daa12c]{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-f9daa12c]{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-857db977]{display:flex}.g-skin-config-box .u-tt[data-v-857db977]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-857db977]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-857db977]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-857db977]{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-857db977]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-857db977]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-857db977]{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-857db977]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-857db977]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-857db977]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-857db977]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-857db977]{width:100px}.u-it[data-v-857db977]{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-610be817]{position:relative}.el-table__empty-text img[data-v-610be817]{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-f07086c1]{display:inline-block;position:relative;width:14px;height:14px;background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-f07086c1]{display:inline-block;position:relative}.u-set[data-v-f07086c1]{padding:2.5px 0;float:right}.u-my-table-column-gp[data-v-f07086c1]{display:inline}.u-my-table-column-icon[data-v-f07086c1]{float:left;padding:4px;cursor:pointer;transition:.3s;font-size:14px}.u-my-table-column-icon[data-active=true][data-v-f07086c1]{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;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;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}.filter-i{background-color:var(--el-color-primary)}.vab[data-v-672cca70]{vertical-align:baseline}.g-m-table-column-set-box[data-v-672cca70]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-672cca70]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-672cca70]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-672cca70]{overflow:visible;width:auto!important}.m-panel-box[data-v-672cca70]{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-672cca70]{display:block}.m-panel-box .u-list .u-li[data-v-672cca70]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-672cca70]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-672cca70],.m-panel-box .u-tc[data-v-672cca70]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-672cca70],.m-panel-box .u-tc .u-p[data-v-672cca70]{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-672cca70]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-672cca70]{line-height:40px}.m-panel-box .s-link[data-v-672cca70]{text-align:right;justify-content:end}.m-panel-box .u-divider[data-v-672cca70]{margin-top:10px;margin-bottom:0}.m-masked[data-v-672cca70],.g-m-table-column-set-teleport[data-v-672cca70]{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-9fd0a41e]{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)}
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-774e3dfc]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-774e3dfc]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-774e3dfc]{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-774e3dfc]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-774e3dfc]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-774e3dfc]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-774e3dfc]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-774e3dfc]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-774e3dfc]{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-f9daa12c]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-f9daa12c]{padding:0 14px 10px}.m-inline[data-v-f9daa12c]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-f9daa12c]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-f9daa12c]: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-f9daa12c]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-f9daa12c]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-f9daa12c]{max-height:none!important}.u-btn-unfold[data-v-f9daa12c]{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-f9daa12c]{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-857db977]{display:flex}.g-skin-config-box .u-tt[data-v-857db977]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-857db977]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-857db977]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-857db977]{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-857db977]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-857db977]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-857db977]{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-857db977]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-857db977]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-857db977]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-857db977]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-857db977]{width:100px}.u-it[data-v-857db977]{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-610be817]{position:relative}.el-table__empty-text img[data-v-610be817]{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-f07086c1]{display:inline-block;position:relative;width:14px;height:14px;background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-f07086c1]{display:inline-block;position:relative}.u-set[data-v-f07086c1]{padding:2.5px 0;float:right}.u-my-table-column-gp[data-v-f07086c1]{display:inline}.u-my-table-column-icon[data-v-f07086c1]{float:left;padding:4px;cursor:pointer;transition:.3s;font-size:14px}.u-my-table-column-icon[data-active=true][data-v-f07086c1]{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;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;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}.filter-i{background-color:var(--el-color-primary)}.vab[data-v-8973fe67]{vertical-align:baseline}.g-m-table-column-set-box[data-v-8973fe67]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-8973fe67]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-8973fe67]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-8973fe67]{overflow:visible;width:auto!important}.m-panel-box[data-v-8973fe67]{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-8973fe67]{display:block}.m-panel-box .u-list .u-li[data-v-8973fe67]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-8973fe67]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-8973fe67],.m-panel-box .u-tc[data-v-8973fe67]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-8973fe67],.m-panel-box .u-tc .u-p[data-v-8973fe67]{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-8973fe67]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-8973fe67]{line-height:40px}.m-panel-box .s-link[data-v-8973fe67]{text-align:right;justify-content:end}.m-panel-box .u-divider[data-v-8973fe67]{margin-top:10px;margin-bottom:0}.m-masked[data-v-8973fe67],.g-m-table-column-set-teleport[data-v-8973fe67]{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-9fd0a41e]{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)}.br-m-table-v2-box[data-v-2e13b645]{position:relative}.br-m-table-v2-box .br-m-table-config-set[data-v-2e13b645]{position:absolute;top:0;right:0;z-index:4}.br-m-table-v2-box[data-size=small] .br-m-table-config-set[data-v-2e13b645]{top:3px}.br-m-table-v2-box[data-size=default] .br-m-table-config-set[data-v-2e13b645]{top:13px}.br-m-table-v2-box[data-size=large] .br-m-table-config-set[data-v-2e13b645]{top:20.5px}.br-m-table-v2-box[data-size=small] .el-table-v2{font-size:12px}.br-m-table-v2-box[data-border=true] .el-table-v2{border:1px solid var(--el-table-border-color)}.br-m-table-v2-box[data-border=true] .el-table-v2 .el-table-v2__header-cell,.br-m-table-v2-box[data-border=true] .el-table-v2 .el-table-v2__row-cell{border-right:var(--el-table-border)}.br-m-table-v2-box[data-border=true] .el-table-v2 .el-table-v2__header-cell:nth-last-of-type(1),.br-m-table-v2-box[data-border=true] .el-table-v2 .el-table-v2__row-cell:nth-last-of-type(1){border-right:0}.br-m-table-v2-box[data-size=small] .el-table-v2__cell-text{line-height:30px}.br-m-table-v2-box[data-size=default] .el-table-v2__cell-text{line-height:50px}.br-m-table-v2-box[data-size=large] .el-table-v2__cell-text{line-height:65px}
@@ -24,7 +24,7 @@ export interface TableConfig {
24
24
  export interface FilterValue {
25
25
  [key: string]: Array<string | number>;
26
26
  }
27
- interface UseTableConfigReturn {
27
+ export interface UseTableConfigReturn {
28
28
  tableTitle: Ref<TableTitle[]>;
29
29
  tableConfig: Ref<TableConfig>;
30
30
  headerDragend: (newWidth: number, oldWidth: number, column: any) => void;
@@ -40,7 +40,6 @@ interface UseTableConfigReturn {
40
40
  * @param {string} name 表格唯一标识
41
41
  * @param {TableTitle} tableTitle 列配置
42
42
  * @param {Ref<any[]>} tableData 表格数据
43
- // * @param {Config} config 表格数据
44
43
  * */
45
44
  declare const useTableConfig: (name?: string, tableTitle?: TableTitle[], tableData?: Ref<any[]> | null) => UseTableConfigReturn;
46
45
  export default useTableConfig;
@@ -0,0 +1,22 @@
1
+ import type { Ref } from 'vue';
2
+ import { FilterValue, TableConfig } from './../useTableConfig/useTableConfig';
3
+ import { Page } from './../../typings/class';
4
+ interface UseTableV2ConfigReturn {
5
+ tableTitle: Ref<TableV2Title[]>;
6
+ tableConfig: Ref<TableConfig>;
7
+ headerDragend: (newWidth: number, oldWidth: number, column: any) => void;
8
+ /** 初始化列筛选 */
9
+ initColumnFilter: (tableData: any[]) => void;
10
+ /** 过滤条件 */
11
+ filtersValue: Ref<FilterValue>;
12
+ /** 分页 */
13
+ page: Ref<Page>;
14
+ }
15
+ /**
16
+ * 表格V2配置
17
+ * @param {string} name 表格唯一标识
18
+ * @param {TableV2Title} tableTitle 列配置
19
+ * @param {Ref<any[]>} tableData 表格数据
20
+ * */
21
+ declare const useTableV2Config: (name?: string, tableTitle?: TableV2Title[], tableData?: Ref<any[]> | null) => UseTableV2ConfigReturn;
22
+ export default useTableV2Config;
@@ -148,8 +148,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
148
148
  total: number | null;
149
149
  filterMethod: Function | null;
150
150
  tableTitle: TableTitle[];
151
- modelValue: string | number | Array<number | string>;
152
151
  border: boolean;
152
+ modelValue: string | number | Array<number | string>;
153
153
  options: Option[];
154
154
  filterable: boolean;
155
155
  remote: boolean;
@@ -113,11 +113,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
113
113
  }[];
114
114
  tableConfig: TableConfig | null;
115
115
  filtersValue: FilterValue | null;
116
+ tableConfigKey: string;
116
117
  sole: string;
117
118
  expandProp: string;
118
119
  expandRowKeys: any[];
119
120
  rowKey: string | Function;
120
- tableConfigKey: string;
121
121
  }, {}>, {
122
122
  default?(_: {}): any;
123
123
  append?(_: {}): any;
@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
10
10
  /** 是否为链接按钮 */
11
11
  link?: boolean | undefined;
12
12
  /** 表格配置key */
13
- tableConfigKey?: "" | undefined;
13
+ tableConfigKey?: string | undefined;
14
14
  }>, {
15
15
  modelValue: () => TableConfig;
16
16
  foldMode: boolean;
@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
27
27
  /** 是否为链接按钮 */
28
28
  link?: boolean | undefined;
29
29
  /** 表格配置key */
30
- tableConfigKey?: "" | undefined;
30
+ tableConfigKey?: string | undefined;
31
31
  }>, {
32
32
  modelValue: () => TableConfig;
33
33
  foldMode: boolean;
@@ -38,8 +38,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
38
38
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
39
39
  }, {
40
40
  link: boolean;
41
+ tableConfigKey: string;
41
42
  modelValue: TableConfig;
42
- tableConfigKey: '';
43
43
  foldMode: boolean;
44
44
  }, {}>;
45
45
  export default _default;
@@ -0,0 +1,4 @@
1
+ import { Plugin } from 'vue';
2
+ import MTableV2 from './src/MTableV2.vue';
3
+ export declare const MTableV2Plugin: Plugin;
4
+ export { MTableV2 };
@@ -0,0 +1,147 @@
1
+ import { TableConfig } from './../../Hook/useTableConfig/useTableConfig';
2
+ interface FilterValue {
3
+ [key: string]: Array<string | number>;
4
+ }
5
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
6
+ size?: "default" | "small" | "large" | undefined;
7
+ data?: {
8
+ [key: string]: any;
9
+ }[] | undefined;
10
+ /** 表格高度 */
11
+ height?: number | undefined;
12
+ /** 显示边框 */
13
+ border?: boolean | undefined;
14
+ /** 表格列配置 */
15
+ columns?: TableV2Title[] | undefined;
16
+ /** 表格内容筛选(当为null时,不显示筛选图标) */
17
+ filtersValue?: FilterValue | null | undefined;
18
+ /** 表格配置 */
19
+ tableConfig?: TableConfig | null | undefined;
20
+ /** 表格配置key */
21
+ tableConfigKey?: string | undefined;
22
+ /** 单元格宽度是自适应还是固定 */
23
+ fixed?: boolean | undefined;
24
+ /** 渲染动态的单元格的预估高度 */
25
+ estimatedRowHeight?: number | null | undefined;
26
+ /** Header 的高度由height设置。 如果传入数组,它会使 header row 等于数组长度 */
27
+ headerHeight?: number | number[] | null | undefined;
28
+ }>, {
29
+ size: string;
30
+ data: () => never[];
31
+ height: number;
32
+ columns: () => never[];
33
+ border: boolean;
34
+ filtersValue: null;
35
+ tableConfig: null;
36
+ tableConfigKey: string;
37
+ fixed: boolean;
38
+ estimatedRowHeight: null;
39
+ headerHeight: null;
40
+ }>, {
41
+ scrollTo: (param: {
42
+ scrollLeft?: number | undefined;
43
+ scrollTop?: number | undefined;
44
+ }) => any;
45
+ scrollToLeft: (scrollLeft: number) => any;
46
+ scrollToTop: (scrollTop: number) => any;
47
+ scrollToRow: (row: number, strategy?: "center" | "end" | "start" | "smart" | undefined) => any;
48
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
49
+ pasteData: (data: {
50
+ /** 粘贴行的行数据 */
51
+ editRow: {
52
+ [key: string]: any;
53
+ };
54
+ /** 粘贴列的列名 */
55
+ editColumn: string;
56
+ /** 粘贴的数据 */
57
+ arr: (string | number)[];
58
+ /** 起始行 */
59
+ rowIndex: number;
60
+ }, tableData: {
61
+ [key: string]: any;
62
+ }[]) => void;
63
+ "update:tableConfig": (tableConfig: TableConfig) => void;
64
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
65
+ size?: "default" | "small" | "large" | undefined;
66
+ data?: {
67
+ [key: string]: any;
68
+ }[] | undefined;
69
+ /** 表格高度 */
70
+ height?: number | undefined;
71
+ /** 显示边框 */
72
+ border?: boolean | undefined;
73
+ /** 表格列配置 */
74
+ columns?: TableV2Title[] | undefined;
75
+ /** 表格内容筛选(当为null时,不显示筛选图标) */
76
+ filtersValue?: FilterValue | null | undefined;
77
+ /** 表格配置 */
78
+ tableConfig?: TableConfig | null | undefined;
79
+ /** 表格配置key */
80
+ tableConfigKey?: string | undefined;
81
+ /** 单元格宽度是自适应还是固定 */
82
+ fixed?: boolean | undefined;
83
+ /** 渲染动态的单元格的预估高度 */
84
+ estimatedRowHeight?: number | null | undefined;
85
+ /** Header 的高度由height设置。 如果传入数组,它会使 header row 等于数组长度 */
86
+ headerHeight?: number | number[] | null | undefined;
87
+ }>, {
88
+ size: string;
89
+ data: () => never[];
90
+ height: number;
91
+ columns: () => never[];
92
+ border: boolean;
93
+ filtersValue: null;
94
+ tableConfig: null;
95
+ tableConfigKey: string;
96
+ fixed: boolean;
97
+ estimatedRowHeight: null;
98
+ headerHeight: null;
99
+ }>>> & {
100
+ onPasteData?: ((data: {
101
+ /** 粘贴行的行数据 */
102
+ editRow: {
103
+ [key: string]: any;
104
+ };
105
+ /** 粘贴列的列名 */
106
+ editColumn: string;
107
+ /** 粘贴的数据 */
108
+ arr: (string | number)[];
109
+ /** 起始行 */
110
+ rowIndex: number;
111
+ }, tableData: {
112
+ [key: string]: any;
113
+ }[]) => any) | undefined;
114
+ "onUpdate:tableConfig"?: ((tableConfig: TableConfig) => any) | undefined;
115
+ }, {
116
+ size: 'small' | 'large' | 'default';
117
+ data: Array<{
118
+ [key: string]: any;
119
+ }>;
120
+ fixed: boolean;
121
+ height: number;
122
+ tableConfig: TableConfig | null;
123
+ filtersValue: FilterValue | null;
124
+ columns: TableV2Title[];
125
+ border: boolean;
126
+ tableConfigKey: string;
127
+ estimatedRowHeight: number | null;
128
+ headerHeight: number | number[] | null;
129
+ }, {}>;
130
+ export default _default;
131
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
132
+ type __VLS_TypePropsToRuntimeProps<T> = {
133
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
134
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
135
+ } : {
136
+ type: import('vue').PropType<T[K]>;
137
+ required: true;
138
+ };
139
+ };
140
+ type __VLS_WithDefaults<P, D> = {
141
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
142
+ default: D[K];
143
+ }> : P[K];
144
+ };
145
+ type __VLS_Prettify<T> = {
146
+ [K in keyof T]: T[K];
147
+ } & {};
@@ -1,5 +1,6 @@
1
1
  import { Plugin } from 'vue';
2
2
  import useTableConfig from './Hook/useTableConfig/useTableConfig';
3
+ import useTableV2Config from './Hook/useTableV2Config/useTableV2Config';
3
4
  import useRemainingSpace from './Hook/useRemainingSpace/useRemainingSpace';
4
5
  import useSkin from './SkinConfig/src/useSkin';
5
6
  import useGlobalZIndex from './Hook/useZIndex/useGlobalZIndex';
@@ -9,7 +10,6 @@ import moneyFormat from './Tool/moneyFormat/moneyFormat';
9
10
  import checkType from './Tool/checkType/checkType';
10
11
  import compareStructures from './Tool/compareStructures/compareStructures';
11
12
  declare const BrPlugin: Plugin;
12
- export default BrPlugin;
13
13
  export * from './TabPage';
14
14
  export * from './MInputNumber';
15
15
  export * from './MInline';
@@ -22,7 +22,9 @@ export * from './MSelectTable';
22
22
  export * from './MSelectV2';
23
23
  export * from './MDialog';
24
24
  export * from './MSelectTableV1';
25
+ export * from './MTableV2';
25
26
  export { useTableConfig };
27
+ export { useTableV2Config };
26
28
  export { useRemainingSpace };
27
29
  export { useSkin };
28
30
  export { useGlobalZIndex };
@@ -31,3 +33,4 @@ export { useMTableColumnSet };
31
33
  export { moneyFormat };
32
34
  export { checkType };
33
35
  export { compareStructures };
36
+ export default BrPlugin;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "br-dionysus",
3
- "version": "1.8.2",
3
+ "version": "1.8.3",
4
4
  "scripts": {
5
5
  "dev": "vite --config vite.config.ts",
6
6
  "build:doc": "vue-tsc --noEmit && vite build --config ./build/doc.config.ts && node script/copyDir.js",
@@ -7,7 +7,7 @@ import demo from './demo.vue'
7
7
 
8
8
  ### 1) 基础用法
9
9
 
10
- <Preview comp-name="usePackageConfig" demo-name="demo" is-hook>
10
+ <Preview comp-name="useTableConfig" demo-name="demo" is-hook>
11
11
  <demo />
12
12
  </Preview>
13
13
 
@@ -38,7 +38,7 @@ export interface FilterValue {
38
38
  [key: string]: Array<string | number>
39
39
  }
40
40
 
41
- interface UseTableConfigReturn {
41
+ export interface UseTableConfigReturn {
42
42
  tableTitle: Ref<TableTitle[]>,
43
43
  tableConfig: Ref<TableConfig>,
44
44
  headerDragend: (newWidth: number, oldWidth: number, column: any) => void,
@@ -55,7 +55,6 @@ interface UseTableConfigReturn {
55
55
  * @param {string} name 表格唯一标识
56
56
  * @param {TableTitle} tableTitle 列配置
57
57
  * @param {Ref<any[]>} tableData 表格数据
58
- // * @param {Config} config 表格数据
59
58
  * */
60
59
  const useTableConfig = (name: string = '', tableTitle: TableTitle[] = [], tableData: Ref<any[]> | null = null): UseTableConfigReturn => {
61
60
  /** 表格列头 */
@@ -0,0 +1,61 @@
1
+ <script setup>
2
+ import demo from './demo.vue'
3
+ </script>
4
+
5
+ 表格V2组合 hook
6
+ =================
7
+
8
+ ### 1) 基础用法
9
+
10
+ <Preview comp-name="useTableV2Config" demo-name="demo" is-hook>
11
+ <demo />
12
+ </Preview>
13
+
14
+ ### 2) 所需参数
15
+
16
+ | 名称 | 描述 | 类型 | 可选值 | 默认值 |
17
+ |------------|--------|--------------------|:---:|:----:|
18
+ | name | 表格唯一标识 | string | - | - |
19
+ | tableTitle | 列配置 | TableV2Title[] | - | - |
20
+ | tableData | 表格数据 | ref<any[]> \| null | - | null |
21
+
22
+ ### 3) 返回值
23
+
24
+ | 名称 | 描述 | 类型 |
25
+ |------------------|---------|-----------------------------------------------------------|
26
+ | tableTitle | 处理之后的表头 | TableV2Title[] |
27
+ | tableConfig | 表头的配置项 | TableConfig |
28
+ | headerDragend | 表格拖拽事件 | (newWidth: number, oldWidth: number, column: any) => void |
29
+ | initColumnFilter | 列的筛选 | (tableData: any[]) => void |
30
+ | filtersValue | 过滤条件 | FilterValue |
31
+ | page | 分页 | Page |
32
+
33
+ ### 4) TableV2Title
34
+
35
+ | 参数 | 说明 | 类型 |
36
+ |--------------------|------------------------------------------------------------------------------------|-------------------------------|
37
+ | title | 显示的标题 | string |
38
+ | key | 唯一标志 | string |
39
+ | dataKey | data 的唯一标志符 | string |
40
+ | align | 表格单元格内容对齐方式 | 'right' \| 'left' \| 'center' |
41
+ | class | 列的类名 | string |
42
+ | fixed | 列是否固定在左侧或者右侧。 true 表示固定在左侧 | true \| 'left' \| 'right' |
43
+ | headerClass | 自定义 header 头部类名 | string |
44
+ | hidden | 此列是否不可见 | boolean |
45
+ | style | 自定义列单元格的类名,将会与 gird 单元格合并 | object |
46
+ | minWidth | 对应列的最小宽度, 对应列的最小宽度, 与 width 的区别是 width 是固定的,min-width 会把剩余宽度按比例分配给设置了 min-width 的列 | number \| string |
47
+ | maxWidth | 对应列的列的最大宽度 | number \| string |
48
+ | width | 对应列的宽度 | number \| string |
49
+ | cellRenderer | 自定义单元格渲染器 | any |
50
+ | headerCellRenderer | 自定义头部渲染器 | any |
51
+
52
+ ### 5) Page (分页对象)
53
+
54
+ | 参数 | 说明 | 类型 |
55
+ |------------------|---------|----------|
56
+ | total | 总数 | number |
57
+ | pageSize | 分页大小 | number |
58
+ | currentPage | 页码 | number |
59
+ | pageSizesOptions | 分页大小可选项 | number[] |
60
+
61
+
@@ -0,0 +1,59 @@
1
+ <template>
2
+ <div class="g-box">
3
+ <p @click="test">{{ tableConfig }}</p>
4
+ <MTableV2
5
+ :data="tableData"
6
+ :columns="tableTitle"
7
+ :height="500"
8
+ border
9
+ fixed
10
+ v-model:tableConfig="tableConfig"
11
+ tableConfigKey="MTableV2Demo"
12
+ ></MTableV2>
13
+ </div>
14
+ </template>
15
+
16
+ <script setup lang="ts">
17
+ import { ref } from 'vue'
18
+ import useTableV2Config from 'packages/Hook/useTableV2Config/useTableV2Config'
19
+
20
+ const tableData = ref<any[]>([])
21
+ const { tableTitle, tableConfig, filtersValue } = useTableV2Config('MTableV2Demo', [{
22
+ title: '序号',
23
+ key: 'sn',
24
+ dataKey: 'sn',
25
+ width: 300
26
+ }, {
27
+ title: '时间',
28
+ key: 'date',
29
+ dataKey: 'date',
30
+ width: 300
31
+ }, {
32
+ title: '地址',
33
+ key: 'address',
34
+ dataKey: 'address',
35
+ width: 300
36
+ }, {
37
+ title: '名称',
38
+ key: 'name',
39
+ dataKey: 'name',
40
+ width: 300
41
+ }], tableData)
42
+
43
+ const test = () => {
44
+ filtersValue.value = {}
45
+ }
46
+ tableData.value = [{
47
+ id: 1,
48
+ sn: 'sn',
49
+ date: 'date',
50
+ address: 'address',
51
+ name: 'name'
52
+ }]
53
+ </script>
54
+
55
+ <style lang="scss" scoped>
56
+ .g-box {
57
+ max-width: 1000px;
58
+ }
59
+ </style>
@@ -0,0 +1,74 @@
1
+ import { watch, ref } from 'vue'
2
+ import type { Ref } from 'vue'
3
+ import useTableConfig, { FilterValue, TableConfig } from './../useTableConfig/useTableConfig'
4
+ import { Page } from './../../typings/class'
5
+
6
+ interface UseTableV2ConfigReturn {
7
+ tableTitle: Ref<TableV2Title[]>,
8
+ tableConfig: Ref<TableConfig>,
9
+ headerDragend: (newWidth: number, oldWidth: number, column: any) => void,
10
+ /** 初始化列筛选 */
11
+ initColumnFilter: (tableData: any[]) => void,
12
+ /** 过滤条件 */
13
+ filtersValue: Ref<FilterValue>,
14
+ /** 分页 */
15
+ page: Ref<Page>
16
+ }
17
+
18
+ /**
19
+ * 表格V2配置
20
+ * @param {string} name 表格唯一标识
21
+ * @param {TableV2Title} tableTitle 列配置
22
+ * @param {Ref<any[]>} tableData 表格数据
23
+ * */
24
+ const useTableV2Config = (name: string = '', tableTitle: TableV2Title[] = [], tableData: Ref<any[]> | null = null): UseTableV2ConfigReturn => {
25
+ const _tableTitle: TableTitle[] = tableTitle.map(item => ({
26
+ label: item.title,
27
+ prop: item.key || item.dataKey,
28
+ ...(item.width ? { width: item.width } : {}),
29
+ ...(item.minWidth ? { minWidth: item.minWidth } : {}),
30
+ ...(item.class ? { className: item.class } : {}),
31
+ ...(item.headerClass ? { labelClassName: item.headerClass } : {}),
32
+ ...(item.align ? { headerAlign: item.align } : {}),
33
+ ...(item.align ? { align: item.align } : {}),
34
+ ...(item.fixed ? { fixed: item.fixed } : {})
35
+ }))
36
+
37
+ /** 表格标题转虚拟化表格标题 */
38
+ const tableTitleToTableV2Title = (title: TableTitle[]): TableV2Title[] => {
39
+ return title.map(item => {
40
+ return {
41
+ title: item.label,
42
+ key: item.prop,
43
+ dataKey: item.prop,
44
+ ...(item.align ? { align: item.align } : {}),
45
+ ...(item.className ? { class: item.className } : {}),
46
+ ...(item.fixed ? { fixed: item.fixed } : {}),
47
+ ...(item.labelClassName ? { headerClass: item.labelClassName } : {}),
48
+ ...(item.minWidth ? { minWidth: item.minWidth || item.width } : {}),
49
+ ...(item.width || item.minWidth ? { width: item.width || item.minWidth || 100 } : {})
50
+ } as TableV2Title
51
+ })
52
+ }
53
+
54
+ const table = useTableConfig(name, _tableTitle, tableData)
55
+ const cacheTableTitle: Ref<TableV2Title[]> = ref<TableV2Title[]>(tableTitleToTableV2Title(table.tableTitle.value))
56
+
57
+ watch(
58
+ () => table.tableTitle.value,
59
+ () => {
60
+ cacheTableTitle.value = tableTitleToTableV2Title(table.tableTitle.value)
61
+ }
62
+ )
63
+
64
+ return {
65
+ tableTitle: cacheTableTitle,
66
+ tableConfig: table.tableConfig,
67
+ headerDragend: table.headerDragend,
68
+ initColumnFilter: table.initColumnFilter,
69
+ filtersValue: table.filtersValue,
70
+ page: table.page
71
+ }
72
+ }
73
+
74
+ export default useTableV2Config
@@ -92,7 +92,6 @@
92
92
  import { ref, watch, computed } from 'vue'
93
93
  import type { Ref } from 'vue'
94
94
  import createHash from '../../Tool/createHash/createHash'
95
- // import useMTableColumnSet from 'packages/MTableColumnSet/src/useMTableColumnSet'
96
95
  import { useZIndex } from 'element-plus'
97
96
  import type { TableConfigItem } from 'packages/Hook/useTableConfig/useTableConfig'
98
97
 
@@ -108,7 +107,7 @@ const props = withDefaults(defineProps<{
108
107
  /** 是否为链接按钮 */
109
108
  link?: boolean,
110
109
  /** 表格配置key */
111
- tableConfigKey?: ''
110
+ tableConfigKey?: string
112
111
  }>(), {
113
112
  modelValue: () => ({} as TableConfig),
114
113
  foldMode: false,