br-dionysus 1.7.5 → 1.7.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/br-dionysus.es.js +313 -309
- package/dist/br-dionysus.umd.js +7 -7
- package/dist/index.css +1 -1
- package/dist/packages/Hook/useTableConfig/useTableConfig.d.ts +1 -1
- package/dist/packages/MTableColumnSet/src/MTableColumnSet.vue.d.ts +1 -12
- package/package.json +1 -1
- package/packages/Hook/useTableConfig/demo.vue +0 -31
- package/packages/Hook/useTableConfig/useTableConfig.ts +33 -32
- package/packages/MTableColumnSet/src/MTableColumnSet.vue +1 -14
- 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-1c6c2f76]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-1c6c2f76]{padding:0 14px 10px}.m-inline[data-v-1c6c2f76]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-1c6c2f76]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-1c6c2f76]:before{position:absolute;top:0;left:50%;content:"";width:calc(100% - 28px);height:1px;background-color:var(--el-border-color-lighter);transform:translate(-50%)}.u-btn-gp[data-v-1c6c2f76]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-1c6c2f76]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-1c6c2f76]{max-height:none!important}.u-btn-unfold[data-v-1c6c2f76]{margin-left:8px;width:12px;height:24px;line-height:24px;text-align:center;color:var(--el-text-color-regular);transform:rotate(90deg);cursor:pointer}.u-btn-unfold[data-unfold=true][data-v-1c6c2f76]{transform:rotate(270deg)}.g-inline-box .m-inline[dataCover] [data-box]{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--m-inline-min-width),1fr))}.g-inline-box .m-inline[dataCover] [data-box] [data-item]{padding-bottom:10px;min-width:var(--m-inline-min-width);max-width:var(--m-inline-max-width)}.g-inline-box .m-inline[dataCover] .el-form-item{margin-bottom:0;width:100%}.g-inline-box .m-inline[dataCover] .el-form-item .el-input,.g-inline-box .m-inline[dataCover] .el-form-item .el-cascader,.g-inline-box .m-inline[dataCover] .el-form{width:100%}.g-inline-box .m-inline[dataCover] .el-form .u-it-gp{display:flex}.g-inline-box .m-inline[dataCover] .u-row[data-single-line=true] .el-form{display:flex;justify-content:flex-start}.g-skin-config-box[data-v-a054a757]{display:flex}.g-skin-config-box .u-tt[data-v-a054a757]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-a054a757]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-a054a757]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-a054a757]{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-a054a757]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-a054a757]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-a054a757]{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-a054a757]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-a054a757]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-a054a757]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-a054a757]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-a054a757]{width:100px}.u-it[data-v-a054a757]{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-d2c83d1d]{position:relative}.el-table__empty-text img[data-v-d2c83d1d]{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-f5b3505b]{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-f5b3505b]{display:inline-block;position:relative}.u-set[data-v-f5b3505b]{padding:2.5px 0;float:right}.u-my-table-column-gp[data-v-f5b3505b]{display:inline}.u-my-table-column-icon[data-v-f5b3505b]{float:left;padding:4px;cursor:pointer;transition:.3s;font-size:14px}.u-my-table-column-icon[data-active=true][data-v-f5b3505b]{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}.vab[data-v-684420d7]{vertical-align:baseline}.g-m-table-column-set-box[data-v-684420d7]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-684420d7]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-684420d7]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-684420d7]{overflow:visible;width:auto!important}.m-panel-box[data-v-684420d7]{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-684420d7]{display:block}.m-panel-box .u-list .u-li[data-v-684420d7]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-684420d7]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-684420d7],.m-panel-box .u-tc[data-v-684420d7]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-684420d7],.m-panel-box .u-tc .u-p[data-v-684420d7]{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-684420d7]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-684420d7]{line-height:40px}.m-panel-box .s-link[data-v-684420d7]{text-align:right;justify-content:end}.m-panel-box .u-divider[data-v-684420d7]{margin-top:10px;margin-bottom:0}.m-masked[data-v-684420d7],.g-m-table-column-set-teleport[data-v-684420d7]{position:fixed;top:0;left:0;z-index:6;width:100%;height:100%}.u-group[data-v-88e3837e]{display:flex;align-items:center}.u-group .u-checkbox[data-v-88e3837e]{padding-right:4px;pointer-events:none;margin-right:0}.u-checkbox[data-v-ce4ca417]{height:var(--el-checkbox-height, 20px)}.g-select-table-box{width:100%}.u-img{width:80px}.m-select-table .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.m-select-table .el-select-dropdown__empty{padding:0}.m-select-table .el-select-dropdown__empty .btn-box{text-align:right;padding-bottom:6px}.m-select-table .m-table-select{padding:6px;overflow-y:auto}.m-select-table .m-page{padding:4px}.br-u-dialog-resize{position:absolute;width:5px;height:5px;cursor:nwse-resize}.br-u-dialog-resize.br-u-lu{left:0;top:0}.br-u-dialog-resize.br-u-ld{left:0;bottom:0}.br-u-dialog-resize.br-u-ru{right:0;top:0}.br-u-dialog-resize.br-u-rd{right:-5px;bottom:-5px;width:10px;height:10px;border-top:1px solid var(--el-color-primary);transform:rotate(-45deg)}.g-select-table-box[data-v-bb9b01dd]{position:relative;line-height:normal}.g-select-table-box .u-input-gp[data-v-bb9b01dd]{position:relative}.g-select-table-box .u-input-gp:hover .el-icon-circle-close[data-v-bb9b01dd]{display:block}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]{display:none;position:absolute;top:50%;right:10px;font-size:14px;color:#c0c4cc;transform:translateY(-50%);cursor:pointer}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]:hover{color:#a4a7ad}.g-select-table-box .s-table[data-v-bb9b01dd]{width:100%}.btn-box[data-v-bb9b01dd]{text-align:right;padding-bottom:6px}.m-page[data-v-bb9b01dd]{padding-top:4px}.g-select-table-box .u-input-gp .el-input{display:flex}.g-select-table-box .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}
|
|
1
|
+
@charset "UTF-8";[data-v-aa54745e]:root{--br-dionysus-primary-color: #646CFFFF;--br-dionysus-primary-bg-color: #979fff}.u-icon-box[data-v-aa54745e]{display:none}.g-box[data-v-aa54745e]{position:relative;overflow:hidden;padding-left:16px;padding-right:16px;width:100%;background-color:#fff;box-sizing:border-box}.g-box .u-page-btn[data-v-aa54745e]{position:absolute;bottom:0;height:33px;border:0;box-sizing:border-box;background-color:#fff;opacity:.6;cursor:pointer}.g-box .s-previous-btn[data-v-aa54745e]{left:0}.g-box .s-next-btn[data-v-aa54745e]{right:0;transform:rotate(180deg)}.g-dionysus-box[data-v-aa54745e]{overflow:hidden;width:100%}.g-tab-page-box[data-v-aa54745e]{display:flex;color:#4a4a4a;white-space:nowrap;box-sizing:border-box;box-shadow:2px 0 8px #1d23290d;transform:translate(0);transition:.2s}.g-tab-page-box .u-li[data-v-aa54745e]{display:inline-block;position:relative;height:33px;font-size:14px;box-sizing:border-box;cursor:pointer}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]{display:flex;position:relative;z-index:1;padding:6px 8px;height:100%;align-items:center;background-color:#fff;border-radius:6px 6px 0 0;box-sizing:border-box}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 0;pointer-events:none}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 6px 0;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true] .u-gp[data-v-aa54745e]:after{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-hover-after=true] .u-gp[data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active-before=true] .u-gp[data-v-aa54745e]:after{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-active-after=true] .u-gp[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]{color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li .u-icon[data-v-aa54745e]{margin-right:8px;pointer-events:none}.g-tab-page-box .u-li .u-sn[data-v-aa54745e]{pointer-events:none}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]{position:relative;margin-left:4px;width:14px;height:14px;font-size:14px;border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:"";border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:#9ca3af}.g-tab-page-box .u-li[data-active=true] .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .s-icon[data-v-aa54745e]{display:block;position:relative;width:14px;height:14px}.g-tab-page-box .s-icon[data-v-aa54745e]:after{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(45deg)}.g-tab-page-box .s-icon[data-v-aa54745e]:before{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(-45deg)}.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=false][data-hover=false][data-active-before=false][data-hover-before=false] .u-sn[data-v-aa54745e]:after{position:absolute;top:50%;right:0;z-index:2;content:"";width:1px;height:50%;transform:translateY(-50%);background-color:#4a4a4a}.g-tab-page-box .u-li:nth-last-of-type(1)[data-active=false][data-hover=false] .u-sn[data-v-aa54745e]:after{background-color:#0000!important}.g-m-input-number-box[data-v-5002f7b6]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-5002f7b6]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]{display:inline-block;position:absolute;top:0;left:0;margin-bottom:0;padding-left:15px;padding-right:15px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-feature-settings:normal;font-stretch:100%;font-weight:400;text-indent:0;color:#606266;text-align:left;letter-spacing:normal;word-spacing:0;background-color:#0000;border-radius:4px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;cursor:text;pointer-events:none}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-5002f7b6]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-5002f7b6]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-5002f7b6]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-5002f7b6]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-5002f7b6]{padding-left:0}.g-m-input-number-box .m-input-number .el-input__inner{text-align:left}.g-m-input-number-box .m-input-number[data-thousandth-place=true] .el-input__inner{color:#0000}.g-m-input-number-box .m-input-number[data-focus=true] .el-input__inner{color:#606266}.g-m-input-number-box .m-input-number[no-border=true] .el-input__inner{border:0}.g-m-input-number-box[data-is-table-mini=true] .m-input-number .el-input__inner{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing=true] .m-input-number .el-input__inner{padding-left:0}.g-inline-box[data-v-1c6c2f76]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-1c6c2f76]{padding:0 14px 10px}.m-inline[data-v-1c6c2f76]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-1c6c2f76]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-1c6c2f76]:before{position:absolute;top:0;left:50%;content:"";width:calc(100% - 28px);height:1px;background-color:var(--el-border-color-lighter);transform:translate(-50%)}.u-btn-gp[data-v-1c6c2f76]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-1c6c2f76]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-1c6c2f76]{max-height:none!important}.u-btn-unfold[data-v-1c6c2f76]{margin-left:8px;width:12px;height:24px;line-height:24px;text-align:center;color:var(--el-text-color-regular);transform:rotate(90deg);cursor:pointer}.u-btn-unfold[data-unfold=true][data-v-1c6c2f76]{transform:rotate(270deg)}.g-inline-box .m-inline[dataCover] [data-box]{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--m-inline-min-width),1fr))}.g-inline-box .m-inline[dataCover] [data-box] [data-item]{padding-bottom:10px;min-width:var(--m-inline-min-width);max-width:var(--m-inline-max-width)}.g-inline-box .m-inline[dataCover] .el-form-item{margin-bottom:0;width:100%}.g-inline-box .m-inline[dataCover] .el-form-item .el-input,.g-inline-box .m-inline[dataCover] .el-form-item .el-cascader,.g-inline-box .m-inline[dataCover] .el-form{width:100%}.g-inline-box .m-inline[dataCover] .el-form .u-it-gp{display:flex}.g-inline-box .m-inline[dataCover] .u-row[data-single-line=true] .el-form{display:flex;justify-content:flex-start}.g-skin-config-box[data-v-a054a757]{display:flex}.g-skin-config-box .u-tt[data-v-a054a757]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-a054a757]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-a054a757]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-a054a757]{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-a054a757]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-a054a757]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-a054a757]{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-a054a757]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-a054a757]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-a054a757]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-a054a757]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-a054a757]{width:100px}.u-it[data-v-a054a757]{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-d2c83d1d]{position:relative}.el-table__empty-text img[data-v-d2c83d1d]{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-f5b3505b]{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-f5b3505b]{display:inline-block;position:relative}.u-set[data-v-f5b3505b]{padding:2.5px 0;float:right}.u-my-table-column-gp[data-v-f5b3505b]{display:inline}.u-my-table-column-icon[data-v-f5b3505b]{float:left;padding:4px;cursor:pointer;transition:.3s;font-size:14px}.u-my-table-column-icon[data-active=true][data-v-f5b3505b]{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}.vab[data-v-d9236703]{vertical-align:baseline}.g-m-table-column-set-box[data-v-d9236703]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-d9236703]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-d9236703]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-d9236703]{overflow:visible;width:auto!important}.m-panel-box[data-v-d9236703]{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-d9236703]{display:block}.m-panel-box .u-list .u-li[data-v-d9236703]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-d9236703]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-d9236703],.m-panel-box .u-tc[data-v-d9236703]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-d9236703],.m-panel-box .u-tc .u-p[data-v-d9236703]{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-d9236703]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-d9236703]{line-height:40px}.m-panel-box .s-link[data-v-d9236703]{text-align:right;justify-content:end}.m-panel-box .u-divider[data-v-d9236703]{margin-top:10px;margin-bottom:0}.m-masked[data-v-d9236703],.g-m-table-column-set-teleport[data-v-d9236703]{position:fixed;top:0;left:0;z-index:6;width:100%;height:100%}.u-group[data-v-88e3837e]{display:flex;align-items:center}.u-group .u-checkbox[data-v-88e3837e]{padding-right:4px;pointer-events:none;margin-right:0}.u-checkbox[data-v-ce4ca417]{height:var(--el-checkbox-height, 20px)}.g-select-table-box{width:100%}.u-img{width:80px}.m-select-table .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.m-select-table .el-select-dropdown__empty{padding:0}.m-select-table .el-select-dropdown__empty .btn-box{text-align:right;padding-bottom:6px}.m-select-table .m-table-select{padding:6px;overflow-y:auto}.m-select-table .m-page{padding:4px}.br-u-dialog-resize{position:absolute;width:5px;height:5px;cursor:nwse-resize}.br-u-dialog-resize.br-u-lu{left:0;top:0}.br-u-dialog-resize.br-u-ld{left:0;bottom:0}.br-u-dialog-resize.br-u-ru{right:0;top:0}.br-u-dialog-resize.br-u-rd{right:-5px;bottom:-5px;width:10px;height:10px;border-top:1px solid var(--el-color-primary);transform:rotate(-45deg)}.g-select-table-box[data-v-bb9b01dd]{position:relative;line-height:normal}.g-select-table-box .u-input-gp[data-v-bb9b01dd]{position:relative}.g-select-table-box .u-input-gp:hover .el-icon-circle-close[data-v-bb9b01dd]{display:block}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]{display:none;position:absolute;top:50%;right:10px;font-size:14px;color:#c0c4cc;transform:translateY(-50%);cursor:pointer}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]:hover{color:#a4a7ad}.g-select-table-box .s-table[data-v-bb9b01dd]{width:100%}.btn-box[data-v-bb9b01dd]{text-align:right;padding-bottom:6px}.m-page[data-v-bb9b01dd]{padding-top:4px}.g-select-table-box .u-input-gp .el-input{display:flex}.g-select-table-box .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
/** 最小列宽 */
|
|
3
|
-
minWidth: number | string;
|
|
4
|
-
/** 是否显示 */
|
|
5
|
-
show: boolean;
|
|
6
|
-
/** 排序 */
|
|
7
|
-
sort: number;
|
|
8
|
-
/** 列名 */
|
|
9
|
-
label: string;
|
|
10
|
-
/** 表头对齐方式, 若不设置该项,则使用表格的对齐方式 */
|
|
11
|
-
headerAlign: 'left' | 'center' | 'right';
|
|
12
|
-
}
|
|
1
|
+
import type { TableConfigItem } from '../../Hook/useTableConfig/useTableConfig';
|
|
13
2
|
interface TableConfig {
|
|
14
3
|
[propName: string]: TableConfigItem;
|
|
15
4
|
}
|
package/package.json
CHANGED
|
@@ -47,32 +47,6 @@ import moneyFormat from '../../Tool/moneyFormat/moneyFormat'
|
|
|
47
47
|
import useTableConfig from 'packages/Hook/useTableConfig/useTableConfig'
|
|
48
48
|
|
|
49
49
|
const tableData = ref<any[]>([])
|
|
50
|
-
// const tableData = ref<any[]>([
|
|
51
|
-
// {
|
|
52
|
-
// date: '2016-05-03',
|
|
53
|
-
// name: 'Tom1',
|
|
54
|
-
// // address: 'No. 189, Grove St, Los Angeles',
|
|
55
|
-
// tag: ['Home1', 'Home2']
|
|
56
|
-
// },
|
|
57
|
-
// {
|
|
58
|
-
// date: '2016-05-02',
|
|
59
|
-
// name: 'Tom2',
|
|
60
|
-
// // address: 'No. 189, Grove St, Los Angeles',
|
|
61
|
-
// tag: ['Office']
|
|
62
|
-
// },
|
|
63
|
-
// {
|
|
64
|
-
// date: '2016-05-04',
|
|
65
|
-
// name: 'Tom3',
|
|
66
|
-
// // address: 'No. 189, Grove St, Los Angeles',
|
|
67
|
-
// tag: ['Home']
|
|
68
|
-
// },
|
|
69
|
-
// {
|
|
70
|
-
// date: '2016-05-01',
|
|
71
|
-
// name: 'Tom4',
|
|
72
|
-
// // address: 'No. 189, Grove St, Los Angeles',
|
|
73
|
-
// tag: ['Office']
|
|
74
|
-
// }
|
|
75
|
-
// ])
|
|
76
50
|
|
|
77
51
|
const { tableTitle, headerDragend, filtersValue, page } = useTableConfig(
|
|
78
52
|
'testTableSize',
|
|
@@ -96,32 +70,27 @@ setTimeout(() => {
|
|
|
96
70
|
{
|
|
97
71
|
date: '2016-05-03',
|
|
98
72
|
name: 'Tom1',
|
|
99
|
-
// address: 'No. 189, Grove St, Los Angeles',
|
|
100
73
|
tag: ['Home1', 'Home2']
|
|
101
74
|
},
|
|
102
75
|
{
|
|
103
76
|
date: '2016-05-03',
|
|
104
77
|
name: 'Tom2',
|
|
105
|
-
// address: 'No. 189, Grove St, Los Angeles',
|
|
106
78
|
tag: ['Office']
|
|
107
79
|
},
|
|
108
80
|
{
|
|
109
81
|
date: '2016-05-04',
|
|
110
82
|
name: 'Tom3',
|
|
111
|
-
// address: 'No. 189, Grove St, Los Angeles',
|
|
112
83
|
tag: ['Home']
|
|
113
84
|
},
|
|
114
85
|
{
|
|
115
86
|
date: '2016-05-01',
|
|
116
87
|
name: 'Tom4',
|
|
117
|
-
// address: 'No. 189, Grove St, Los Angeles',
|
|
118
88
|
tag: ['Office']
|
|
119
89
|
}
|
|
120
90
|
]
|
|
121
91
|
})
|
|
122
92
|
const getSize = () => {
|
|
123
93
|
console.log(moneyFormat(0.05, false, 10, { repairZero: 6 }))
|
|
124
|
-
// console.log(page.value.pageSize)
|
|
125
94
|
}
|
|
126
95
|
|
|
127
96
|
// const test = (data: any) => {
|
|
@@ -13,7 +13,9 @@ export interface TableConfigItem {
|
|
|
13
13
|
show: boolean,
|
|
14
14
|
/** 排序 */
|
|
15
15
|
sort: number,
|
|
16
|
-
/**
|
|
16
|
+
// /** 显示名称 */
|
|
17
|
+
// showName: string,
|
|
18
|
+
/** 列名(系统名称) */
|
|
17
19
|
label: string,
|
|
18
20
|
/** 表头对齐方式, 若不设置该项,则使用表格的对齐方式 */
|
|
19
21
|
headerAlign: 'left' | 'center' | 'right',
|
|
@@ -48,11 +50,6 @@ interface UseTableConfigReturn {
|
|
|
48
50
|
page: Ref<Page>
|
|
49
51
|
}
|
|
50
52
|
|
|
51
|
-
// interface Config {
|
|
52
|
-
// /** 过滤选项数组拆分模式(待实现) */
|
|
53
|
-
// filterArrSplitMode?: boolean
|
|
54
|
-
// }
|
|
55
|
-
|
|
56
53
|
/**
|
|
57
54
|
* 表格配置
|
|
58
55
|
* @param {string} name 表格唯一标识
|
|
@@ -73,30 +70,43 @@ const useTableConfig = (name: string = '', tableTitle: TableTitle[] = [], tableD
|
|
|
73
70
|
/** 过滤条件 */
|
|
74
71
|
const filtersValue = ref<FilterValue>({})
|
|
75
72
|
|
|
76
|
-
tableTitle.forEach((item, index) => {
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
}
|
|
73
|
+
tableTitle.filter(item => !tableConfig.value[item.prop]).forEach((item, index) => {
|
|
74
|
+
tableConfig.value[item.prop] = {
|
|
75
|
+
minWidth: item.minWidth !== undefined ? item.minWidth : '',
|
|
76
|
+
show: true,
|
|
77
|
+
sort: index,
|
|
78
|
+
// showName: item.label,
|
|
79
|
+
label: item.label,
|
|
80
|
+
headerAlign: item.headerAlign || 'left',
|
|
81
|
+
align: item.align || 'left',
|
|
82
|
+
fixed: item.fixed !== undefined ? item.fixed : false
|
|
87
83
|
}
|
|
88
|
-
// tableConfig.value[item.prop].label = item.label
|
|
89
84
|
})
|
|
90
85
|
const syncTableTitle = () => {
|
|
86
|
+
// prop到filters的映射
|
|
87
|
+
interface PropToFiltersMap {
|
|
88
|
+
[propKey: string]: {
|
|
89
|
+
text: string | number,
|
|
90
|
+
value: string | number
|
|
91
|
+
}[] | undefined
|
|
92
|
+
}
|
|
93
|
+
const propToFiltersMap: PropToFiltersMap = _tableTitle.value.reduce((map: PropToFiltersMap, item) => {
|
|
94
|
+
map[item.prop] = item.filters
|
|
95
|
+
return map
|
|
96
|
+
}, {})
|
|
97
|
+
|
|
91
98
|
_tableTitle.value = tableTitle.map(item => {
|
|
99
|
+
const tableConfigItem = tableConfig.value[item.prop]
|
|
92
100
|
return {
|
|
93
101
|
...item,
|
|
94
|
-
|
|
95
|
-
|
|
102
|
+
// label: tableConfigItem?.showName || tableConfigItem?.label || item.label,
|
|
103
|
+
label: item.label,
|
|
104
|
+
minWidth: tableConfigItem?.minWidth || item.minWidth,
|
|
105
|
+
headerAlign: tableConfigItem?.headerAlign || item.headerAlign || 'left',
|
|
96
106
|
filterMethod,
|
|
97
|
-
filters: item.filters ||
|
|
98
|
-
align:
|
|
99
|
-
fixed:
|
|
107
|
+
filters: item.filters || propToFiltersMap[item.prop] || [],
|
|
108
|
+
align: tableConfigItem?.align || item.align,
|
|
109
|
+
fixed: tableConfigItem?.fixed || item.fixed
|
|
100
110
|
}
|
|
101
111
|
})
|
|
102
112
|
}
|
|
@@ -129,15 +139,6 @@ const useTableConfig = (name: string = '', tableTitle: TableTitle[] = [], tableD
|
|
|
129
139
|
const initColumnFilter = (tableData: any[]): void => {
|
|
130
140
|
_tableTitle.value = _tableTitle.value.map(item => {
|
|
131
141
|
const data = tableData.map(node => node[item.prop]).map(node => JSON.stringify(node))
|
|
132
|
-
// const isAllArray = !tableData.some(node => !checkType.isArray(node[item.prop]))
|
|
133
|
-
// let array: any[] = tableData.map(node => node[item.prop])
|
|
134
|
-
// if (config.filterArrSplitMode && isAllArray) {
|
|
135
|
-
// array = []
|
|
136
|
-
// data.forEach(node => {
|
|
137
|
-
// array.push(...node)
|
|
138
|
-
// })
|
|
139
|
-
// }
|
|
140
|
-
// array = array.map(node => JSON.stringify(node))
|
|
141
142
|
// 去重
|
|
142
143
|
const filters = [...new Set(data)].filter(node => node !== undefined).map(node => ({
|
|
143
144
|
text: JSON.parse(node),
|
|
@@ -94,21 +94,8 @@ import type { Ref } from 'vue'
|
|
|
94
94
|
import createHash from '../../../tool/createHash'
|
|
95
95
|
import useMTableColumnSet from 'packages/MTableColumnSet/src/useMTableColumnSet'
|
|
96
96
|
import { useZIndex } from 'element-plus'
|
|
97
|
+
import type { TableConfigItem } from 'packages/Hook/useTableConfig/useTableConfig'
|
|
97
98
|
|
|
98
|
-
interface TableConfigItem {
|
|
99
|
-
/** 最小列宽 */
|
|
100
|
-
minWidth: number | string,
|
|
101
|
-
/** 是否显示 */
|
|
102
|
-
show: boolean,
|
|
103
|
-
/** 排序 */
|
|
104
|
-
sort: number,
|
|
105
|
-
/** 列名 */
|
|
106
|
-
label: string,
|
|
107
|
-
/** 表头对齐方式, 若不设置该项,则使用表格的对齐方式 */
|
|
108
|
-
headerAlign: 'left' | 'center' | 'right',
|
|
109
|
-
// /** 对齐方式 */
|
|
110
|
-
// align: 'left' | 'center' | 'right',
|
|
111
|
-
}
|
|
112
99
|
interface TableConfig {
|
|
113
100
|
[propName: string]: TableConfigItem
|
|
114
101
|
}
|
package/web-types.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"br-dionysus","version":"1.7.5","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":"insideHeight","description":"对话框内部空间的高度,默认为null","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]},{"name":"minInsideHeight","description":"对话框内部空间的最小高度,默认为0(当同时存在maxHeight和minInsideHeight时,以maxHeight为准)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"maxInsideHeight","description":"对话框内部空间的最大高度,默认为Infinity","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["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"]},{"name":"insideClassName","description":"对话框内部空间的className","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]}],"js":{"events":[{"name":"resized","description":"窗口大小改变完成事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[contentsSize: { width: number, height: number }]"]},{"name":"'update:insideHeight'","description":"更新内部容器高度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[number]"]},{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[boolean]"]}]}},{"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":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"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]: any\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"]},{"name":"expandProp","description":"展开图标列(如使用这个属性则必须存在rowKey属性) (标记,约束条件后面解决)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"expandRowKeys","description":"可以通过该属性设置 Table 目前的展开行,需要设置 row-key 属性才能使用,该属性为展开行的 keys 数组。","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any[]"]},{"name":"rowKey","description":"行数据的 Key,用来优化 Table 的渲染; 在使用reserve-selection功能与显示树形数据时,该属性是必填的。 类型为 String 时,支持多层访问:user.info.id,但不支持 user.info[0].id,此种情况请使用 Function。","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | string"]},{"name":"tableConfigKey","description":"表格配置key","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]}],"js":{"events":[{"name":"pasteData","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[\n 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":"privateExpandChange","description":"expandProp模式下 当用户对某一行展开或者关闭的时候会触发该事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[row: any, expandedRows: any[]]"]}]}},{"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"]},{"name":"tableConfigKey","description":"表格配置key","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["''"]}],"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":[]}}}
|
|
1
|
+
{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"br-dionysus","version":"1.7.6","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":"insideHeight","description":"对话框内部空间的高度,默认为null","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]},{"name":"minInsideHeight","description":"对话框内部空间的最小高度,默认为0(当同时存在maxHeight和minInsideHeight时,以maxHeight为准)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"maxInsideHeight","description":"对话框内部空间的最大高度,默认为Infinity","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["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"]},{"name":"insideClassName","description":"对话框内部空间的className","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]}],"js":{"events":[{"name":"resized","description":"窗口大小改变完成事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[contentsSize: { width: number, height: number }]"]},{"name":"'update:insideHeight'","description":"更新内部容器高度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[number]"]},{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[boolean]"]}]}},{"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":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"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]: any\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"]},{"name":"expandProp","description":"展开图标列(如使用这个属性则必须存在rowKey属性) (标记,约束条件后面解决)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"expandRowKeys","description":"可以通过该属性设置 Table 目前的展开行,需要设置 row-key 属性才能使用,该属性为展开行的 keys 数组。","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any[]"]},{"name":"rowKey","description":"行数据的 Key,用来优化 Table 的渲染; 在使用reserve-selection功能与显示树形数据时,该属性是必填的。 类型为 String 时,支持多层访问:user.info.id,但不支持 user.info[0].id,此种情况请使用 Function。","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | string"]},{"name":"tableConfigKey","description":"表格配置key","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]}],"js":{"events":[{"name":"pasteData","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[\n 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":"privateExpandChange","description":"expandProp模式下 当用户对某一行展开或者关闭的时候会触发该事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[row: any, expandedRows: any[]]"]}]}},{"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"]},{"name":"tableConfigKey","description":"表格配置key","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["''"]}],"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":[]}}}
|