npm - br-dionysus - Versions diffs - 1.0.17 → 1.0.19 - Mend

br-dionysus 1.0.17 → 1.0.19

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 (13) hide show

package/README.md +99 -55
package/attributes.json +1 -1
package/dist/br-dionysus.es.js +3168 -3176
package/dist/br-dionysus.umd.js +8 -8
package/dist/index.css +1 -1
package/dist/packages/MSelectTable/src/MSelectTable.vue.d.ts +16 -11
package/package.json +1 -1
package/packages/Hook/useTableConfig/useTableConfig.ts +1 -1
package/packages/MSelectTable/docs/README.md +51 -49
package/packages/MSelectTable/docs/demo.vue +48 -6
package/packages/MSelectTable/src/MSelectTable.vue +43 -22
package/packages/TabPage/src/TabPage.vue +0 -1
package/web-types.json +1 -1

package/dist/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8";[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-92e141ac]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-92e141ac]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-92e141ac]{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-92e141ac]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-92e141ac]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-92e141ac]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-92e141ac]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-92e141ac]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-92e141ac]{padding-left:0}.g-m-input-number-box .m-input-number .el-input__inner{text-align:left}.g-m-input-number-box .m-input-number[data-thousandth-place=true] .el-input__inner{color:#0000}.g-m-input-number-box .m-input-number[data-focus=true] .el-input__inner{color:#606266}.g-m-input-number-box .m-input-number[no-border=true] .el-input__inner{border:0}.g-m-input-number-box[data-is-table-mini=true] .m-input-number .el-input__inner{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing=true] .m-input-number .el-input__inner{padding-left:0}.g-inline-box[data-v-fbfdbd5f]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-fbfdbd5f]{padding:0 14px 10px}.m-inline[data-v-fbfdbd5f]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]:before{position:absolute;top:0;left:50%;content:"";width:calc(100% - 28px);height:1px;background-color:var(--el-border-color-lighter);transform:translate(-50%)}.u-btn-gp[data-v-fbfdbd5f]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-fbfdbd5f]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-fbfdbd5f]{max-height:none!important}.u-btn-unfold[data-v-fbfdbd5f]{margin-left:8px;width:12px;height:24px;line-height:24px;text-align:center;color:var(--el-text-color-regular);transform:rotate(90deg);cursor:pointer}.u-btn-unfold[data-unfold=true][data-v-fbfdbd5f]{transform:rotate(270deg)}.g-inline-box .m-inline[dataCover] [data-box]{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--m-inline-min-width),1fr))}.g-inline-box .m-inline[dataCover] [data-box] [data-item]{padding-bottom:10px;min-width:var(--m-inline-min-width);max-width:var(--m-inline-max-width)}.g-inline-box .m-inline[dataCover] .el-form-item{margin-bottom:0;width:100%}.g-inline-box .m-inline[dataCover] .el-form-item .el-input,.g-inline-box .m-inline[dataCover] .el-form-item .el-cascader,.g-inline-box .m-inline[dataCover] .el-form{width:100%}.g-inline-box .m-inline[dataCover] .el-form .u-it-gp{display:flex}.g-inline-box .m-inline[dataCover] .u-row[data-single-line=true] .el-form{display:flex;justify-content:flex-start}.g-skin-config-box[data-v-56c57a90]{display:flex}.g-skin-config-box .u-tt[data-v-56c57a90]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-56c57a90]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-56c57a90]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-56c57a90]{display:flex;margin-bottom:12px;justify-content:space-between;align-items:center;color:var(--m-fc-body)}.g-skin-config-box .u-box .u-gulp[data-v-56c57a90]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-56c57a90]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-56c57a90]{display:flex;margin-bottom:10px;width:12.5%;justify-content:center}.g-skin-config-box .u-box .u-list .u-li .u-color[data-v-56c57a90]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-56c57a90]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-56c57a90]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-56c57a90]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-56c57a90]{width:100px}.u-it[data-v-56c57a90]{width:106px}.g-skin-config-box .el-drawer__body{padding:0}.g-skin-config-box .el-switch{height:auto}.g-skin-config-box .u-pc{display:flex;justify-content:center}.g-skin-config-box .u-pc .el-color-picker{width:100%}.g-skin-config-box .u-pc .el-color-picker .el-color-picker__trigger{width:100%;height:34px}.g-skin-config-box .u-tabs .el-tabs__item{padding:0 10px}.el-table__empty-text img[data-v-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}
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-92e141ac]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-92e141ac]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-92e141ac]{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-92e141ac]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-92e141ac]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-92e141ac]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-92e141ac]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-92e141ac]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-92e141ac]{padding-left:0}.g-m-input-number-box .m-input-number .el-input__inner{text-align:left}.g-m-input-number-box .m-input-number[data-thousandth-place=true] .el-input__inner{color:#0000}.g-m-input-number-box .m-input-number[data-focus=true] .el-input__inner{color:#606266}.g-m-input-number-box .m-input-number[no-border=true] .el-input__inner{border:0}.g-m-input-number-box[data-is-table-mini=true] .m-input-number .el-input__inner{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing=true] .m-input-number .el-input__inner{padding-left:0}.g-inline-box[data-v-fbfdbd5f]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-fbfdbd5f]{padding:0 14px 10px}.m-inline[data-v-fbfdbd5f]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]:before{position:absolute;top:0;left:50%;content:"";width:calc(100% - 28px);height:1px;background-color:var(--el-border-color-lighter);transform:translate(-50%)}.u-btn-gp[data-v-fbfdbd5f]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-fbfdbd5f]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-fbfdbd5f]{max-height:none!important}.u-btn-unfold[data-v-fbfdbd5f]{margin-left:8px;width:12px;height:24px;line-height:24px;text-align:center;color:var(--el-text-color-regular);transform:rotate(90deg);cursor:pointer}.u-btn-unfold[data-unfold=true][data-v-fbfdbd5f]{transform:rotate(270deg)}.g-inline-box .m-inline[dataCover] [data-box]{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--m-inline-min-width),1fr))}.g-inline-box .m-inline[dataCover] [data-box] [data-item]{padding-bottom:10px;min-width:var(--m-inline-min-width);max-width:var(--m-inline-max-width)}.g-inline-box .m-inline[dataCover] .el-form-item{margin-bottom:0;width:100%}.g-inline-box .m-inline[dataCover] .el-form-item .el-input,.g-inline-box .m-inline[dataCover] .el-form-item .el-cascader,.g-inline-box .m-inline[dataCover] .el-form{width:100%}.g-inline-box .m-inline[dataCover] .el-form .u-it-gp{display:flex}.g-inline-box .m-inline[dataCover] .u-row[data-single-line=true] .el-form{display:flex;justify-content:flex-start}.g-skin-config-box[data-v-56c57a90]{display:flex}.g-skin-config-box .u-tt[data-v-56c57a90]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-56c57a90]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-56c57a90]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-56c57a90]{display:flex;margin-bottom:12px;justify-content:space-between;align-items:center;color:var(--m-fc-body)}.g-skin-config-box .u-box .u-gulp[data-v-56c57a90]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-56c57a90]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-56c57a90]{display:flex;margin-bottom:10px;width:12.5%;justify-content:center}.g-skin-config-box .u-box .u-list .u-li .u-color[data-v-56c57a90]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-56c57a90]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-56c57a90]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-56c57a90]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-56c57a90]{width:100px}.u-it[data-v-56c57a90]{width:106px}.g-skin-config-box .el-drawer__body{padding:0}.g-skin-config-box .el-switch{height:auto}.g-skin-config-box .u-pc{display:flex;justify-content:center}.g-skin-config-box .u-pc .el-color-picker{width:100%}.g-skin-config-box .u-pc .el-color-picker .el-color-picker__trigger{width:100%;height:34px}.g-skin-config-box .u-tabs .el-tabs__item{padding:0 10px}.el-table__empty-text img[data-v-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 Viewed

@@ -1,7 +1,8 @@
+import { Page } from './../../typings/class';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: string | number | (string | number)[] | undefined;
     /** 显示值 */
-    name?: string | undefined;
+    name?: string | number | (string | number)[] | undefined;
     placeholder?: string | undefined;
     disabled?: boolean | undefined;
     size?: "" | "small" | "large" | undefined;
@@ -64,14 +65,16 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     clear: () => void;
     focus: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-    selected: (...args: any[]) => void;
-    toPage: (...args: any[]) => void;
-    selectMultiple: (...args: any[]) => void;
+    clear: () => void;
+    "update:modelValue": (value: string | number | (string | number)[]) => void;
+    selected: (values: string | number | (string | number)[], rows: Option | Option[]) => void;
+    toPage: (page: Page, query?: string | undefined) => void;
+    selectMultiple: (values: (string | number)[], rows: Option[]) => void;
+    removeTag: (tag: any) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: string | number | (string | number)[] | undefined;
     /** 显示值 */
-    name?: string | undefined;
+    name?: string | number | (string | number)[] | undefined;
     placeholder?: string | undefined;
     disabled?: boolean | undefined;
     size?: "" | "small" | "large" | undefined;
@@ -130,13 +133,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     border: boolean;
     popupWidth: number;
 }>>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onSelected?: ((...args: any[]) => any) | undefined;
