br-dionysus 1.6.0 → 1.6.2

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 (16) hide show
  1. package/README.md +52 -12
  2. package/attributes.json +1 -1
  3. package/dist/br-dionysus.es.js +3630 -3604
  4. package/dist/br-dionysus.umd.js +7 -7
  5. package/dist/index.css +1 -1
  6. package/dist/packages/Hook/useTableConfig/useTableConfig.d.ts +0 -2
  7. package/dist/packages/MTable/src/MTable.vue.d.ts +13 -1
  8. package/dist/packages/MTableColumnSet/src/MTableColumnSet.vue.d.ts +2 -0
  9. package/package.json +1 -1
  10. package/packages/Hook/useTableConfig/useTableConfig.ts +2 -6
  11. package/packages/MTable/docs/demo.vue +26 -6
  12. package/packages/MTable/src/MTable.vue +52 -14
  13. package/packages/MTableColumnSet/src/MTableColumnSet.vue +4 -1
  14. package/src/components/Preview.vue +2 -1
  15. package/tags.json +1 -1
  16. 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-5002f7b6]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-5002f7b6]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]{display:inline-block;position:absolute;top:0;left:0;margin-bottom:0;padding-left:15px;padding-right:15px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-feature-settings:normal;font-stretch:100%;font-weight:400;text-indent:0;color:#606266;text-align:left;letter-spacing:normal;word-spacing:0;background-color:#0000;border-radius:4px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;cursor:text;pointer-events:none}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-5002f7b6]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-5002f7b6]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-5002f7b6]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-5002f7b6]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-5002f7b6]{padding-left:0}.g-m-input-number-box .m-input-number .el-input__inner{text-align:left}.g-m-input-number-box .m-input-number[data-thousandth-place=true] .el-input__inner{color:#0000}.g-m-input-number-box .m-input-number[data-focus=true] .el-input__inner{color:#606266}.g-m-input-number-box .m-input-number[no-border=true] .el-input__inner{border:0}.g-m-input-number-box[data-is-table-mini=true] .m-input-number .el-input__inner{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing=true] .m-input-number .el-input__inner{padding-left:0}.g-inline-box[data-v-fbfdbd5f]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-fbfdbd5f]{padding:0 14px 10px}.m-inline[data-v-fbfdbd5f]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]:before{position:absolute;top:0;left:50%;content:"";width:calc(100% - 28px);height:1px;background-color:var(--el-border-color-lighter);transform:translate(-50%)}.u-btn-gp[data-v-fbfdbd5f]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-fbfdbd5f]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-fbfdbd5f]{max-height:none!important}.u-btn-unfold[data-v-fbfdbd5f]{margin-left:8px;width:12px;height:24px;line-height:24px;text-align:center;color:var(--el-text-color-regular);transform:rotate(90deg);cursor:pointer}.u-btn-unfold[data-unfold=true][data-v-fbfdbd5f]{transform:rotate(270deg)}.g-inline-box .m-inline[dataCover] [data-box]{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--m-inline-min-width),1fr))}.g-inline-box .m-inline[dataCover] [data-box] [data-item]{padding-bottom:10px;min-width:var(--m-inline-min-width);max-width:var(--m-inline-max-width)}.g-inline-box .m-inline[dataCover] .el-form-item{margin-bottom:0;width:100%}.g-inline-box .m-inline[dataCover] .el-form-item .el-input,.g-inline-box .m-inline[dataCover] .el-form-item .el-cascader,.g-inline-box .m-inline[dataCover] .el-form{width:100%}.g-inline-box .m-inline[dataCover] .el-form .u-it-gp{display:flex}.g-inline-box .m-inline[dataCover] .u-row[data-single-line=true] .el-form{display:flex;justify-content:flex-start}.g-skin-config-box[data-v-56c57a90]{display:flex}.g-skin-config-box .u-tt[data-v-56c57a90]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-56c57a90]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-56c57a90]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-56c57a90]{display:flex;margin-bottom:12px;justify-content:space-between;align-items:center;color:var(--m-fc-body)}.g-skin-config-box .u-box .u-gulp[data-v-56c57a90]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-56c57a90]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-56c57a90]{display:flex;margin-bottom:10px;width:12.5%;justify-content:center}.g-skin-config-box .u-box .u-list .u-li .u-color[data-v-56c57a90]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-56c57a90]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-56c57a90]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-56c57a90]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-56c57a90]{width:100px}.u-it[data-v-56c57a90]{width:106px}.g-skin-config-box .el-drawer__body{padding:0}.g-skin-config-box .el-switch{height:auto}.g-skin-config-box .u-pc{display:flex;justify-content:center}.g-skin-config-box .u-pc .el-color-picker{width:100%}.g-skin-config-box .u-pc .el-color-picker .el-color-picker__trigger{width:100%;height:34px}.g-skin-config-box .u-tabs .el-tabs__item{padding:0 10px}.el-table__empty-text img[data-v-849319e2]{width:15%}.u-icon[data-v-3d85d43c]{display:inline-block;position:relative;width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMdJREFUOE/tkyESwjAQRfMj0Xgkp2AmaQweHCeAS1AuASfAgce0yQynQOLRyHyazpRpoW2YAcnKbP7L7t8sxJeBoM+yLK04Ukp678vzWBhj0iegEK5jgnq+eGTzO4C1dkhyDGAvhBhFKrmSXAC4aK1vjV6dcxPv/QnAoA1C8i6lnCqlzlX+zaw8z2cADh2AeZIkx3qu1W3n3JLktnERWCmldq/gznFZa8NUyvFWjrdV9QcIEfWgz8BgaicgLFj467H9+Gjr+iAPDfV1EeVT6aEAAAAASUVORK5CYII=);background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-3d85d43c]{display:inline-block;position:relative}.m-filter-box[data-is-open=true]{opacity:1;pointer-events:auto}.m-filter-box[data-is-open=false]{opacity:0;pointer-events:none}.m-filter-box .u-filter-mask{position:fixed;top:0;left:0;z-index:2050;width:100%;height:100%}.m-filter-box .u-it-gp{padding:10px;border-bottom:1px solid var(--el-border-color-lighter)}.m-filter-box .u-list-box{overflow:hidden;position:fixed;top:0;left:0;z-index:2050;max-width:50%;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-popper-border-radius, 4px);box-shadow:var(--el-box-shadow-light)}.m-filter-box .u-list-box .u-checkbox-group{overflow-y:auto;display:block;padding:10px;max-height:280px}.m-filter-box .u-list-box label.el-checkbox{display:flex;align-items:center;margin-right:5px;margin-bottom:12px;margin-left:5px;height:unset}.m-filter-box .u-list-box label.el-checkbox:last-child{margin-bottom:0}.m-filter-box .u-list-box .u-btn-gp{border-top:1px solid var(--el-border-color-lighter);padding:8px}.m-filter-box .u-list-box button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.m-filter-box .u-list-box button{background:0 0;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.vab[data-v-5b0f10d6]{vertical-align:baseline}.g-m-table-column-set-box[data-v-5b0f10d6]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-5b0f10d6]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-5b0f10d6]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-5b0f10d6]{overflow:visible;width:auto!important}.m-panel-box[data-v-5b0f10d6]{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-5b0f10d6]{display:block}.m-panel-box .u-list .u-li[data-v-5b0f10d6]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-5b0f10d6]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-5b0f10d6],.m-panel-box .u-tc[data-v-5b0f10d6]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-5b0f10d6],.m-panel-box .u-tc .u-p[data-v-5b0f10d6]{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-5b0f10d6]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-5b0f10d6]{line-height:40px}.m-panel-box .u-divider[data-v-5b0f10d6]{margin-top:10px;margin-bottom:0}.m-masked[data-v-5b0f10d6],.g-m-table-column-set-teleport[data-v-5b0f10d6]{position:fixed;top:0;left:0;z-index:6;width:100%;height:100%}.u-group[data-v-88e3837e]{display:flex;align-items:center}.u-group .u-checkbox[data-v-88e3837e]{padding-right:4px;pointer-events:none;margin-right:0}.u-checkbox[data-v-ce4ca417]{height:var(--el-checkbox-height, 20px)}.g-select-table-box{width:100%}.u-img{width:80px}.m-select-table .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.m-select-table .el-select-dropdown__empty{padding:0}.m-select-table .el-select-dropdown__empty .btn-box{text-align:right;padding-bottom:6px}.m-select-table .m-table-select{padding:6px;overflow-y:auto}.m-select-table .m-page{padding:4px}.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-5002f7b6]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-5002f7b6]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]{display:inline-block;position:absolute;top:0;left:0;margin-bottom:0;padding-left:15px;padding-right:15px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-feature-settings:normal;font-stretch:100%;font-weight:400;text-indent:0;color:#606266;text-align:left;letter-spacing:normal;word-spacing:0;background-color:#0000;border-radius:4px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;cursor:text;pointer-events:none}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-5002f7b6]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-5002f7b6]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-5002f7b6]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-5002f7b6]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-5002f7b6]{padding-left:0}.g-m-input-number-box .m-input-number .el-input__inner{text-align:left}.g-m-input-number-box .m-input-number[data-thousandth-place=true] .el-input__inner{color:#0000}.g-m-input-number-box .m-input-number[data-focus=true] .el-input__inner{color:#606266}.g-m-input-number-box .m-input-number[no-border=true] .el-input__inner{border:0}.g-m-input-number-box[data-is-table-mini=true] .m-input-number .el-input__inner{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing=true] .m-input-number .el-input__inner{padding-left:0}.g-inline-box[data-v-fbfdbd5f]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-fbfdbd5f]{padding:0 14px 10px}.m-inline[data-v-fbfdbd5f]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]:before{position:absolute;top:0;left:50%;content:"";width:calc(100% - 28px);height:1px;background-color:var(--el-border-color-lighter);transform:translate(-50%)}.u-btn-gp[data-v-fbfdbd5f]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-fbfdbd5f]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-fbfdbd5f]{max-height:none!important}.u-btn-unfold[data-v-fbfdbd5f]{margin-left:8px;width:12px;height:24px;line-height:24px;text-align:center;color:var(--el-text-color-regular);transform:rotate(90deg);cursor:pointer}.u-btn-unfold[data-unfold=true][data-v-fbfdbd5f]{transform:rotate(270deg)}.g-inline-box .m-inline[dataCover] [data-box]{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--m-inline-min-width),1fr))}.g-inline-box .m-inline[dataCover] [data-box] [data-item]{padding-bottom:10px;min-width:var(--m-inline-min-width);max-width:var(--m-inline-max-width)}.g-inline-box .m-inline[dataCover] .el-form-item{margin-bottom:0;width:100%}.g-inline-box .m-inline[dataCover] .el-form-item .el-input,.g-inline-box .m-inline[dataCover] .el-form-item .el-cascader,.g-inline-box .m-inline[dataCover] .el-form{width:100%}.g-inline-box .m-inline[dataCover] .el-form .u-it-gp{display:flex}.g-inline-box .m-inline[dataCover] .u-row[data-single-line=true] .el-form{display:flex;justify-content:flex-start}.g-skin-config-box[data-v-56c57a90]{display:flex}.g-skin-config-box .u-tt[data-v-56c57a90]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-56c57a90]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-56c57a90]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-56c57a90]{display:flex;margin-bottom:12px;justify-content:space-between;align-items:center;color:var(--m-fc-body)}.g-skin-config-box .u-box .u-gulp[data-v-56c57a90]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-56c57a90]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-56c57a90]{display:flex;margin-bottom:10px;width:12.5%;justify-content:center}.g-skin-config-box .u-box .u-list .u-li .u-color[data-v-56c57a90]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-56c57a90]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-56c57a90]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-56c57a90]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-56c57a90]{width:100px}.u-it[data-v-56c57a90]{width:106px}.g-skin-config-box .el-drawer__body{padding:0}.g-skin-config-box .el-switch{height:auto}.g-skin-config-box .u-pc{display:flex;justify-content:center}.g-skin-config-box .u-pc .el-color-picker{width:100%}.g-skin-config-box .u-pc .el-color-picker .el-color-picker__trigger{width:100%;height:34px}.g-skin-config-box .u-tabs .el-tabs__item{padding:0 10px}.el-table__empty-text img[data-v-699c452a]{width:15%}.u-icon[data-v-3d85d43c]{display:inline-block;position:relative;width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMdJREFUOE/tkyESwjAQRfMj0Xgkp2AmaQweHCeAS1AuASfAgce0yQynQOLRyHyazpRpoW2YAcnKbP7L7t8sxJeBoM+yLK04Ukp678vzWBhj0iegEK5jgnq+eGTzO4C1dkhyDGAvhBhFKrmSXAC4aK1vjV6dcxPv/QnAoA1C8i6lnCqlzlX+zaw8z2cADh2AeZIkx3qu1W3n3JLktnERWCmldq/gznFZa8NUyvFWjrdV9QcIEfWgz8BgaicgLFj467H9+Gjr+iAPDfV1EeVT6aEAAAAASUVORK5CYII=);background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-3d85d43c]{display:inline-block;position:relative}.m-filter-box[data-is-open=true]{opacity:1;pointer-events:auto}.m-filter-box[data-is-open=false]{opacity:0;pointer-events:none}.m-filter-box .u-filter-mask{position:fixed;top:0;left:0;z-index:2050;width:100%;height:100%}.m-filter-box .u-it-gp{padding:10px;border-bottom:1px solid var(--el-border-color-lighter)}.m-filter-box .u-list-box{overflow:hidden;position:fixed;top:0;left:0;z-index:2050;max-width:50%;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-popper-border-radius, 4px);box-shadow:var(--el-box-shadow-light)}.m-filter-box .u-list-box .u-checkbox-group{overflow-y:auto;display:block;padding:10px;max-height:280px}.m-filter-box .u-list-box label.el-checkbox{display:flex;align-items:center;margin-right:5px;margin-bottom:12px;margin-left:5px;height:unset}.m-filter-box .u-list-box label.el-checkbox:last-child{margin-bottom:0}.m-filter-box .u-list-box .u-btn-gp{border-top:1px solid var(--el-border-color-lighter);padding:8px}.m-filter-box .u-list-box button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.m-filter-box .u-list-box button{background:0 0;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.vab[data-v-a37bb24c]{vertical-align:baseline}.g-m-table-column-set-box[data-v-a37bb24c]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-a37bb24c]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-a37bb24c]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-a37bb24c]{overflow:visible;width:auto!important}.m-panel-box[data-v-a37bb24c]{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-a37bb24c]{display:block}.m-panel-box .u-list .u-li[data-v-a37bb24c]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-a37bb24c]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-a37bb24c],.m-panel-box .u-tc[data-v-a37bb24c]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-a37bb24c],.m-panel-box .u-tc .u-p[data-v-a37bb24c]{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-a37bb24c]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-a37bb24c]{line-height:40px}.m-panel-box .u-divider[data-v-a37bb24c]{margin-top:10px;margin-bottom:0}.m-masked[data-v-a37bb24c],.g-m-table-column-set-teleport[data-v-a37bb24c]{position:fixed;top:0;left:0;z-index:6;width:100%;height:100%}.u-group[data-v-88e3837e]{display:flex;align-items:center}.u-group .u-checkbox[data-v-88e3837e]{padding-right:4px;pointer-events:none;margin-right:0}.u-checkbox[data-v-ce4ca417]{height:var(--el-checkbox-height, 20px)}.g-select-table-box{width:100%}.u-img{width:80px}.m-select-table .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.m-select-table .el-select-dropdown__empty{padding:0}.m-select-table .el-select-dropdown__empty .btn-box{text-align:right;padding-bottom:6px}.m-select-table .m-table-select{padding:6px;overflow-y:auto}.m-select-table .m-page{padding:4px}.g-select-table-box[data-v-bb9b01dd]{position:relative;line-height:normal}.g-select-table-box .u-input-gp[data-v-bb9b01dd]{position:relative}.g-select-table-box .u-input-gp:hover .el-icon-circle-close[data-v-bb9b01dd]{display:block}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]{display:none;position:absolute;top:50%;right:10px;font-size:14px;color:#c0c4cc;transform:translateY(-50%);cursor:pointer}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]:hover{color:#a4a7ad}.g-select-table-box .s-table[data-v-bb9b01dd]{width:100%}.btn-box[data-v-bb9b01dd]{text-align:right;padding-bottom:6px}.m-page[data-v-bb9b01dd]{padding-top:4px}.g-select-table-box .u-input-gp .el-input{display:flex}.g-select-table-box .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}
package/dist/packages/Hook/useTableConfig/useTableConfig.d.ts CHANGED
@@ -16,8 +16,6 @@ export interface TableConfigItem {
16
16
  align: 'left' | 'center' | 'right';
17
17
  /** 列是否固定在左侧或者右侧。 true 表示固定在左侧 */
18
18
  fixed: 'left' | 'right' | boolean;
19
- /** 排序规则 */
20
- sortCollation: 'ascending' | 'descending' | null;
21
19
  }
22
20
  /** 表格配置 */
23
21
  export interface TableConfig {
package/dist/packages/MTable/src/MTable.vue.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { TableConfig } from '../../Hook/useTableConfig/useTableConfig';
1
2
  interface FilterValue {
2
3
  [key: string]: Array<string | number>;
3
4
  }
@@ -7,10 +8,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
7
8
  [key: string]: string | number;
8
9
  }[] | undefined;
9
10
  filtersValue?: FilterValue | undefined;
11
+ /** 表格配置 */
12
+ tableConfig?: TableConfig | null | undefined;
10
13
  }>, {
11
14
  sole: string;
12
15
  data: () => never[];
13
16
  filtersValue: () => {};
17
+ tableConfig: null;
14
18
  }>, {
15
19
  clearSelection: () => any;
16
20
  getSelectionRows: () => any;
@@ -40,16 +44,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
40
44
  }, tableData: {
41
45
  [key: string]: any;
42
46
  }[]) => void;
