br-dionysus 1.0.5 → 1.0.7

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 (9) hide show
  1. package/README.md +51 -47
  2. package/dist/br-dionysus.es.js +525 -517
  3. package/dist/br-dionysus.umd.js +2 -2
  4. package/dist/index.css +1 -1
  5. package/dist/packages/MSelectTable/src/MSelectTable.vue.d.ts +10 -0
  6. package/package.json +1 -1
  7. package/packages/MSelectTable/docs/README.md +49 -47
  8. package/packages/MSelectTable/docs/demo.vue +2 -0
  9. package/packages/MSelectTable/src/MSelectTable.vue +15 -5
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.my-button[data-v-95d34074]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 10px;background:#87cefa;border:none;border-radius:4px;color:#fff}.my-button[data-v-95d34074]:active{background:#5cb9f3}.my-button[data-v-95d34074]:not(:last-child){margin-right:15px}[data-v-a6e74708]:root{--br-dionysus-primary-color: #646CFFFF;--br-dionysus-primary-bg-color: #979fff}.u-icon-box[data-v-a6e74708]{display:none}.g-box[data-v-a6e74708]{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-a6e74708]{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-a6e74708]{left:0}.g-box .s-next-btn[data-v-a6e74708]{right:0;transform:rotate(180deg)}.g-dionysus-box[data-v-a6e74708]{overflow:hidden;width:100%}.g-tab-page-box[data-v-a6e74708]{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-a6e74708]{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-a6e74708]{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-a6e74708]: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-a6e74708]: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-a6e74708]: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-a6e74708]: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-a6e74708],.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-a6e74708]:after,.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-a6e74708]:before,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-a6e74708]:after,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-a6e74708]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true] .u-gp[data-v-a6e74708]:after{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true][data-v-a6e74708]:after{background-color:#fff}.g-tab-page-box .u-li[data-hover-after=true] .u-gp[data-v-a6e74708]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-after=true][data-v-a6e74708]:before{background-color:#fff}.g-tab-page-box .u-li[data-active-before=true] .u-gp[data-v-a6e74708]:after{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-before=true][data-v-a6e74708]:after{background-color:#fff}.g-tab-page-box .u-li[data-active-after=true] .u-gp[data-v-a6e74708]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-after=true][data-v-a6e74708]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true][data-v-a6e74708]{color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-a6e74708],.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-a6e74708]:before,.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-a6e74708]:after,.g-tab-page-box .u-li[data-active=true][data-v-a6e74708]:after,.g-tab-page-box .u-li[data-active=true][data-v-a6e74708]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li .u-icon[data-v-a6e74708]{margin-right:8px;pointer-events:none}.g-tab-page-box .u-li .u-sn[data-v-a6e74708]{pointer-events:none}.g-tab-page-box .u-li .u-btn[data-v-a6e74708]{position:relative;//margin-left: 14px;margin-left:4px;width:14px;height:14px;font-size:14px;border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-a6e74708]: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-a6e74708]:hover{color:#fff;background-color:#9ca3af}.g-tab-page-box .u-li[data-active=true] .u-btn[data-v-a6e74708]:hover{color:#fff;background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .s-icon[data-v-a6e74708]{display:block;position:relative;width:14px;height:14px}.g-tab-page-box .s-icon[data-v-a6e74708]: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-a6e74708]: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-a6e74708]:after,.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-a6e74708]:before{background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-a6e74708]:after,.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-a6e74708]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-a6e74708]:after,.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-a6e74708]: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-a6e74708]: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-a6e74708]:after{background-color:#0000!important}.g-m-input-number-box[data-v-cedf6a5d]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-cedf6a5d]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-cedf6a5d]{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-cedf6a5d]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-cedf6a5d]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-cedf6a5d]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-cedf6a5d]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-cedf6a5d]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-cedf6a5d]{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-5c4df591]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-5c4df591]{padding:0 14px 10px}.m-inline[data-v-5c4df591]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-5c4df591]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-5c4df591]: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-5c4df591]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-5c4df591]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-5c4df591]{max-height:none!important}.u-btn-unfold[data-v-5c4df591]{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-5c4df591]{transform:rotate(270deg)}.g-inline-box .m-inline[dataCover] [data-box]{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--m-inline-min-width),1fr))}.g-inline-box .m-inline[dataCover] [data-box] [data-item]{padding-bottom:10px;min-width:var(--m-inline-min-width);max-width:var(--m-inline-max-width)}.g-inline-box .m-inline[dataCover] .el-form-item{margin-bottom:0;width:100%}.g-inline-box .m-inline[dataCover] .el-form-item .el-input,.g-inline-box .m-inline[dataCover] .el-form-item .el-cascader,.g-inline-box .m-inline[dataCover] .el-form{width:100%}.g-inline-box .m-inline[dataCover] .el-form .u-it-gp{display:flex}.g-inline-box .m-inline[dataCover] .u-row[data-single-line=true] .el-form{display:flex;justify-content:flex-start}.g-skin-config-box[data-v-56c57a90]{display:flex}.g-skin-config-box .u-tt[data-v-56c57a90]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-56c57a90]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-56c57a90]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-56c57a90]{display:flex;margin-bottom:12px;justify-content:space-between;align-items:center;color:var(--m-fc-body)}.g-skin-config-box .u-box .u-gulp[data-v-56c57a90]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-56c57a90]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-56c57a90]{display:flex;margin-bottom:10px;width:12.5%;justify-content:center}.g-skin-config-box .u-box .u-list .u-li .u-color[data-v-56c57a90]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-56c57a90]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-56c57a90]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-56c57a90]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-56c57a90]{width:100px}.u-it[data-v-56c57a90]{width:106px}.g-skin-config-box .el-drawer__body{padding:0}.g-skin-config-box .el-switch{height:auto}.g-skin-config-box .u-pc{display:flex;justify-content:center}.g-skin-config-box .u-pc .el-color-picker{width:100%}.g-skin-config-box .u-pc .el-color-picker .el-color-picker__trigger{width:100%;height:34px}.g-skin-config-box .u-tabs .el-tabs__item{padding:0 10px}.el-table__empty-text img[data-v-3add7d19]{width:15%}.u-icon[data-v-427c315c]{display:inline-block;position:relative;width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMdJREFUOE/tkyESwjAQRfMj0Xgkp2AmaQweHCeAS1AuASfAgce0yQynQOLRyHyazpRpoW2YAcnKbP7L7t8sxJeBoM+yLK04Ukp678vzWBhj0iegEK5jgnq+eGTzO4C1dkhyDGAvhBhFKrmSXAC4aK1vjV6dcxPv/QnAoA1C8i6lnCqlzlX+zaw8z2cADh2AeZIkx3qu1W3n3JLktnERWCmldq/gznFZa8NUyvFWjrdV9QcIEfWgz8BgaicgLFj467H9+Gjr+iAPDfV1EeVT6aEAAAAASUVORK5CYII=);background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-427c315c]{display:inline-block;position:relative}.m-filter-box[data-is-open=true]{opacity:1;pointer-events:auto}.m-filter-box[data-is-open=false]{opacity:0;pointer-events:none}.m-filter-box .u-filter-mask{position:fixed;top:0;left:0;z-index:2050;width:100%;height:100%}.m-filter-box .u-it-gp{padding:10px;border-bottom:1px solid var(--el-border-color-lighter)}.m-filter-box .u-list-box{overflow:hidden;position:fixed;top:0;left:0;z-index:2050;max-width:50%;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-popper-border-radius, 4px);box-shadow:var(--el-box-shadow-light)}.m-filter-box .u-list-box .u-checkbox-group{overflow-y:auto;display:block;padding:10px;max-height:280px}.m-filter-box .u-list-box label.el-checkbox{display:flex;align-items:center;margin-right:5px;margin-bottom:12px;margin-left:5px;height:unset}.m-filter-box .u-list-box label.el-checkbox:last-child{margin-bottom:0}.m-filter-box .u-list-box .u-btn-gp{border-top:1px solid var(--el-border-color-lighter);padding:8px}.m-filter-box .u-list-box button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.m-filter-box .u-list-box button{background:0 0;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.vab[data-v-f5392071]{vertical-align:baseline}.g-m-table-column-set-box[data-v-f5392071]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-f5392071]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-f5392071]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-f5392071]{overflow:visible;width:auto!important}.m-panel-box[data-v-f5392071]{display:none;overflow-y:auto;padding:6px 4px;position:absolute;top:30px;right:0;z-index:7;min-width:214px;max-height:300px;background-color:#fff;border-radius:8px;border:1px solid var(--el-border-color-lighter);box-shadow:2px 0 8px #1d23290d;box-sizing:border-box}.m-panel-box[data-active=true][data-v-f5392071]{display:block}.m-panel-box .u-list .u-li[data-v-f5392071]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-f5392071]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-f5392071],.m-panel-box .u-tc[data-v-f5392071]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-f5392071],.m-panel-box .u-tc .u-p[data-v-f5392071]{display:block;padding-left:4px;width:50px;align-self:auto;white-space:nowrap;line-height:24px;font-weight:700}.m-panel-box .u-tc[data-v-f5392071]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-f5392071]{line-height:40px}.m-panel-box .u-divider[data-v-f5392071]{margin-top:10px;margin-bottom:0}.m-masked[data-v-f5392071],.g-m-table-column-set-teleport[data-v-f5392071]{position:fixed;top:0;left:0;z-index:6;width:100%;height:100%}.u-group[data-v-88e3837e]{display:flex;align-items:center}.u-group .u-checkbox[data-v-88e3837e]{padding-right:4px;pointer-events:none;margin-right:0}.u-checkbox[data-v-ce4ca417]{height:var(--el-checkbox-height, 20px)}.g-select-table-box{width:100%}.u-img{width:80px}.m-select-table .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.m-select-table .el-select-dropdown__empty{padding:0}.m-select-table .el-select-dropdown__empty .btn-box{text-align:right;padding-bottom:6px}.m-select-table .m-table-select{width:500px;padding:6px;overflow-y:auto}.m-select-table .m-page{padding:4px}
1
+ @charset "UTF-8";.my-button[data-v-95d34074]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:5px 10px;background:#87cefa;border:none;border-radius:4px;color:#fff}.my-button[data-v-95d34074]:active{background:#5cb9f3}.my-button[data-v-95d34074]:not(:last-child){margin-right:15px}[data-v-a6e74708]:root{--br-dionysus-primary-color: #646CFFFF;--br-dionysus-primary-bg-color: #979fff}.u-icon-box[data-v-a6e74708]{display:none}.g-box[data-v-a6e74708]{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-a6e74708]{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-a6e74708]{left:0}.g-box .s-next-btn[data-v-a6e74708]{right:0;transform:rotate(180deg)}.g-dionysus-box[data-v-a6e74708]{overflow:hidden;width:100%}.g-tab-page-box[data-v-a6e74708]{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-a6e74708]{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-a6e74708]{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-a6e74708]: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-a6e74708]: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-a6e74708]: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-a6e74708]: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-a6e74708],.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-a6e74708]:after,.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-a6e74708]:before,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-a6e74708]:after,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-a6e74708]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true] .u-gp[data-v-a6e74708]:after{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true][data-v-a6e74708]:after{background-color:#fff}.g-tab-page-box .u-li[data-hover-after=true] .u-gp[data-v-a6e74708]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-after=true][data-v-a6e74708]:before{background-color:#fff}.g-tab-page-box .u-li[data-active-before=true] .u-gp[data-v-a6e74708]:after{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-before=true][data-v-a6e74708]:after{background-color:#fff}.g-tab-page-box .u-li[data-active-after=true] .u-gp[data-v-a6e74708]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-after=true][data-v-a6e74708]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true][data-v-a6e74708]{color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-a6e74708],.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-a6e74708]:before,.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-a6e74708]:after,.g-tab-page-box .u-li[data-active=true][data-v-a6e74708]:after,.g-tab-page-box .u-li[data-active=true][data-v-a6e74708]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li .u-icon[data-v-a6e74708]{margin-right:8px;pointer-events:none}.g-tab-page-box .u-li .u-sn[data-v-a6e74708]{pointer-events:none}.g-tab-page-box .u-li .u-btn[data-v-a6e74708]{position:relative;//margin-left: 14px;margin-left:4px;width:14px;height:14px;font-size:14px;border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-a6e74708]: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-a6e74708]:hover{color:#fff;background-color:#9ca3af}.g-tab-page-box .u-li[data-active=true] .u-btn[data-v-a6e74708]:hover{color:#fff;background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .s-icon[data-v-a6e74708]{display:block;position:relative;width:14px;height:14px}.g-tab-page-box .s-icon[data-v-a6e74708]: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-a6e74708]: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-a6e74708]:after,.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-a6e74708]:before{background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-a6e74708]:after,.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-a6e74708]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-a6e74708]:after,.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-a6e74708]: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-a6e74708]: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-a6e74708]:after{background-color:#0000!important}.g-m-input-number-box[data-v-cedf6a5d]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-cedf6a5d]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-cedf6a5d]{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-cedf6a5d]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-cedf6a5d]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-cedf6a5d]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-cedf6a5d]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-cedf6a5d]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-cedf6a5d]{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-5c4df591]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-5c4df591]{padding:0 14px 10px}.m-inline[data-v-5c4df591]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-5c4df591]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-5c4df591]: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-5c4df591]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-5c4df591]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-5c4df591]{max-height:none!important}.u-btn-unfold[data-v-5c4df591]{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-5c4df591]{transform:rotate(270deg)}.g-inline-box .m-inline[dataCover] [data-box]{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--m-inline-min-width),1fr))}.g-inline-box .m-inline[dataCover] [data-box] [data-item]{padding-bottom:10px;min-width:var(--m-inline-min-width);max-width:var(--m-inline-max-width)}.g-inline-box .m-inline[dataCover] .el-form-item{margin-bottom:0;width:100%}.g-inline-box .m-inline[dataCover] .el-form-item .el-input,.g-inline-box .m-inline[dataCover] .el-form-item .el-cascader,.g-inline-box .m-inline[dataCover] .el-form{width:100%}.g-inline-box .m-inline[dataCover] .el-form .u-it-gp{display:flex}.g-inline-box .m-inline[dataCover] .u-row[data-single-line=true] .el-form{display:flex;justify-content:flex-start}.g-skin-config-box[data-v-56c57a90]{display:flex}.g-skin-config-box .u-tt[data-v-56c57a90]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-56c57a90]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-56c57a90]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-56c57a90]{display:flex;margin-bottom:12px;justify-content:space-between;align-items:center;color:var(--m-fc-body)}.g-skin-config-box .u-box .u-gulp[data-v-56c57a90]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-56c57a90]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-56c57a90]{display:flex;margin-bottom:10px;width:12.5%;justify-content:center}.g-skin-config-box .u-box .u-list .u-li .u-color[data-v-56c57a90]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-56c57a90]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-56c57a90]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-56c57a90]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-56c57a90]{width:100px}.u-it[data-v-56c57a90]{width:106px}.g-skin-config-box .el-drawer__body{padding:0}.g-skin-config-box .el-switch{height:auto}.g-skin-config-box .u-pc{display:flex;justify-content:center}.g-skin-config-box .u-pc .el-color-picker{width:100%}.g-skin-config-box .u-pc .el-color-picker .el-color-picker__trigger{width:100%;height:34px}.g-skin-config-box .u-tabs .el-tabs__item{padding:0 10px}.el-table__empty-text img[data-v-3add7d19]{width:15%}.u-icon[data-v-427c315c]{display:inline-block;position:relative;width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMdJREFUOE/tkyESwjAQRfMj0Xgkp2AmaQweHCeAS1AuASfAgce0yQynQOLRyHyazpRpoW2YAcnKbP7L7t8sxJeBoM+yLK04Ukp678vzWBhj0iegEK5jgnq+eGTzO4C1dkhyDGAvhBhFKrmSXAC4aK1vjV6dcxPv/QnAoA1C8i6lnCqlzlX+zaw8z2cADh2AeZIkx3qu1W3n3JLktnERWCmldq/gznFZa8NUyvFWjrdV9QcIEfWgz8BgaicgLFj467H9+Gjr+iAPDfV1EeVT6aEAAAAASUVORK5CYII=);background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-427c315c]{display:inline-block;position:relative}.m-filter-box[data-is-open=true]{opacity:1;pointer-events:auto}.m-filter-box[data-is-open=false]{opacity:0;pointer-events:none}.m-filter-box .u-filter-mask{position:fixed;top:0;left:0;z-index:2050;width:100%;height:100%}.m-filter-box .u-it-gp{padding:10px;border-bottom:1px solid var(--el-border-color-lighter)}.m-filter-box .u-list-box{overflow:hidden;position:fixed;top:0;left:0;z-index:2050;max-width:50%;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-popper-border-radius, 4px);box-shadow:var(--el-box-shadow-light)}.m-filter-box .u-list-box .u-checkbox-group{overflow-y:auto;display:block;padding:10px;max-height:280px}.m-filter-box .u-list-box label.el-checkbox{display:flex;align-items:center;margin-right:5px;margin-bottom:12px;margin-left:5px;height:unset}.m-filter-box .u-list-box label.el-checkbox:last-child{margin-bottom:0}.m-filter-box .u-list-box .u-btn-gp{border-top:1px solid var(--el-border-color-lighter);padding:8px}.m-filter-box .u-list-box button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.m-filter-box .u-list-box button{background:0 0;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.vab[data-v-f5392071]{vertical-align:baseline}.g-m-table-column-set-box[data-v-f5392071]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-f5392071]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-f5392071]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-f5392071]{overflow:visible;width:auto!important}.m-panel-box[data-v-f5392071]{display:none;overflow-y:auto;padding:6px 4px;position:absolute;top:30px;right:0;z-index:7;min-width:214px;max-height:300px;background-color:#fff;border-radius:8px;border:1px solid var(--el-border-color-lighter);box-shadow:2px 0 8px #1d23290d;box-sizing:border-box}.m-panel-box[data-active=true][data-v-f5392071]{display:block}.m-panel-box .u-list .u-li[data-v-f5392071]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-f5392071]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-f5392071],.m-panel-box .u-tc[data-v-f5392071]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-f5392071],.m-panel-box .u-tc .u-p[data-v-f5392071]{display:block;padding-left:4px;width:50px;align-self:auto;white-space:nowrap;line-height:24px;font-weight:700}.m-panel-box .u-tc[data-v-f5392071]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-f5392071]{line-height:40px}.m-panel-box .u-divider[data-v-f5392071]{margin-top:10px;margin-bottom:0}.m-masked[data-v-f5392071],.g-m-table-column-set-teleport[data-v-f5392071]{position:fixed;top:0;left:0;z-index:6;width:100%;height:100%}.u-group[data-v-88e3837e]{display:flex;align-items:center}.u-group .u-checkbox[data-v-88e3837e]{padding-right:4px;pointer-events:none;margin-right:0}.u-checkbox[data-v-ce4ca417]{height:var(--el-checkbox-height, 20px)}.g-select-table-box{width:100%}.u-img{width:80px}.m-select-table .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.m-select-table .el-select-dropdown__empty{padding:0}.m-select-table .el-select-dropdown__empty .btn-box{text-align:right;padding-bottom:6px}.m-select-table .m-table-select{padding:6px;overflow-y:auto}.m-select-table .m-page{padding:4px}
package/dist/packages/MSelectTable/src/MSelectTable.vue.d.ts CHANGED
@@ -19,6 +19,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
19
19
  isAffirmBtn?: boolean | undefined;
