br-dionysus 1.8.4 → 1.8.5

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.
Files changed (41) hide show
  1. package/README.md +656 -52
  2. package/attributes.json +1 -1
  3. package/cypress/e2e/2-advanced-examples/actions.cy.js +3 -3
  4. package/cypress/e2e/2-advanced-examples/assertions.cy.js +2 -2
  5. package/cypress/e2e/2-advanced-examples/cypress_api.cy.js +5 -6
  6. package/cypress/e2e/2-advanced-examples/files.cy.js +1 -1
  7. package/cypress/e2e/2-advanced-examples/misc.cy.js +1 -1
  8. package/cypress/e2e/2-advanced-examples/navigation.cy.js +1 -1
  9. package/cypress/e2e/2-advanced-examples/network_requests.cy.js +22 -22
  10. package/cypress/e2e/2-advanced-examples/spies_stubs_clocks.cy.js +7 -7
  11. package/cypress/e2e/2-advanced-examples/storage.cy.js +8 -8
  12. package/cypress/e2e/2-advanced-examples/utilities.cy.js +15 -15
  13. package/dist/br-dionysus.es.js +3597 -3492
  14. package/dist/br-dionysus.umd.js +8 -8
  15. package/dist/index.css +1 -1
  16. package/dist/packages/MTableSuper/index.d.ts +4 -0
  17. package/dist/packages/MTableSuper/src/MTableSuper.vue.d.ts +11 -0
  18. package/dist/packages/MTableSuper/src/token.d.ts +23 -0
  19. package/dist/packages/MTableV2/src/MTableV2.vue.d.ts +7 -0
  20. package/dist/packages/index.d.ts +1 -0
  21. package/package.json +1 -1
  22. package/packages/Hook/useTableConfig/demo.vue +1 -1
  23. package/packages/Hook/useTableConfig/useTableConfig.ts +9 -9
  24. package/packages/MDialog/src/MDialog.vue +12 -1
  25. package/packages/MSelectTable/src/MSelectTable.vue +1 -1
  26. package/packages/MTable/src/MTable.vue +0 -32
  27. package/packages/MTableColumn/src/MTableColumn.vue +0 -41
  28. package/packages/MTableSuper/docs/README.md +48 -0
  29. package/packages/MTableSuper/docs/demo.vue +246 -0
  30. package/packages/MTableSuper/index.ts +10 -0
  31. package/packages/MTableSuper/src/MTableSuper.vue +140 -0
  32. package/packages/MTableSuper/src/token.ts +24 -0
  33. package/packages/MTableV2/docs/README.md +1 -0
  34. package/packages/MTableV2/docs/demo.vue +9 -7
  35. package/packages/MTableV2/src/MTableV2.vue +49 -5
  36. package/packages/index.ts +3 -0
  37. package/packages/list.json +6 -0
  38. package/packages/typings/global.d.ts +2 -2
  39. package/src/router.ts +5 -0
  40. package/tags.json +1 -1
  41. package/web-types.json +1 -1
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-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-fbb57207]{position:relative}.br-m-table-v2-box .br-m-table-config-set[data-v-fbb57207]{position:absolute;top:0;right:0;z-index:4}.br-m-table-v2-box[data-size=small] .br-m-table-config-set[data-v-fbb57207]{top:3px}.br-m-table-v2-box[data-size=default] .br-m-table-config-set[data-v-fbb57207]{top:13px}.br-m-table-v2-box[data-size=large] .br-m-table-config-set[data-v-fbb57207]{top:20px}.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}
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-4918627f]{position:relative}.el-table__empty-text img[data-v-4918627f]{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-f9b5767e]{display:inline-block;position:relative;width:14px;height:14px;background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-f9b5767e]{display:inline-block;position:relative}.u-set[data-v-f9b5767e]{padding:2.5px 0;float:right}.u-my-table-column-gp[data-v-f9b5767e]{display:inline}.u-my-table-column-icon[data-v-f9b5767e]{float:left;padding:4px;cursor:pointer;transition:.3s;font-size:14px}.u-my-table-column-icon[data-active=true][data-v-f9b5767e]{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)}.br-u-body{display:flex}.br-u-body .br-u-body-entity{flex:1;width:100%}.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-1fbbcbf0]{position:relative}.br-m-table-v2-box .br-m-table-config-set[data-v-1fbbcbf0]{position:absolute;top:0;right:0;z-index:4}.br-m-table-v2-box[data-size=small] .br-m-table-config-set[data-v-1fbbcbf0]{top:3px}.br-m-table-v2-box[data-size=default] .br-m-table-config-set[data-v-1fbbcbf0]{top:13px}.br-m-table-v2-box[data-size=large] .br-m-table-config-set[data-v-1fbbcbf0]{top:20px}.el-table-v2__empty img[data-v-1fbbcbf0]{width:8%}.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}.br-m-table-v2-box .el-table-v2__empty{display:flex;align-items:center;justify-content:center}
@@ -0,0 +1,4 @@
1
+ import { Plugin } from 'vue';
2
+ import MTableSuper from './src/MTableSuper.vue';
3
+ export declare const MTableSuperPlugin: Plugin;
4
+ export { MTableSuper };
@@ -0,0 +1,11 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
2
+ default?(_: {}): any;
3
+ append?(_: {}): any;
4
+ empty?(_: {}): any;
5
+ }>;
6
+ export default _default;
7
+ type __VLS_WithTemplateSlots<T, S> = T & {
8
+ new (): {
9
+ $slots: S;
10
+ };
11
+ };
@@ -0,0 +1,23 @@
1
+ import { InjectionKey } from 'vue';
2
+ import type { Ref } from 'vue';
3
+ import { TableConfig } from '../../Hook/useTableConfig/useTableConfig';
4
+ export declare const tableKey: InjectionKey<{
5
+ /** 表格列配置 */
6
+ tableConfig: Ref<TableConfig>;
7
+ /** 最后一列 */
8
+ lastColumnProp: Ref<string>;
9
+ /** 展开图标列 */
10
+ expandProp: string;
11
+ /** 表格数据 */
12
+ tableData: Ref<any[]>;
13
+ /** 展开列 */
14
+ expandRowKeys: Ref<any[] | null>;
15
+ /** 行数据的 Key */
16
+ rowKey: Function | string;
17
+ /** 表格配置key */
18
+ tableConfigKey: string;
19
+ /** expandProp模式下 当用户对某一行展开或者关闭的时候会触发 */
20
+ privateExpandChange: Function;
21
+ /** 是否显示筛选图标 */
22
+ showFilter: boolean;
23
+ }>;
@@ -25,6 +25,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
25
25
  estimatedRowHeight?: number | null | undefined;