47
+ "update:tableConfig": (tableConfig: TableConfig) => void;
43
48
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
44
49
  sole?: string | undefined;
45
50
  data?: {
46
51
  [key: string]: string | number;
47
52
  }[] | undefined;
48
53
  filtersValue?: FilterValue | undefined;
54
+ /** 表格配置 */
55
+ tableConfig?: TableConfig | null | undefined;
49
56
  }>, {
50
57
  sole: string;
51
58
  data: () => never[];
52
59
  filtersValue: () => {};
60
+ tableConfig: null;
53
61
  }>>> & {
54
62
  onPasteData?: ((data: {
55
63
  /** 粘贴行的行数据 */
@@ -65,14 +73,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
65
73
  }, tableData: {
66
74
  [key: string]: any;
67
75
  }[]) => any) | undefined;
76
+ "onUpdate:tableConfig"?: ((tableConfig: TableConfig) => any) | undefined;
68
77
  }, {
69
78
  data: {
70
79
  [key: string]: string | number;
71
80
  }[];
81
+ tableConfig: TableConfig | null;
72
82
  filtersValue: FilterValue;
73
83
  sole: string;
74
- }, {}>, Partial<Record<NonNullable<string | number>, (_: {}) => any>> & {
84
+ }, {}>, {
75
85
  default?(_: {}): any;
86
+ append?(_: {}): any;
87
+ empty?(_: {}): any;
76
88
  }>;