20
20
  scrollbarAlwaysOn?: boolean | undefined;
21
21
  allowCreate?: boolean | undefined;
22
+ border?: boolean | undefined;
23
+ popupWidth?: string | number | undefined;
22
24
  }>, {
23
25
  modelValue: string;
24
26
  name: string;
@@ -42,6 +44,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
42
44
  isAffirmBtn: boolean;
43
45
  scrollbarAlwaysOn: boolean;
44
46
  allowCreate: boolean;
47
+ border: boolean;
48
+ popupWidth: number;
45
49
  }>, {
46
50
  defaultBackFillValue: () => false | undefined;
47
51
  clear: () => void;
@@ -72,6 +76,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
72
76
  isAffirmBtn?: boolean | undefined;
73
77
  scrollbarAlwaysOn?: boolean | undefined;
74
78
  allowCreate?: boolean | undefined;
79
+ border?: boolean | undefined;
80
+ popupWidth?: string | number | undefined;
75
81
  }>, {
76
82
  modelValue: string;
77
83
  name: string;
@@ -95,6 +101,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
95
101
  isAffirmBtn: boolean;
96
102
  scrollbarAlwaysOn: boolean;
97
103
  allowCreate: boolean;
104
+ border: boolean;
105
+ popupWidth: number;
98
106
  }>>> & {
99
107
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
100
108
  onSelected?: ((...args: any[]) => any) | undefined;
@@ -117,6 +125,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
117
125
  filterable: boolean;
118
126
  remote: boolean;
119
127
  allowCreate: boolean;
128
+ border: boolean;
129
+ popupWidth: number | string;
120
130
  filterMethod: Function | null;
121
131
  reserveSelection: boolean;
122
132
  isAffirmBtn: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "br-dionysus",
3
- "version": "1.0.5",
3
+ "version": "1.0.7",
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/MSelectTable/docs/README.md CHANGED
@@ -13,72 +13,74 @@ import demo from './demo.vue'
13
13
 
14
14
  ### 2) Attributes
15
15
 
16
- | 参数 | 说明 | 类型 | 可选 | 是否必填 | 默认值 |
17
- |-------------------|----------------------------------------------------------|-------------------------------------|---------------------------|:----:|---------------------------------|
18
- | value / v-model | 绑定值 | number,string, Array<number,string> | - | 否 | '' |
19
- | name | 显示值，有值时覆盖所有显示逻辑，直接显示name | number,string, Array<number,string> | - | 否 | '' |
20
- | placeholder | 占位符 | string | - | 否 | '请选择 |
21
- | disabled | 是否禁用 | boolean | - | 否 | false |
22
- | size | 大小 | enum | large \| default \| small | 否 | default |
23
- | options | 下拉表的 表内数据,详情见Option接口 | Option[] | - | 否 | [] |
24
- | total | 总数量 当有值时，出现分页器 | number | null | 否 | null |
25
- | filterMethod | 自定义搜索方法 (使用时必须传递filterable) | Function | null | 否 | null |
26
- | filterable | 是否开启筛选 (如果开启但没有传递自定义搜索方法 效果为筛选当前页数据的 keywords[label]) | boolean | - | 否 | false |
27
- | remote | 是否使用远程搜索 | boolean | - | 否 | false |
28
- | remoteMethod | 自定义远程搜索方法 (使用时必须传递filterable和remote) | Function | - | 否 | {} |
29
- | tableTitle | 下拉表的 表头定义,详情见TableTitle接口 | TableTitle[] | - | 否 | [] |
30
- | multiple | 是否开启多选 | boolean | - | 否 | false |
31
- | keywords | 关键字配置（value-key 配置）映射关键字 | Option | - | 否 | {label: 'label' ,value:'value'} |
32
- | reserveSelection | 是否打开翻页多选 需要是多选才有效 | boolean | - | 否 | false |
33
- | tableHeight | 表格高度 | string | number | 否 | 200 |
34
- | isAffirmBtn | 是否有确认按钮 当使用此按钮时 selected事件无效 需使用selectMultiple事件 | boolean | - | 否 | false |
35
- | scrollbarAlwaysOn | 是否常态显示滚动条 | boolean | - | 否 | false |
36
- | allowCreate | 是否能够创建条目 | boolean | - | 否 | false |
16
+ | 参数 | 说明 | 类型 | 可选 | 是否必填 | 默认值 |
17
+ | ----------------- | ----------------------------------------------------------------------------------------- | ----------------------------------- | ------------------------- | :------: | ------------------------------- |
18
+ | value / v-model | 绑定值 | number,string, Array<number,string> | - | 否 | '' |
19
+ | name | 显示值，有值时覆盖所有显示逻辑，直接显示name | number,string, Array<number,string> | - | 否 | '' |
20
+ | placeholder | 占位符 | string | - | 否 | '请选择 |
21
+ | disabled | 是否禁用 | boolean | - | 否 | false |
22
+ | size | 大小 | enum | large \| default \| small | 否 | default |
23
+ | options | 下拉表的 表内数据,详情见Option接口 | Option[] | - | 否 | [] |
24
+ | total | 总数量 当有值时，出现分页器 | number | null | 否 | null |
25
+ | filterMethod | 自定义搜索方法 (使用时必须传递filterable) | Function | null | 否 | null |
26
+ | filterable | 是否开启筛选 (如果开启但没有传递自定义搜索方法 效果为筛选当前页数据的 keywords[label]) | boolean | - | 否 | false |
27
+ | remote | 是否使用远程搜索 | boolean | - | 否 | false |
28
+ | remoteMethod | 自定义远程搜索方法 (使用时必须传递filterable和remote) | Function | - | 否 | {} |
29
+ | tableTitle | 下拉表的 表头定义,详情见TableTitle接口 | TableTitle[] | - | 否 | [] |
30
+ | multiple | 是否开启多选 | boolean | - | 否 | false |
31
+ | keywords | 关键字配置（value-key 配置）映射关键字 | Option | - | 否 | {label: 'label' ,value:'value'} |
32
+ | reserveSelection | 是否打开翻页多选 需要是多选才有效 | boolean | - | 否 | false |
33
+ | tableHeight | 表格高度 | string | number | 否 | 200 |
34
+ | isAffirmBtn | 是否有确认按钮 当使用此按钮时 selected事件无效 需使用selectMultiple事件 | boolean | - | 否 | false |
35
+ | scrollbarAlwaysOn | 是否常态显示滚动条 | boolean | - | 否 | false |
36
+ | allowCreate | 是否能够创建条目 | boolean | - | 否 | false |
37
+ | popupWidth | 弹窗的宽度 | string,number | - | 否 | 500 |
38
+ | border | 表格边框 | boolean | - | 否 | false |
37
39
 
38
40
  #### Options（选项接口）
39
41
 
40
- | 参数 | 说明 | 类型 | 可选值 | 是否必填 |
41
- |---------------------|:---------------------:|:-----------------:|:---:|:----:|
42
- | label | 选项的标签，若不设置则默认与value相同 | string | - | 是 |
43
- | value | 选项的值 | string \| number | - | 是 |
44
- | disabled | 是否禁用该选项 | boolean | - | 否 |
45
- | \[propName: string] | 额外字段 | string \| number | - | 否 |
42
+ | 参数 | 说明 | 类型 | 可选值 | 是否必填 |
43
+ | ------------------- | :-----------------------------------: | :---------------: | :----: | :------: |
44
+ | label | 选项的标签，若不设置则默认与value相同 | string | - | 是 |
45
+ | value | 选项的值 | string \| number | - | 是 |
46
+ | disabled | 是否禁用该选项 | boolean | - | 否 |
47
+ | \[propName: string] | 额外字段 | string \| number | - | 否 |
46
48
 
47
49
  #### Page (分页对象)
48
50
 
49
- | 参数 | 说明 | 类型 |
50
- |------------------|---------|----------|
51
- | total | 总数 | number |
52
- | pageSize | 分页大小 | number |
53
- | currentPage | 页码 | number |
51
+ | 参数 | 说明 | 类型 |
52
+ | ---------------- | -------------- | -------- |
53
+ | total | 总数 | number |
54
+ | pageSize | 分页大小 | number |
55
+ | currentPage | 页码 | number |
54
56
  | pageSizesOptions | 分页大小可选项 | number[] |
55
57
 
56
58
  ### 3) events
57
59
 
58
- | 事件名 | 说明 | 回调参数 |
59
- |----------------|------------------------------|---------------------------------------------------------------|
60
- | selected | 单选或多选之后的回调 | 根据多选和单选的模式不同 返回的也有所区别 单选为 (value,row) 多选为(values[],rows[]) |
61
- | toPage | 当没有使用filterMethod时候才会有回调否则没有 | page 表格分页 |
62
- | selectMultiple | 多选确认按钮时的回调 配合isAffirmBtn使用 | (values[],rows[]) |
60
+ | 事件名 | 说明 | 回调参数 |
61
+ | -------------- | -------------------------------------------- | --------------------------------------------------------------------------------------- |
62
+ | selected | 单选或多选之后的回调 | 根据多选和单选的模式不同 返回的也有所区别 单选为 (value,row) 多选为(values[],rows[]) |
63
+ | toPage | 当没有使用filterMethod时候才会有回调否则没有 | page 表格分页 |
64
+ | selectMultiple | 多选确认按钮时的回调 配合isAffirmBtn使用 | (values[],rows[]) |
63
65
 
64
66
  ### 4) Methods
65
67
 
66
- | 方法名 | 说明 |
67
- |----------------------|--------------------------------------------------------------------------|
68
+ | 方法名 | 说明 |
69
+ | -------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
68
70
  | defaultBackFillValue | 手动重载反填 使用场景 当前开启多选 并且开启翻页多选的时候 这个时候需要默认反填上值的话 需要赋值之后 延迟调用此方法 其余场景 为默认反填 |
69
- | clear | 清空已选择 |
70
- | focus | 聚焦下拉框 |
71
+ | clear | 清空已选择 |
72
+ | focus | 聚焦下拉框 |
71
73
 
72
74
  #### filterMethod
73
75
 
74
- | 返回值 | 类型 | 说明 |
75
- |-------------|--------|--------|
76
+ | 返回值 | 类型 | 说明 |
77
+ | ----------- | ------ | ------------ |
76
78
  | searchValue | string | 返回输入的值 |
77
- | Page | Page | 整个分页类 |
79
+ | Page | Page | 整个分页类 |
78
80
 
79
81
  #### remoteMethod
80
82
 
81
- | 返回值 | 类型 | 说明 |
82
- |-------------|--------|--------|
83
+ | 返回值 | 类型 | 说明 |
84
+ | ----------- | ------ | ------------ |
83
85
  | searchValue | string | 返回输入的值 |
84
- | Page | Page | 整个分页类 |
86
+ | Page | Page | 整个分页类 |
package/packages/MSelectTable/docs/demo.vue CHANGED
@@ -20,6 +20,7 @@
20
20
  remote
21
21
  multiple
22
22
  allowCreate
23
+ border
23
24
  :remoteMethod="remoteMethod"
24
25
  ></m-select-table>
25
26
  <p>单选</p>
@@ -42,6 +43,7 @@
42
43
  remote
43
44
  allowCreate
44
45
  :remoteMethod="remoteMethod"
46
+ :popupWidth="800"
45
47
  ></m-select-table>
46
48
  </div>
47
49
  </template>
package/packages/MSelectTable/src/MSelectTable.vue CHANGED
@@ -23,7 +23,10 @@
23
23
  @change="change"
24
24
  >
25
25
  <template #empty>
26
- <div class="m-table-select">
26
+ <div
27
+ class="m-table-select"
28
+ :style="`width: ${typeof props.popupWidth === 'number' ? props.popupWidth + 'px' : props.popupWidth}`"
29
+ >
27
30
  <div
28
31
  class="btn-box"
29
32
  v-if="props.multiple && isAffirmBtn"
@@ -45,6 +48,7 @@
45
48
  @rowClick="rowClick"
46
49
  @selectionChange="selectionChange"
47
50
  :height="props.tableHeight"
51
+ :border="props.border"
48
52
  >
49
53
  <el-table-column
50
54
  v-if="props.multiple"
@@ -129,7 +133,9 @@ const props = withDefaults(defineProps<{
129
133
  tableHeight?: string | number,
130
134
  isAffirmBtn?: boolean // 是否有确认按钮
131
135
  scrollbarAlwaysOn?: boolean // 是否常态显示滚动条
132
- allowCreate?: boolean // 是否能够创建条目
136
+ allowCreate?: boolean, // 是否能够创建条目
137
+ border?: boolean, // 表格边框
138
+ popupWidth?: number | string // 弹窗的宽度
133
139
  }>(), {
134
140
  modelValue: '',
135
141
  name: '',
@@ -149,7 +155,9 @@ const props = withDefaults(defineProps<{
149
155
  tableHeight: 200,
150
156
  isAffirmBtn: false,
151
157
  scrollbarAlwaysOn: false,
152
- allowCreate: false
158
+ allowCreate: false,
159
+ border: false,
160
+ popupWidth: 500
153
161
  })
154
162
 
155
163
  const modelValue = ref<string | number | Array<number | string>>(props.modelValue)
@@ -162,6 +170,7 @@ watch(
162
170
  }
163
171
  )
164
172
 
173
+ const selectModelValue = ref<string | number | Array<number | string>>(props.multiple ? [] : '')
165
174
  watch(
166
175
  () => props.name,
167
176
  () => {
@@ -169,6 +178,9 @@ watch(
169
178
  selectModelValue.value = props.name
170
179
  }
171
180
  )
181
+ if (props.name) {
182
+ selectModelValue.value = props.name
183
+ }
172
184
 
173
185
  // 获取ref
174
186
  const selectRef = ref<InstanceType<typeof ElSelect> | null>(null)
@@ -221,7 +233,6 @@ watch(() => allowCreateRow.value, (val, oval) => {
221
233
  })
222
234
  })
223
235
 
224
- const selectModelValue = ref<string | number | Array<number | string>>(props.multiple ? [] : '')
225
236
  const upSelectModelValue = () => {
226
237
  if (props.name) return false
227
238
  // 多选
@@ -430,7 +441,6 @@ defineExpose({ defaultBackFillValue, clear, focus })
430
441
  }
431
442
 
432
443
  .m-table-select {
433
- width: 500px;
434
444
  padding: 6px;
435
445
  overflow-y: auto;
436
446
  }