26
26
  /** Header 的高度由height设置。 如果传入数组,它会使 header row 等于数组长度 */
27
27
  headerHeight?: number | number[] | null | undefined;
28
+ /** 单元格宽度自适应 */
29
+ cellWidthAdaptive?: boolean | undefined;
28
30
  }>, {
29
31
  size: string;
30
32
  data: () => never[];
@@ -37,6 +39,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
37
39
  fixed: boolean;
38
40
  estimatedRowHeight: null;
39
41
  headerHeight: null;
42
+ cellWidthAdaptive: boolean;
40
43
  }>, {
41
44
  scrollTo: (param: {
42
45
  scrollLeft?: number | undefined;
@@ -84,6 +87,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
84
87
  estimatedRowHeight?: number | null | undefined;
85
88
  /** Header 的高度由height设置。 如果传入数组,它会使 header row 等于数组长度 */
86
89
  headerHeight?: number | number[] | null | undefined;
90
+ /** 单元格宽度自适应 */
91
+ cellWidthAdaptive?: boolean | undefined;
87
92
  }>, {
88
93
  size: string;
89
94
  data: () => never[];
@@ -96,6 +101,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
96
101
  fixed: boolean;
97
102
  estimatedRowHeight: null;
98
103
  headerHeight: null;
104
+ cellWidthAdaptive: boolean;
99
105
  }>>> & {
100
106
  onPasteData?: ((data: {
101
107
  /** 粘贴行的行数据 */
@@ -126,6 +132,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
126
132
  tableConfigKey: string;
127
133
  estimatedRowHeight: number | null;
128
134
  headerHeight: number | number[] | null;
135
+ cellWidthAdaptive: boolean;
129
136
  }, {}>;
130
137
  export default _default;
131
138
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -23,6 +23,7 @@ export * from './MSelectV2';
23
23
  export * from './MDialog';
24
24
  export * from './MSelectTableV1';
25
25
  export * from './MTableV2';
26
+ export * from './MTableSuper';
26
27
  export { useTableConfig };
27
28
  export { useTableV2Config };
28
29
  export { useRemainingSpace };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "br-dionysus",
3
- "version": "1.8.4",
3
+ "version": "1.8.5",
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",
@@ -23,7 +23,7 @@
23
23
  >
24
24
  <template
25
25
  #default="scope"
26
- v-if="['tag'].includes(item.prop)"
26
+ v-if="['tag'].includes(item.prop || '')"
27
27
  >
28
28
  <template v-if="item.prop === 'tag'">
29
29
  <el-tag
@@ -69,13 +69,13 @@ const useTableConfig = (name: string = '', tableTitle: TableTitle[] = [], tableD
69
69
  /** 过滤条件 */
70
70
  const filtersValue = ref<FilterValue>({})
71
71
 
72
- tableTitle.filter(item => !tableConfig.value[item.prop]).forEach((item, index) => {
73
- tableConfig.value[item.prop] = {
72
+ tableTitle.filter(item => !tableConfig.value[item.prop as string]).forEach((item, index) => {
73
+ tableConfig.value[item.prop as string] = {
74
74
  minWidth: item.minWidth !== undefined ? item.minWidth : '',
75
75
  show: true,
76
76
  sort: index,
77
77
  // showName: item.label,
78
- label: item.label,
78
+ label: item.label as string,
79
79
  headerAlign: item.headerAlign || 'left',
80
80
  align: item.align || 'left',
81
81
  fixed: item.fixed !== undefined ? item.fixed : false
@@ -90,12 +90,12 @@ const useTableConfig = (name: string = '', tableTitle: TableTitle[] = [], tableD
90
90
  }[] | undefined
91
91
  }
92
92
  const propToFiltersMap: PropToFiltersMap = _tableTitle.value.reduce((map: PropToFiltersMap, item) => {
93
- map[item.prop] = item.filters
93
+ map[item.prop as string] = item.filters
94
94
  return map
95
95
  }, {})
96
96
 
97
97
  _tableTitle.value = tableTitle.map(item => {
98
- const tableConfigItem = tableConfig.value[item.prop]
98
+ const tableConfigItem = tableConfig.value[item.prop as string]
99
99
  return {
100
100
  ...item,
101
101
  // label: tableConfigItem?.showName || tableConfigItem?.label || item.label,
@@ -103,7 +103,7 @@ const useTableConfig = (name: string = '', tableTitle: TableTitle[] = [], tableD
103
103
  minWidth: tableConfigItem?.minWidth || item.minWidth,
104
104
  headerAlign: tableConfigItem?.headerAlign || item.headerAlign || 'left',
105
105
  filterMethod,
106
- filters: item.filters || propToFiltersMap[item.prop] || [],
106
+ filters: item.filters || propToFiltersMap[item.prop as string] || [],
107
107
  align: tableConfigItem?.align || item.align,
108
108
  fixed: tableConfigItem?.fixed || item.fixed
109
109
  }
@@ -137,7 +137,7 @@ const useTableConfig = (name: string = '', tableTitle: TableTitle[] = [], tableD
137
137
  /** 初始化列筛选 */
138
138
  const initColumnFilter = (tableData: any[]): void => {
139
139
  _tableTitle.value = _tableTitle.value.map(item => {
140
- const data = tableData.map(node => node[item.prop]).map(node => JSON.stringify(node))
140
+ const data = tableData.map(node => node[item.prop as string]).map(node => JSON.stringify(node))
141
141
  // 去重
142
142
  const filters = [...new Set(data)].filter(node => node !== undefined).map(node => ({
143
143
  text: JSON.parse(node),
@@ -158,8 +158,8 @@ const useTableConfig = (name: string = '', tableTitle: TableTitle[] = [], tableD
158
158
  )
159
159
 
160
160
  const tableTitleFilter = computed(() => _tableTitle.value
161
- .filter(item => tableConfig.value[item.prop].show)
162
- .sort((a, b) => (tableConfig.value[a.prop]?.sort || 0) - (tableConfig.value[b.prop]?.sort || 0)))
161
+ .filter(item => tableConfig.value[item.prop as string].show)
162
+ .sort((a, b) => (tableConfig.value[a.prop as string]?.sort || 0) - (tableConfig.value[b.prop as string]?.sort || 0)))
163
163
 
164
164
  return {
165
165
  tableTitle: tableTitleFilter,
@@ -26,7 +26,9 @@
26
26
  :style="bodyStyle"
27
27
  v-if="name === 'default'"
28
28
  >
29
- <slot name="default"></slot>
29
+ <div class="br-u-body-entity">
30
+ <slot name="default"></slot>
31
+ </div>
30
32
  </div>
31
33
  </template>
32
34
  </ElDialog>
@@ -254,4 +256,13 @@ defineExpose({
254
256
  transform: rotate(-45deg);
255
257
  }
256
258
  }
259
+
260
+ .br-u-body {
261
+ display: flex;
262
+
263
+ .br-u-body-entity {
264
+ flex: 1;
265
+ width: 100%;
266
+ }
267
+ }
257
268
  </style>
@@ -68,7 +68,7 @@
68
68
  >
69
69
  <template #default="scope">
70
70
  <!-- {{scope}} -->
71
- {{ tabDataMap[scope.$index][item.prop] || '-' }}
71
+ {{ tabDataMap[scope.$index][item.prop as string] || '-' }}
72
72
  </template>
73
73
  </el-table-column>
74
74
  <template #empty>
@@ -14,19 +14,6 @@
14
14
  @cellClick="cellClick"
15
15
  @expandChange="expandChange"
16
16
  >
17
- <!-- 默认插槽 -->
18
- <!--<slot></slot>-->
19
-
20
- <!-- 循环处理具名插槽 -->
21
- <!--<template-->
22
- <!-- v-for="(slotData, name) in slots"-->
23
- <!-- #[name]-->
24
- <!--&gt;-->
25
- <!-- <slot-->
26
- <!-- :name="name"-->
27
- <!-- v-bind="slotData"-->
28
- <!-- ></slot>-->
29
- <!--</template>-->
30
17
  <slot name="default"></slot>
31
18
  <slot name="append"></slot>
32
19
  <template
@@ -286,11 +273,6 @@ defineExpose({
286
273
  <style lang="scss">
287
274
  .br-m-table-box {
288
275
  &[data-is-expand='true'] {
289
- //.el-table__expand-column, colgroup > col:nth-of-type(1) {
290
- // display: none;
291
- // //pointer-events: none;
292
- //}
293
-
294
276
  .el-table__expand-column {
295
277
  border: 0;
296
278
  }
@@ -298,20 +280,6 @@ defineExpose({
298
280
  .el-table__expand-column .cell {
299
281
  display: none;
300
282
  }
301
-
302
- //.el-table__expand-column {
303
- // border-right: 0;
304
- //
305
- // * {
306
- // opacity: 0;
307
- // }
308
- //}
309
- //
310
- //.el-table__expand-column + .el-table__cell {
311
- // //background-color: #2a598a;
312
- // transform: translateX(-48px);
313
- // padding-right: 48px;
314
- //}
315
283
  }
316
284
  }
317
285
  </style>
@@ -256,41 +256,6 @@ const getExpandActive = (index: number): boolean => {
256
256
 
257
257
  const filterText = ref<string>('')
258
258
 
259
- // const checkboxOptions = computed(() => {
260
-
261
- // let arr = props.filters.map(item => ({
262
- // ...item,
263
- // value: checkType(item.value).isArray() || checkType(item.value).isObject() ? JSON.stringify(item.value) : item.value
264
- // })).filter(item => String(item.value).includes(filterText.value))
265
-
266
- // if (tableKeyData && Object.keys(props.filtersValue).length) {
267
- // const processedFilters = props.filters.map(item => ({
268
- // ...item,
269
- // value: checkType(item.value).isArray() || checkType(item.value).isObject() ? JSON.stringify(item.value) : item.value
270
- // }))
271
- // console.log(props.filters)
272
- // console.log(arr)
273
-
274
- // // 收集 tableKeyData.tableData 中所有可能的 value 值
275
- // const tableDataValues = new Set(
276
- // tableKeyData.tableData.value.flatMap(data =>
277
- // Object.values(data).map(val => String(val))
278
- // )
279
- // )
280
- // // 筛选 processedFilters 中的值,只保留那些在 tableDataValues 中存在的项
281
- // arr = processedFilters.filter(filterItem =>
282
- // tableDataValues.has(String(filterItem.value))
283
- // )
284
- // // arr = tableKeyData.tableData.value.filter(data => {
285
- // // // 检查 data.value 是否存在于 processedFilters 的 value 中
286
- // // return processedFilters.some(filterItem =>
287
- // // Object.values(data).some(val => String(val) === String(filterItem.value))
288
- // // )
289
- // // })
290
- // }
291
- // return arr
292
- // })
293
-
294
259
  const getCheckboxOptions = (options: { text: string | number, value: string | number }[]) => {
295
260
  return options
296
261
  .map(item => ({
@@ -393,7 +358,6 @@ const boxStyle = ref<BoxStyle>({
393
358
  position: relative;
394
359
  width: 14px;
395
360
  height: 14px;
396
- // background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMdJREFUOE/tkyESwjAQRfMj0Xgkp2AmaQweHCeAS1AuASfAgce0yQynQOLRyHyazpRpoW2YAcnKbP7L7t8sxJeBoM+yLK04Ukp678vzWBhj0iegEK5jgnq+eGTzO4C1dkhyDGAvhBhFKrmSXAC4aK1vjV6dcxPv/QnAoA1C8i6lnCqlzlX+zaw8z2cADh2AeZIkx3qu1W3n3JLktnERWCmldq/gznFZa8NUyvFWjrdV9QcIEfWgz8BgaicgLFj467H9+Gjr+iAPDfV1EeVT6aEAAAAASUVORK5CYII=");
397
361
  background-size: 100% 100%;
398
362
  transform: translateY(2px);
399
363
  cursor: pointer;
@@ -428,8 +392,6 @@ const boxStyle = ref<BoxStyle>({
428
392
 
429
393
  <style lang="scss">
430
394
  .m-filter-box {
431
- //$zIndex: 2050;
432
-
433
395
  &[data-is-open="true"] {
434
396
  opacity: 1;
435
397
  pointer-events: auto;
@@ -459,8 +421,6 @@ const boxStyle = ref<BoxStyle>({
459
421
  position: fixed;
460
422
  top: 0;
461
423
  left: 0;
462
- //z-index: $zIndex;
463
- //width: 134px;
464
424
  max-width: 50%;
465
425
  background: var(--el-bg-color-overlay);
466
426
  border: 1px solid var(--el-border-color-light);
@@ -509,7 +469,6 @@ const boxStyle = ref<BoxStyle>({
509
469
  }
510
470
 
511
471
  .filter-i {
512
- // color: var(--el-color-primary);
513
472
  background-color: var(--el-color-primary);
514
473
  }
515
474
  </style>
@@ -0,0 +1,48 @@
1
+ <script setup>
2
+ import demo from './demo.vue'
3
+ </script>
4
+
5
+ 整合表格组件
6
+ =================
7
+
8
+ ### 1) 基础用法
9
+
10
+ <Preview comp-name="MTableSuper" demo-name="demo">
11
+ <demo />
12
+ </Preview>
13
+
14
+ ### 2) Attributes
15
+
16
+ | 参数 | 说明 | 类型 | 可选值 | 默认值 |
17
+ |----------------|-----------------------------|------------------|-----|-----------------------------------------------------|
18
+ | data | 表格的数据 | Array | - | [ ] |
19
+ | sole | 行的唯一值 | String , number | - | key |
20
+ | filtersValue | 表格内容筛选(当为null时,不显示筛选图标) | Function \| null | - | null |
21
+ | expandProp | 展开图标列(如使用这个属性则必须存在rowKey属性) | string | - | '' |
22
+ | tableConfigKey | 表格配置key | string | - | '' |
23
+ | 其余参数 | 参考el官网的table | any | - | https://element-plus.org/zh-CN/component/table.html |
24
+
25
+ ## 要求
26
+
27
+ ```
28
+ sole 必须传递在表格数据内为唯一的值 如id key 等不会发生重复的关键字
29
+ ```
30
+
31
+ ### 3) Events
32
+
33
+ | 方法名 | 说明 | 回调参数 |
34
+ |---------------------|--------------------------------------|-----------------------------------------------------|
35
+ | pasteData | 表格粘贴方法 | 共有2个参数,依次为粘贴动作的数据PasteAction ,表格原始数据tableData |
36
+ | update:tableConfig | 表格配置更新 | \[tableConfig: TableConfig] |
37
+ | privateExpandChange | expandProp模式下 当用户对某一行展开或者关闭的时候会触发该事件 | [row: any, expandedRows: any[]] |
38
+ | 其余方法 | 参考el官网的table | https://element-plus.org/zh-CN/component/table.html |
39
+
40
+ ### 4) PasteAction
41
+
42
+ | 参数 | 说明 | 类型 |
43
+ |------------|----------------------------------------|--------|
44
+ | editRow | 返回粘贴的对应行的原始数据 | Object |
45
+ | editColumn | 返回粘贴时鼠标所在列的 表格prop值 | String |
46
+ | arr | 返回粘贴时候处理之后的 数组信息 | Array |
47
+ | rowIndex | 根据sole的值 去data内查找 当前操作的 粘贴行在data内的序号 | number |
48
+