77
89
  export default _default;
78
90
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
package/dist/packages/MTableColumnSet/src/MTableColumnSet.vue.d.ts CHANGED
@@ -26,6 +26,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
26
26
  link: boolean;
27
27
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
28
28
  "update:modelValue": (...args: any[]) => void;
29
+ change: (...args: any[]) => void;
29
30
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
30
31
  /** 配置 */
31
32
  modelValue: TableConfig;
@@ -38,6 +39,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
38
39
  foldMode: boolean;
39
40
  link: boolean;
40
41
  }>>> & {
42
+ onChange?: ((...args: any[]) => any) | undefined;
41
43
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
42
44
  }, {
43
45
  link: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "br-dionysus",
3
- "version": "1.6.0",
3
+ "version": "1.6.2",
4
4
  "scripts": {
5
5
  "dev": "vite --config ./build/base.config.ts",
6
6
  "build:doc": "vue-tsc --noEmit && vite build --config ./build/doc.config.ts && node script/copyDir.js",
package/packages/Hook/useTableConfig/useTableConfig.ts CHANGED
@@ -21,8 +21,6 @@ export interface TableConfigItem {
21
21
  align: 'left' | 'center' | 'right',
22
22
  /** 列是否固定在左侧或者右侧。 true 表示固定在左侧 */
23
23
  fixed: 'left' | 'right' | boolean,
24
- /** 排序规则 */
25
- sortCollation: 'ascending' | 'descending' | null
26
24
  }
27
25
 
28
26
  /** 表格配置 */
@@ -84,8 +82,7 @@ const useTableConfig = (name: string, tableTitle: TableTitle[], tableData: Ref <
84
82
  label: item.label,
85
83
  headerAlign: 'left',
86
84
  align: 'left',
87
- fixed: false,
88
- sortCollation: null
85
+ fixed: false
89
86
  }
90
87
  }
91
88
  tableConfig.value[item.prop].label = item.label
@@ -99,8 +96,7 @@ const useTableConfig = (name: string, tableTitle: TableTitle[], tableData: Ref <
99
96
  filterMethod,
100
97
  filters: item.filters || _tableTitle.value.find(node => node.prop === item.prop)?.filters || [],
101
98
  align: tableConfig.value[item.prop]?.align ? tableConfig.value[item.prop]?.align : item.align,
102
- fixed: tableConfig.value[item.prop]?.fixed ? tableConfig.value[item.prop]?.fixed : item.fixed,
103
- defaultSort: tableConfig.value[item.prop]?.sortCollation ? { prop: item.prop, order: tableConfig.value[item.prop]?.sortCollation } : {}
99
+ fixed: tableConfig.value[item.prop]?.fixed ? tableConfig.value[item.prop]?.fixed : item.fixed
104
100
  }
105
101
  })