-    onSelectMultiple?: ((...args: any[]) => any) | undefined;
-    onToPage?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | (string | number)[]) => any) | undefined;
+    onSelected?: ((values: string | number | (string | number)[], rows: Option | Option[]) => any) | undefined;
+    onSelectMultiple?: ((values: (string | number)[], rows: Option[]) => any) | undefined;
+    onToPage?: ((page: Page, query?: string | undefined) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onRemoveTag?: ((tag: any) => any) | undefined;
 }, {
     size: 'small' | 'large' | '';
-    name: string;
+    name: string | number | Array<number | string>;
     modelValue: string | number | Array<number | string>;
     disabled: boolean;
     multiple: boolean;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "br-dionysus",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "scripts": {
     "dev": "vite --config ./build/base.config.ts",
     "build:doc": "vue-tsc --noEmit && vite build --config ./build/doc.config.ts && node script/copyDir.js",

package/packages/Hook/useTableConfig/useTableConfig.ts CHANGED Viewed

@@ -45,7 +45,7 @@ const useTableConfig = (name: string, tableTitle: TableTitle[], tableData: Ref <
   /** 表格列头 */
   const _tableTitle: Ref<TableTitle[]> = ref<TableTitle[]>([])
   const tableConfig: Ref<TableConfig> = ref<TableConfig>(JSON.parse(localStorage.getItem('tableConfig' + name) || '{}'))
-  const pageConfig = JSON.parse(localStorage.getItem('tablePage' + name) || '{"pageSize":50,"pageSizesOptions":[50,100,300,500,800]}')
+  const pageConfig = JSON.parse(localStorage.getItem('tablePage' + name) || '{}')
   const page = ref<Page>(new Page(pageConfig))
   /** 列筛选 */
   const filterMethod = (value: string, row: any, column: Column) => {

package/packages/MSelectTable/docs/README.md CHANGED Viewed

@@ -13,74 +13,76 @@ import demo from './demo.vue'
 ### 2)  Attributes
-| 参数              | 说明                                                                                      | 类型                                | 可选                      | 是否必填 | 默认值                          |
-| ----------------- | ----------------------------------------------------------------------------------------- | ----------------------------------- | ------------------------- | :------: | ------------------------------- |
-| value / v-model   | 绑定值                                                                                    | number,string, Array<number,string> | -                         |    否    | ''                              |
-| name              | 显示值，有值时覆盖所有显示逻辑，直接显示name                                              | number,string, Array<number,string> | -                         |    否    | ''                              |
-| placeholder       | 占位符                                                                                    | string                              | -                         |    否    | '请选择                         |
-| disabled          | 是否禁用                                                                                  | boolean                             | -                         |    否    | false                           |
-| size              | 大小                                                                                      | enum                                | large \| default \| small |    否    | default                         |
-| options           | 下拉表的 表内数据,详情见Option接口                                                        | Option[]                            | -                         |    否    | []                              |
-| total             | 总数量 当有值时，出现分页器                                                               | number                              | null                      |    否    | null                            |
-| filterMethod      | 自定义搜索方法   (使用时必须传递filterable)                                               | Function                            | null                      |    否    | null                            |
-| filterable        | 是否开启筛选    (如果开启但没有传递自定义搜索方法 效果为筛选当前页数据的 keywords[label]) | boolean                             | -                         |    否    | false                           |
-| remote            | 是否使用远程搜索                                                                          | boolean                             | -                         |    否    | false                           |
-| remoteMethod      | 自定义远程搜索方法 (使用时必须传递filterable和remote)                                     | Function                            | -                         |    否    | {}                              |
-| tableTitle        | 下拉表的 表头定义,详情见TableTitle接口                                                    | TableTitle[]                        | -                         |    否    | []                              |
-| multiple          | 是否开启多选                                                                              | boolean                             | -                         |    否    | false                           |
-| keywords          | 关键字配置（value-key 配置）映射关键字                                                    | Option                              | -                         |    否    | {label: 'label' ,value:'value'} |
-| reserveSelection  | 是否打开翻页多选      需要是多选才有效                                                    | boolean                             | -                         |    否    | false                           |
-| tableHeight       | 表格高度                                                                                  | string                              | number                    |    否    | 200                             |
-| isAffirmBtn       | 是否有确认按钮  当使用此按钮时    selected事件无效 需使用selectMultiple事件               | boolean                             | -                         |    否    | false                           |
-| scrollbarAlwaysOn | 是否常态显示滚动条                                                                        | boolean                             | -                         |    否    | false                           |
-| allowCreate       | 是否能够创建条目                                                                          | boolean                             | -                         |    否    | false                           |
-| popupWidth        | 弹窗的宽度                                                                                | string,number                       | -                         |    否    | 500                             |
-| border       | 表格边框                                                                          | boolean                             | -                         |    否    | false                           |
+| 参数                | 说明                                                       | 类型                                  | 可选                        | 是否必填 | 默认值                             |
+|-------------------|----------------------------------------------------------|-------------------------------------|---------------------------|:----:|---------------------------------|
+| value / v-model   | 绑定值                                                      | number,string, Array<number,string> | -                         |  否   | ''                              |
+| name              | 显示值，有值时覆盖所有显示逻辑，直接显示name                                 | number,string, Array<number,string> | -                         |  否   | ''                              |
+| placeholder       | 占位符                                                      | string                              | -                         |  否   | 请选择                             |
+| disabled          | 是否禁用                                                     | boolean                             | -                         |  否   | false                           |
+| size              | 大小                                                       | enum                                | large \| default \| small |  否   | default                         |
+| options           | 下拉表的 表内数据,详情见Option接口                                    | Option[]                            | -                         |  否   | []                              |
+| total             | 总数量 当有值时，出现分页器                                           | number                              | null                      |  否   | null                            |
+| filterMethod      | 自定义搜索方法   (使用时必须传递filterable)                            | Function                            | null                      |  否   | null                            |
+| filterable        | 是否开启筛选    (如果开启但没有传递自定义搜索方法 效果为筛选当前页数据的 keywords[label]) | boolean                             | -                         |  否   | false                           |
+| remote            | 是否使用远程搜索                                                 | boolean                             | -                         |  否   | false                           |
+| remoteMethod      | 自定义远程搜索方法 (使用时必须传递filterable和remote)                     | Function                            | -                         |  否   | {}                              |
+| tableTitle        | 下拉表的 表头定义,详情见TableTitle接口                                | TableTitle[]                        | -                         |  否   | []                              |
+| multiple          | 是否开启多选                                                   | boolean                             | -                         |  否   | false                           |
+| keywords          | 关键字配置（value-key 配置）映射关键字                                 | Option                              | -                         |  否   | {label: 'label' ,value:'value'} |
+| reserveSelection  | 是否打开翻页多选      需要是多选才有效                                   | boolean                             | -                         |  否   | false                           |
+| tableHeight       | 表格高度                                                     | string                              | number                    |  否   | 200                             |
+| isAffirmBtn       | 是否有确认按钮  当使用此按钮时    selected事件无效 需使用selectMultiple事件     | boolean                             | -                         |  否   | false                           |
+| scrollbarAlwaysOn | 是否常态显示滚动条                                                | boolean                             | -                         |  否   | false                           |
+| allowCreate       | 是否能够创建条目                                                 | boolean                             | -                         |  否   | false                           |
+| popupWidth        | 弹窗的宽度                                                    | string,number                       | -                         |  否   | 500                             |
+| border            | 表格边框                                                     | boolean                             | -                         |  否   | false                           |
 #### Options（选项接口）
-| 参数                |                 说明                  |       类型        | 可选值 | 是否必填 |
-| ------------------- | :-----------------------------------: | :---------------: | :----: | :------: |
-| label               | 选项的标签，若不设置则默认与value相同 |      string       |   -    |    是    |
-| value               |               选项的值                | string  \| number |   -    |    是    |
-| disabled            |            是否禁用该选项             |      boolean      |   -    |    否    |
-| \[propName: string] |               额外字段                | string  \| number |   -    |    否    |
+| 参数                  |          说明           |        类型         | 可选值 | 是否必填 |
+|---------------------|:---------------------:|:-----------------:|:---:|:----:|
+| label               | 选项的标签，若不设置则默认与value相同 |      string       |  -  |  是   |
+| value               |         选项的值          | string  \| number |  -  |  是   |
+| disabled            |        是否禁用该选项        |      boolean      |  -  |  否   |
+| \[propName: string] |         额外字段          | string  \| number |  -  |  否   |
 #### Page (分页对象)
-| 参数             | 说明           | 类型     |
-| ---------------- | -------------- | -------- |
-| total            | 总数           | number   |
-| pageSize         | 分页大小       | number   |
-| currentPage      | 页码           | number   |
+| 参数               | 说明      | 类型       |
+|------------------|---------|----------|
+| total            | 总数      | number   |
+| pageSize         | 分页大小    | number   |
+| currentPage      | 页码      | number   |
 | pageSizesOptions | 分页大小可选项 | number[] |
 ### 3)  events
-| 事件名         | 说明                                         | 回调参数                                                                                |
-| -------------- | -------------------------------------------- | --------------------------------------------------------------------------------------- |
-| selected       | 单选或多选之后的回调                         | 根据多选和单选的模式不同 返回的也有所区别  单选为  (value,row)  多选为(values[],rows[]) |
-| toPage         | 当没有使用filterMethod时候才会有回调否则没有 | page 表格分页                                                                           |
-| selectMultiple | 多选确认按钮时的回调 配合isAffirmBtn使用     | (values[],rows[])                                                                       |
+| 事件名            | 说明                           | 回调参数                                                          |
+|----------------|------------------------------|---------------------------------------------------------------|
+| selected       | 单选或多选之后的回调                   | 根据多选和单选的模式不同 返回的也有所区别  单选为  (value,row)  多选为(values[],rows[]) |
+| toPage         | 当没有使用filterMethod时候才会有回调否则没有 | page 表格分页                                                     |
+| selectMultiple | 多选确认按钮时的回调 配合isAffirmBtn使用   | (values: Array<string \| number>, rows: Option[])             |
+| clear          | 用户点击清空按钮时触发                  | -                                                             |
+| removeTag      | 多选模式下移除tag时触发                | (tag: any)                                                    |
 ### 4)  Methods
-| 方法名               | 说明                                                                                                                                    |
-| -------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
+| 方法名                  | 说明                                                                       |
+|----------------------|--------------------------------------------------------------------------|
 | defaultBackFillValue | 手动重载反填 使用场景 当前开启多选 并且开启翻页多选的时候 这个时候需要默认反填上值的话 需要赋值之后 延迟调用此方法  其余场景 为默认反填 |
-| clear                | 清空已选择                                                                                                                              |
-| focus                | 聚焦下拉框                                                                                                                              |
+| clear                | 清空已选择                                                                    |
+| focus                | 聚焦下拉框                                                                    |
 #### filterMethod
-| 返回值      | 类型   | 说明         |
-| ----------- | ------ | ------------ |
+| 返回值         | 类型     | 说明     |
+|-------------|--------|--------|
 | searchValue | string | 返回输入的值 |
-| Page        | Page   | 整个分页类   |
+| Page        | Page   | 整个分页类  |
 #### remoteMethod
-| 返回值      | 类型   | 说明         |
-| ----------- | ------ | ------------ |
+| 返回值         | 类型     | 说明     |
+|-------------|--------|--------|
 | searchValue | string | 返回输入的值 |
-| Page        | Page   | 整个分页类   |
+| Page        | Page   | 整个分页类  |

package/packages/MSelectTable/docs/demo.vue CHANGED Viewed

@@ -9,7 +9,7 @@
       placeholder="请选择单号"
       :tableTitle="commodityOptionsTitle"
       :options="options"
-      :keywords="{label: 'ApprovedQtyPU',value: 'DocNo' }"
+      :keywords="{ label: 'ApprovedQtyPU', value: 'DocNo' }"
       @selected="selected"
       @selectMultiple="selectMultiple"
       tableHeight="200"
@@ -23,16 +23,40 @@
       border
       :remoteMethod="remoteMethod"
     ></m-select-table>
-    <p>单选</p>
-    <p>第二选择器的值： {{ code2 }}</p>
+    <p>多选单绑定的value为字符串类型</p>
+    <p>第二个选择器的值： {{ code2 }}</p>
     <m-select-table
       class="u-select"
       ref="selectRef"
       v-model="code2"
+      :name="code2Name"
+      placeholder="请选择单号"
+      :tableTitle="commodityOptionsTitle"
+      :options="options"
+      :keywords="{ label: 'ApprovedQtyPU', value: 'DocNo' }"
+      @selected="selected"
+      @selectMultiple="selectMultiple"
+      tableHeight="200"
+      @toPage="toPage"
+      :total="total"
+      scrollbarAlwaysOn
+      filterable
+      remote
+      multiple
+      border
+      :remoteMethod="remoteMethod"
+      @clear="test"
+    ></m-select-table>
+    <p>单选</p>
+    <p>第三个择器的值： {{ code3 }}</p>
+    <m-select-table
+      class="u-select"
+      ref="selectRef"
+      v-model="code3"
       placeholder="请选择单号"
       :tableTitle="commodityOptionsTitle"
       :options="options"
-      :keywords="{ label: 'ApprovedQtyPU',value: 'DocNo' }"
+      :keywords="{ label: 'ApprovedQtyPU', value: 'DocNo' }"
       @selected="selected"
       @selectMultiple="selectMultiple"
       tableHeight="200"
@@ -45,6 +69,17 @@
       :remoteMethod="remoteMethod"
       :popupWidth="800"
     ></m-select-table>
+    <!--<el-select-->
+    <!--  v-model="code2"-->
+    <!--  multiple-->
+    <!--&gt;-->
+    <!--  <el-option-->
+    <!--    v-for="item in options"-->
+    <!--    :key="item.DocNo"-->
+    <!--    :label="item.ApprovedQtyPU"-->
+    <!--    :value="item.DocNo"-->
+    <!--  ></el-option>-->
+    <!--</el-select>-->
   </div>
 </template>
@@ -52,6 +87,10 @@
 import { ref, onMounted } from 'vue'
 import { Page } from 'packages/typings/class'
+const test = () => {
+  console.log('xxx')
+}
 const commodityOptionsTitle: TableTitle[] = [{
   prop: 'PRDocType',
   label: '单据类型'
@@ -74,6 +113,7 @@ const selectRef: any = ref<HTMLElement | null>(null)
 const code = ref<string | number | Array<string | number>>([])
 const code2 = ref<string | number | Array<string | number>>('')
+const code2Name = ref<string | number | Array<string | number>>([])
 const code3 = ref<string | number | Array<string | number>>('')
 const total = ref(0)
@@ -107,7 +147,9 @@ setTimeout(() => {
     ACCode: 'xxxACCode2'
   }]
   code.value = [1, 2]
-  code2.value = 1
+  code2.value = ''
+  code2Name.value = ['xxxApprovedQtyPU2', 'xxxApprovedQtyPU3', 'xxxApprovedQtyPU4']
+  code3.value = 1
   // setTimeout(() => {
   //   options.value = []
@@ -154,6 +196,6 @@ onMounted(() => {
 <style>
 .u-select {
-  width: 200px;
+  width: 240px;
 }
 </style>

package/packages/MSelectTable/src/MSelectTable.vue CHANGED Viewed

@@ -4,7 +4,7 @@
       ref="selectRef"
       v-bind="selectAttr"
       popperClass="m-select-table"
-      :multiple="props.multiple"
+      :multiple="isElSelectMultiple"
       :disabled="props.disabled"
       :placeholder="props.placeholder"
       @visibleChange="visibleChange"
@@ -111,12 +111,11 @@ import {
 } from 'vue'
 import { ElSelect, ElTable } from 'element-plus'
 import { Page } from './../../typings/class'
-import checkType from '../../../tool/checkType'
 const props = withDefaults(defineProps<{
   modelValue?: string | number | Array<number | string>,
   /** 显示值 */
-  name?: string,
+  name?: string | number | Array<number | string>,
   placeholder?: string,
   disabled?: boolean,
   size?: 'small' | 'large' | '',
@@ -173,12 +172,18 @@ const props = withDefaults(defineProps<{
   popupWidth: 500
 })
+const isElSelectMultiple = computed(() => {
+  if (Array.isArray(props.name)) return true
+  if (props.name || props.name === 0) return false
+  return props.multiple
+})
 const modelValue = ref<string | number | Array<number | string>>(props.modelValue)
 watch(
   () => props.modelValue,
   () => {
-    if (props.multiple && !checkType.isArray(props.modelValue)) return console.error('multiple为true时，modelValue必须为数组格式')
-    if (!props.multiple && (checkType.isArray(props.modelValue) || checkType.isObject(props.modelValue))) return console.error('multiple为false时，modelValue必须为基础类型')
+    // if (props.multiple && !checkType.isArray(props.modelValue)) return console.error('multiple为true时，modelValue必须为数组格式')
+    // if (!props.multiple && (checkType.isArray(props.modelValue) || checkType.isObject(props.modelValue))) return console.error('multiple为false时，modelValue必须为基础类型')
     modelValue.value = props.modelValue
   }
 )
@@ -187,11 +192,11 @@ const selectModelValue = ref<string | number | Array<number | string>>(props.mul
 watch(
   () => props.name,
   () => {
-    if (!props.name) return false
+    if (props.name === '' || props.name === null || props.name === undefined) return false
     selectModelValue.value = props.name
   }
 )
-if (props.name) {
+if (props.name || props.name === 0) {
   selectModelValue.value = props.name
 }
@@ -213,11 +218,23 @@ const state = reactive<{
   searchValue: ''
 })
 // 抛出事件
-const emit = defineEmits(['selected', 'selectMultiple', 'toPage', 'update:modelValue'])
+const emit = defineEmits<{
+  /** 单选或多选之后的回调 */
+  selected: [values: string | number | Array<string | number>, rows: Option[] | Option],
+  /** 多选确认按钮时的回调 配合isAffirmBtn使用 */
+  selectMultiple: [values: Array<string | number>, rows: Option[]],
+  /** 当没有使用filterMethod时候才会有回调否则没有 */
+  toPage: [page: Page, query?: string],
+  'update:modelValue': [value: string | number | Array<string | number>],
+  /** 用户点击清空按钮时触发 */
+  clear: [],
+  /** 多选模式下移除tag时触发 */
+  removeTag: [tag: any]
+}>()
 const allowCreateRow = computed(() => {
   if (!props.allowCreate) return []
-  const modelValue = props.multiple ? props.modelValue as Array<string | number> : []
+  const modelValue: Array<string | number> = props.multiple && Array.isArray(props.modelValue) ? props.modelValue : []
   const value = [...modelValue, state.searchValue].filter(item => item)
   return value
     .filter(item => !props.options.some(node => node[props.keywords.value] === item))
@@ -247,10 +264,11 @@ watch(() => allowCreateRow.value, (val, oval) => {
 })
 const upSelectModelValue = () => {
-  if (props.name) return false
+  if (props.name || props.name === 0) return false
   // 多选
   if (props.multiple) {
-    const data: Array<string | number> = (modelValue.value as Array<string | number>).map(item => {
+    const _value: Array<string | number> = Array.isArray(modelValue.value) ? modelValue.value : [modelValue.value].filter(item => item !== '')
+    const data: Array<string | number> = _value.map(item => {
       const row: any = props.options.find(node => node[props.keywords.value as any] === item) || {}
       return row[props.keywords.label] || item
     })
@@ -301,29 +319,31 @@ const rowClick = (row: Option) => {
 // 确认的回调
 const selectMultiple = () => {
   blur()
-  emit('selectMultiple', state.ids, state.selectRowS)
+  emit('selectMultiple', state.ids as Array<string | number>, state.selectRowS)
 }
 // 多选事件
-const selectionChange = (Selection: Option[]) => {
-  const select = Selection.map((item) => item[props.keywords.value])
+const selectionChange = (selection: Option[]) => {
+  const select = selection.map((item) => item[props.keywords.value])
+  const _value: Array<string | number> = Array.isArray(modelValue.value) ? modelValue.value : [modelValue.value].filter(item => item !== '')
   // 是否为删除
-  const isDelete = (modelValue.value as Array<string | number>).some(item => !select.includes(item))
+  const isDelete = _value.some(item => !select.includes(item))
   if (isDelete && !isVisible.value) return
-  modelValue.value = Selection.map((item) => item[props.keywords.value])
-  state.ids = Selection.map((item) => item[props.keywords.value])
-  state.selectRowS = Selection
+  modelValue.value = selection.map((item) => item[props.keywords.value])
+  state.ids = selection.map((item) => item[props.keywords.value])
+  state.selectRowS = selection
   if (props.isAffirmBtn) return // 有确认按钮不走多选事件
-  emit('selected', state.ids, state.selectRowS)
+  emit('selected', state.ids as Array<string | number>, state.selectRowS)
 }
 // tags删除后回调
 const removeTag = (tag: any) => {
   const row = state.tabData.find((item) => item[props.keywords.label] === tag)
   selectTableRef.value.toggleRowSelection(row, false)
+  emit('removeTag', tag)
 }
 const change = (value: string | number | Array<string | number>) => {
-  if (props.multiple) {
-    const removeValue = (modelValue.value as Array<string | number>)
+  if (props.multiple && Array.isArray(value) && Array.isArray(modelValue.value)) {
+    const removeValue = modelValue.value
       .filter(item => !(value as Array<string | number>).includes(item))
     removeValue.forEach(item => {
       const row = tabDataMap.value.find(node => node[props.keywords.value] === item)
@@ -336,7 +356,7 @@ const change = (value: string | number | Array<string | number>) => {
 // 默认反填
 const defaultBackFillValue = () => {
   if (props.multiple) {
-    const modelArray = props.modelValue as Array<string | number>
+    const modelArray: Array<string | number> = Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue]
     const newArr = (state.tabData as Option[]).filter(item => modelArray.includes(item[props.keywords.value as keyof typeof item]))
     setTimeout(() => {
       newArr.forEach((row) => {
@@ -384,6 +404,7 @@ const clear = () => {
     selectTableRef.value.setCurrentRow()
     modelValue.value = ''
   }
+  emit('clear')
 }
 const selectAttr = computed(() => {

package/packages/TabPage/src/TabPage.vue CHANGED Viewed

@@ -479,7 +479,6 @@ const close = (keys: string[] = []) => {
 .g-tab-page-box .u-li .u-btn {
   position: relative;
-  //margin-left: 14px;
   margin-left: 4px;
   width: 14px;
   height: 14px;