106
102
  }
package/packages/MTable/docs/demo.vue CHANGED
@@ -1,9 +1,23 @@
1
1
  <template>
2
- <div>
3
- <MTable :data="tableData" @pasteData="pasteData" sole="date">
4
- <el-table-column label="Date" prop="date"/>
5
- <el-table-column prop="address" label="Address"></el-table-column>
6
- <el-table-column prop="name" label="name">
2
+ <div class="g-box">
3
+ <MTable
4
+ :data="tableData"
5
+ @pasteData="pasteData"
6
+ sole="date"
7
+ v-model:tableConfig="tableConfig"
8
+ >
9
+ <el-table-column
10
+ label="Date"
11
+ prop="date"
12
+ />
13
+ <el-table-column
14
+ prop="address"
15
+ label="Address"
16
+ ></el-table-column>
17
+ <el-table-column
18
+ prop="name"
19
+ label="name"
20
+ >
7
21
  <template #default="scope">
8
22
  <el-input v-model="scope.row.name"></el-input>
9
23
  </template>
@@ -22,6 +36,8 @@ interface User {
22
36
  tag: string;
23
37
  }
24
38
 
39
+ const tableConfig = ref<any>({})
40
+
25
41
  const tableData = ref(<User[]>[
26
42
  {
27
43
  date: '2016-05-03',
@@ -54,4 +70,8 @@ const pasteData = (obj: any, data: any) => {
54
70
  }
55
71
  </script>
56
72
 
57
- <style lang="scss"></style>
73
+ <style lang="scss" scoped>
74
+ .g-box {
75
+ max-width: 1200px;
76
+ }
77
+ </style>
package/packages/MTable/src/MTable.vue CHANGED
@@ -7,27 +7,44 @@
7
7
  :data="tableData"
8
8
  >
9
9
  <!-- 默认插槽 -->
10
- <slot></slot>
10
+ <!--<slot></slot>-->
11
11
 
12
12
  <!-- 循环处理具名插槽 -->
13
- <template
14
- v-for="(slotData, name) in $slots"
15
- #[name]
13
+ <!--<template-->
14
+ <!-- v-for="(slotData, name) in slots"-->
15
+ <!-- #[name]-->
16
+ <!--&gt;-->
17
+ <!-- <slot-->
18
+ <!-- :name="name"-->
19
+ <!-- v-bind="slotData"-->
20
+ <!-- ></slot>-->
21
+ <!--</template>-->
22
+ <slot name="default"></slot>
23
+ <MTableColumn
24
+ v-if="showMTableColumnSet"
25
+ width="30"
26
+ :fixed="fixedMTableColumnSet"
16
27
  >
17
- <slot
18
- :name="name"
19
- v-bind="slotData"
20
- ></slot>
21
- </template>
22
- <template #empty>
28
+ <template #header>
29
+ <MTableColumnSet
30
+ v-model="tableConfig"
31
+ link
32
+ @change="emit('update:tableConfig', tableConfig)"
33
+ ></MTableColumnSet>
34
+ </template>
35
+ </MTableColumn>
36
+ <slot name="append"></slot>
37
+ <template v-if="!slots.empty" #empty>
23
38
  <img src="./../../../src/assets/empty.png" />
24
39
  </template>
40
+ <slot name="empty"></slot>
25
41
  </el-table>
26
42
  </template>
27
43
 
28
44
  <script setup lang="ts">
29
- import { ref, onMounted, computed } from 'vue'
45
+ import { ref, onMounted, computed, useSlots, watch } from 'vue'
30
46
  import checkType from '../../../tool/checkType'
47
+ import { TableConfig } from 'packages/Hook/useTableConfig/useTableConfig'
31
48
  interface FilterValue {
32
49
  [key: string]: Array<string | number>
33
50
  }
@@ -36,12 +53,32 @@ const props = withDefaults(defineProps<{
36
53
  data?: Array<{
37
54
  [key: string]: string | number
38
55
  }>,
39
- filtersValue?: FilterValue
56
+ filtersValue?: FilterValue,
57
+ /** 表格配置 */
58
+ tableConfig?: TableConfig | null
40
59
  }>(), {
41
60
  sole: 'key',
42
61
  data: () => [],
43
- filtersValue: () => ({})
62
+ filtersValue: () => ({}),
63
+ tableConfig: null
64
+ })
65
+
66
+ const tableConfig = ref<TableConfig>(props.tableConfig || {})
67
+ const showMTableColumnSet = computed(() => props.tableConfig)
68
+ const fixedMTableColumnSet = computed(() => {
69
+ const arr = Object.values(props.tableConfig || {})
70
+ const isFixed = arr.some(item => item.fixed === 'right') || (arr.length === 1 && arr.some(item => item.fixed))
71
+ return isFixed ? 'right' : false
44
72
  })
73
+ watch(
74
+ () => props.tableConfig,
75
+ () => {
76
+ if (JSON.stringify(tableConfig.value) === JSON.stringify(props.tableConfig)) return false
77
+ tableConfig.value = props.tableConfig || {}
78
+ }
79
+ )
80
+
81
+ const slots = useSlots()
45
82
 
46
83
  const tableData = computed(() => {
47
84
  return props.data.filter(item => {
@@ -70,7 +107,8 @@ const emit = defineEmits<{
70
107
  },
71
108
  /** 粘贴完成后的表格数据 */
72
109
  tableData: Array<{ [key: string]: any
73
- }>]
110
+ }>],
111
+ 'update:tableConfig': [tableConfig: TableConfig]
74
112
  }>()
75
113
 
76
114
  const internalData = ref<Array<{ [key: string]: any }>>([]) // 组件内数据
package/packages/MTableColumnSet/src/MTableColumnSet.vue CHANGED
@@ -139,9 +139,10 @@ const editTableTitleAlign = () => {
139
139
  }
140
140
  }
141
141
  emit('update:modelValue', tableConfig)
142
+ emit('change', tableConfig)
142
143
  }
143
144
 
144
- const emit = defineEmits(['update:modelValue'])
145
+ const emit = defineEmits(['update:modelValue', 'change'])
145
146
 
146
147
  const checkList = ref<string[]>([])
147
148
  checkList.value = list.value.filter(item => item.show).map(item => item.prop)
@@ -157,6 +158,7 @@ watch(
157
158
  }
158
159
  }
159
160
  emit('update:modelValue', tableConfig)
161
+ emit('change', tableConfig)
160
162
  }
161
163
  )
162
164
 
@@ -193,6 +195,7 @@ const drop = (index: number) => {
193
195
  }
194
196
  }
195
197
  emit('update:modelValue', tableConfig)
198
+ emit('change', tableConfig)
196
199
  }
197
200
 
198
201
  const dragover = () => {
package/src/components/Preview.vue CHANGED
@@ -46,7 +46,8 @@ onMounted(async () => {
46
46
  if (props.compName && props.demoName) {
47
47
  const path = props.isHook ? `/packages/Hook/${props.compName}/${props.demoName}.vue` : `/packages/${props.compName}/docs/${props.demoName}.vue`
48
48
  if (isDev) {
49
- sourceCode.value = (await import(path + '?raw')).default
49
+ // sourceCode.value = (await import(path + '?raw')).default
50
+ sourceCode.value = (await import(/* @vite-ignore */ path + '?raw')).default
50
51
  } else {
51
52
  sourceCode.value = await fetch(path).then((res) => res.text())
52
53
  }
package/tags.json CHANGED
@@ -1 +1 @@
1
- {"demo":{"attributes":[],"description":"这是一个demo"},"m-dialog":{"attributes":["modelValue","width","resize","draggable","resized"],"description":"这是一个MDialog"},"m-inline":{"attributes":["minWidth","maxWidth","size","switch"],"description":"这是一个MInline"},"m-input-number":{"attributes":["modelValue","placeholder","disabled","size","min","max","step","stepStrictly","thousandthPlace","noBorder","noSpacing","update:modelValue","change","focus","blur"],"description":"这是一个MInputNumber"},"m-option":{"attributes":[],"description":"这是一个MOption"},"m-select":{"attributes":["checkboxMode","multiple"],"description":"这是一个MSelect"},"m-select-table":{"attributes":["modelValue","name","placeholder","disabled","size","total","filterMethod","filterable","remote","remoteMethod","options","tableTitle","multiple","keywords","reserveSelection","tableHeight","isAffirmBtn","scrollbarAlwaysOn","allowCreate","border","popupWidth","selected","selectMultiple","toPage","update:modelValue","clear","removeTag"],"description":"这是一个MSelectTable"},"m-select-table-v1":{"attributes":["modelValue","placeholder","disabled","options","tableTitle","remoteMethod","allowCreate","focusShow","isSelect","clearable","size","labelKey","scrollbarAlwaysOn","total","update:modelValue","selectMultiple","change","selected","clear"],"description":"这是一个MSelectTableV1"},"m-select-v2":{"attributes":["checkboxMode","multiple","showAll","options","update:modelValue"],"description":"这是一个MSelectV2"},"m-table":{"attributes":["sole","data","filtersValue","pasteData"],"description":"这是一个MTable"},"m-table-column":{"attributes":["filtersValue","filters","filterMethod","children","update:filtersValue"],"description":"这是一个MTableColumn"},"m-table-column-set":{"attributes":["modelValue","foldMode","link","update:modelValue"],"description":"这是一个MTableColumnSet"},"skin-config":{"attributes":["change"],"description":"这是一个SkinConfig"},"tab-page":{"attributes":["modelValue","activeKey","showRightClickMenu","primaryColor","primaryBackgroundColor","close","click"],"description":"这是一个TabPage"}}
1
+ {"demo":{"attributes":[],"description":"这是一个demo"},"m-dialog":{"attributes":["modelValue","width","resize","draggable","resized"],"description":"这是一个MDialog"},"m-inline":{"attributes":["minWidth","maxWidth","size","switch"],"description":"这是一个MInline"},"m-input-number":{"attributes":["modelValue","placeholder","disabled","size","min","max","step","stepStrictly","thousandthPlace","noBorder","noSpacing","update:modelValue","change","focus","blur"],"description":"这是一个MInputNumber"},"m-option":{"attributes":[],"description":"这是一个MOption"},"m-select":{"attributes":["checkboxMode","multiple"],"description":"这是一个MSelect"},"m-select-table":{"attributes":["modelValue","name","placeholder","disabled","size","total","filterMethod","filterable","remote","remoteMethod","options","tableTitle","multiple","keywords","reserveSelection","tableHeight","isAffirmBtn","scrollbarAlwaysOn","allowCreate","border","popupWidth","selected","selectMultiple","toPage","update:modelValue","clear","removeTag"],"description":"这是一个MSelectTable"},"m-select-table-v1":{"attributes":["modelValue","placeholder","disabled","options","tableTitle","remoteMethod","allowCreate","focusShow","isSelect","clearable","size","labelKey","scrollbarAlwaysOn","total","update:modelValue","selectMultiple","change","selected","clear"],"description":"这是一个MSelectTableV1"},"m-select-v2":{"attributes":["checkboxMode","multiple","showAll","options","update:modelValue"],"description":"这是一个MSelectV2"},"m-table":{"attributes":["sole","data","filtersValue","tableConfig","pasteData","update:tableConfig"],"description":"这是一个MTable"},"m-table-column":{"attributes":["filtersValue","filters","filterMethod","children","update:filtersValue"],"description":"这是一个MTableColumn"},"m-table-column-set":{"attributes":["modelValue","foldMode","link","update:modelValue","change"],"description":"这是一个MTableColumnSet"},"skin-config":{"attributes":["change"],"description":"这是一个SkinConfig"},"tab-page":{"attributes":["modelValue","activeKey","showRightClickMenu","primaryColor","primaryBackgroundColor","close","click"],"description":"这是一个TabPage"}}
package/web-types.json CHANGED
@@ -1 +1 @@
1
- {"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"br-dionysus","version":"1.6.0","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{"vue-components":[{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-dialog","source":{"symbol":"MDialog"},"description":"这是一个MDialog","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"width","description":"对话框的宽度，默认值为 50%","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"resize","description":"是否开启拖拽改变大小","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"draggable","description":"是否可拖动","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"resized","description":"窗口大小改变完成事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[contentsSize: { width: number, height: number }]"]}]}},{"name":"m-inline","source":{"symbol":"MInline"},"description":"这是一个MInline","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"minWidth","description":"列最小宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"maxWidth","description":"列最大宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"size","description":"组件尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Size"]}],"js":{"events":[{"name":"switch","description":"切换折叠展开事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[status: boolean]"]}]}},{"name":"m-input-number","source":{"symbol":"MInputNumber"},"description":"这是一个MInputNumber","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"是否禁用数值输入框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"数值输入框尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"min","description":"设置数值输入框允许的最小值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"max","description":"设置数值输入框允许的最大值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"step","description":"数值输入框步长","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"stepStrictly","description":"是否只能输入 step 的倍数","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"thousandthPlace","description":"输入框是否显示千分位","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noBorder","description":"是否不要边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noSpacing","description":"不要边距","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'focus'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'blur'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-option","source":{"symbol":"MOption"},"description":"这是一个MOption","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-select","source":{"symbol":"MSelect"},"description":"这是一个MSelect","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[]}},{"name":"m-select-table","source":{"symbol":"MSelectTable"},"description":"这是一个MSelectTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"name","description":"显示值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"total","description":"总数据量，当有值时，出现分页器","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]},{"name":"filterMethod","description":"自定义搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"filterable","description":"是否使用搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remote","description":"是否使用 远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remoteMethod","description":"自定义远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableTitle[]"]},{"name":"multiple","description":"是否多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"keywords","description":"定义默认的 label 和value","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option"]},{"name":"reserveSelection","description":"是否开启翻页多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"tableHeight","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"isAffirmBtn","description":"是否有确认按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"scrollbarAlwaysOn","description":"是否常态显示滚动条","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"allowCreate","description":"是否能够创建条目","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"border","description":"表格边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"popupWidth","description":"弹窗的宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | string"]}],"js":{"events":[{"name":"selected","description":"单选或多选之后的回调","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: string | number | Array<string | number>, rows: Option[] | Option]"]},{"name":"selectMultiple","description":"多选确认按钮时的回调 配合isAffirmBtn使用","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: Array<string | number>, rows: Option[]]"]},{"name":"toPage","description":"当没有使用filterMethod时候才会有回调否则没有","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[page: Page, query?: string]"]},{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[value: string | number | Array<string | number>]"]},{"name":"clear","description":"用户点击清空按钮时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[]"]},{"name":"removeTag","description":"多选模式下移除tag时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[tag: any]"]}]}},{"name":"m-select-table-v1","source":{"symbol":"MSelectTableV1"},"description":"这是一个MSelectTableV1","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any[]"]},{"name":"remoteMethod","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"allowCreate","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"focusShow","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"isSelect","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"clearable","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"labelKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"scrollbarAlwaysOn","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"total","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selectMultiple'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selected'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'clear'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-select-v2","source":{"symbol":"MSelectV2"},"description":"这是一个MSelectV2","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"showAll","description":"是否显示全选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[data: any]"]}]}},{"name":"m-table","source":{"symbol":"MTable"},"description":"这是一个MTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"sole","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"data","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{\n [key: string]: string | number\n }>"]},{"name":"filtersValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue"]}],"js":{"events":[{"name":"pasteData","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[data: {\n /** 粘贴行的行数据 */\n editRow: { [key: string]: any },\n /** 粘贴列的列名 */\n editColumn: string,\n /** 粘贴的数据 */\n arr: Array<string | number>,\n /** 起始行 */\n rowIndex: number,\n },\n /** 粘贴完成后的表格数据 */\n tableData: Array<{ [key: string]: any\n }>]"]}]}},{"name":"m-table-column","source":{"symbol":"MTableColumn"},"description":"这是一个MTableColumn","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"filtersValue","description":"过滤值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue"]},{"name":"filters","description":"过滤选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{ text: string | number, value: string | number }>"]},{"name":"filterMethod","description":"过滤方法","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"children","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<PropChildren>"]}],"js":{"events":[{"name":"'update:filtersValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-table-column-set","source":{"symbol":"MTableColumnSet"},"description":"这是一个MTableColumnSet","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableConfig"]},{"name":"foldMode","description":"是否为折叠模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"link","description":"是否为链接按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"skin-config","source":{"symbol":"SkinConfig"},"description":"这是一个SkinConfig","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"tab-page","source":{"symbol":"TabPage"},"description":"这是一个TabPage","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["MenuItem[]"]},{"name":"activeKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"showRightClickMenu","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"primaryColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"primaryBackgroundColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | null"]}],"js":{"events":[{"name":"'close'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'click'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}}],"attributes":[]}}}
1
+ {"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"br-dionysus","version":"1.6.2","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{"vue-components":[{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-dialog","source":{"symbol":"MDialog"},"description":"这是一个MDialog","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"width","description":"对话框的宽度，默认值为 50%","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"resize","description":"是否开启拖拽改变大小","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"draggable","description":"是否可拖动","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"resized","description":"窗口大小改变完成事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[contentsSize: { width: number, height: number }]"]}]}},{"name":"m-inline","source":{"symbol":"MInline"},"description":"这是一个MInline","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"minWidth","description":"列最小宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"maxWidth","description":"列最大宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"size","description":"组件尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Size"]}],"js":{"events":[{"name":"switch","description":"切换折叠展开事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[status: boolean]"]}]}},{"name":"m-input-number","source":{"symbol":"MInputNumber"},"description":"这是一个MInputNumber","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"是否禁用数值输入框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"数值输入框尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"min","description":"设置数值输入框允许的最小值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"max","description":"设置数值输入框允许的最大值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"step","description":"数值输入框步长","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"stepStrictly","description":"是否只能输入 step 的倍数","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"thousandthPlace","description":"输入框是否显示千分位","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noBorder","description":"是否不要边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noSpacing","description":"不要边距","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'focus'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'blur'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-option","source":{"symbol":"MOption"},"description":"这是一个MOption","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-select","source":{"symbol":"MSelect"},"description":"这是一个MSelect","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[]}},{"name":"m-select-table","source":{"symbol":"MSelectTable"},"description":"这是一个MSelectTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"name","description":"显示值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"total","description":"总数据量，当有值时，出现分页器","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]},{"name":"filterMethod","description":"自定义搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"filterable","description":"是否使用搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remote","description":"是否使用 远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remoteMethod","description":"自定义远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableTitle[]"]},{"name":"multiple","description":"是否多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"keywords","description":"定义默认的 label 和value","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option"]},{"name":"reserveSelection","description":"是否开启翻页多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"tableHeight","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"isAffirmBtn","description":"是否有确认按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"scrollbarAlwaysOn","description":"是否常态显示滚动条","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"allowCreate","description":"是否能够创建条目","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"border","description":"表格边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"popupWidth","description":"弹窗的宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | string"]}],"js":{"events":[{"name":"selected","description":"单选或多选之后的回调","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: string | number | Array<string | number>, rows: Option[] | Option]"]},{"name":"selectMultiple","description":"多选确认按钮时的回调 配合isAffirmBtn使用","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: Array<string | number>, rows: Option[]]"]},{"name":"toPage","description":"当没有使用filterMethod时候才会有回调否则没有","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[page: Page, query?: string]"]},{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[value: string | number | Array<string | number>]"]},{"name":"clear","description":"用户点击清空按钮时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[]"]},{"name":"removeTag","description":"多选模式下移除tag时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[tag: any]"]}]}},{"name":"m-select-table-v1","source":{"symbol":"MSelectTableV1"},"description":"这是一个MSelectTableV1","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any[]"]},{"name":"remoteMethod","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"allowCreate","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"focusShow","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"isSelect","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"clearable","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"labelKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"scrollbarAlwaysOn","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"total","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selectMultiple'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selected'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'clear'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-select-v2","source":{"symbol":"MSelectV2"},"description":"这是一个MSelectV2","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"showAll","description":"是否显示全选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[data: any]"]}]}},{"name":"m-table","source":{"symbol":"MTable"},"description":"这是一个MTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"sole","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"data","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{\n [key: string]: string | number\n }>"]},{"name":"filtersValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue"]},{"name":"tableConfig","description":"表格配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableConfig | null"]}],"js":{"events":[{"name":"pasteData","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[data: {\n /** 粘贴行的行数据 */\n editRow: { [key: string]: any },\n /** 粘贴列的列名 */\n editColumn: string,\n /** 粘贴的数据 */\n arr: Array<string | number>,\n /** 起始行 */\n rowIndex: number,\n },\n /** 粘贴完成后的表格数据 */\n tableData: Array<{ [key: string]: any\n }>]"]},{"name":"'update:tableConfig'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[tableConfig: TableConfig]"]}]}},{"name":"m-table-column","source":{"symbol":"MTableColumn"},"description":"这是一个MTableColumn","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"filtersValue","description":"过滤值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue"]},{"name":"filters","description":"过滤选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{ text: string | number, value: string | number }>"]},{"name":"filterMethod","description":"过滤方法","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"children","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<PropChildren>"]}],"js":{"events":[{"name":"'update:filtersValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-table-column-set","source":{"symbol":"MTableColumnSet"},"description":"这是一个MTableColumnSet","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableConfig"]},{"name":"foldMode","description":"是否为折叠模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"link","description":"是否为链接按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"skin-config","source":{"symbol":"SkinConfig"},"description":"这是一个SkinConfig","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"tab-page","source":{"symbol":"TabPage"},"description":"这是一个TabPage","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["MenuItem[]"]},{"name":"activeKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"showRightClickMenu","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"primaryColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"primaryBackgroundColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | null"]}],"js":{"events":[{"name":"'close'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'click'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}}],"attributes":[]}}}