br-dionysus 1.0.18 → 1.1.0

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 (20) hide show
  1. package/README.md +108 -58
  2. package/attributes.json +1 -1
  3. package/dist/br-dionysus.es.js +3581 -3576
  4. package/dist/br-dionysus.umd.js +8 -8
  5. package/dist/index.css +1 -1
  6. package/dist/packages/MDialog/src/MDialog.vue.d.ts +19 -2
  7. package/dist/packages/MInputNumber/src/MInputNumber.vue.d.ts +20 -20
  8. package/dist/packages/MSelectTable/src/MSelectTable.vue.d.ts +16 -11
  9. package/package.json +1 -1
  10. package/packages/MDialog/docs/README.md +4 -3
  11. package/packages/MDialog/docs/demo.vue +5 -0
  12. package/packages/MDialog/src/MDialog.vue +27 -6
  13. package/packages/MInputNumber/src/MInputNumber.vue +10 -10
  14. package/packages/MSelectTable/docs/README.md +51 -49
  15. package/packages/MSelectTable/docs/demo.vue +48 -6
  16. package/packages/MSelectTable/src/MSelectTable.vue +40 -20
  17. package/packages/SkinConfig/src/useSkin.ts +5 -0
  18. package/packages/TabPage/src/TabPage.vue +0 -1
  19. package/tags.json +1 -1
  20. package/web-types.json +1 -1
package/dist/index.css CHANGED
@@ -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-5002f7b6]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-5002f7b6]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]{display:inline-block;position:absolute;top:0;left:0;margin-bottom:0;padding-left:15px;padding-right:15px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-feature-settings:normal;font-stretch:100%;font-weight:400;text-indent:0;color:#606266;text-align:left;letter-spacing:normal;word-spacing:0;background-color:#0000;border-radius:4px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;cursor:text;pointer-events:none}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-5002f7b6]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-5002f7b6]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-5002f7b6]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-5002f7b6]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-5002f7b6]{padding-left:0}.g-m-input-number-box .m-input-number .el-input__inner{text-align:left}.g-m-input-number-box .m-input-number[data-thousandth-place=true] .el-input__inner{color:#0000}.g-m-input-number-box .m-input-number[data-focus=true] .el-input__inner{color:#606266}.g-m-input-number-box .m-input-number[no-border=true] .el-input__inner{border:0}.g-m-input-number-box[data-is-table-mini=true] .m-input-number .el-input__inner{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing=true] .m-input-number .el-input__inner{padding-left:0}.g-inline-box[data-v-fbfdbd5f]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-fbfdbd5f]{padding:0 14px 10px}.m-inline[data-v-fbfdbd5f]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]:before{position:absolute;top:0;left:50%;content:"";width:calc(100% - 28px);height:1px;background-color:var(--el-border-color-lighter);transform:translate(-50%)}.u-btn-gp[data-v-fbfdbd5f]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-fbfdbd5f]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-fbfdbd5f]{max-height:none!important}.u-btn-unfold[data-v-fbfdbd5f]{margin-left:8px;width:12px;height:24px;line-height:24px;text-align:center;color:var(--el-text-color-regular);transform:rotate(90deg);cursor:pointer}.u-btn-unfold[data-unfold=true][data-v-fbfdbd5f]{transform:rotate(270deg)}.g-inline-box .m-inline[dataCover] [data-box]{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--m-inline-min-width),1fr))}.g-inline-box .m-inline[dataCover] [data-box] [data-item]{padding-bottom:10px;min-width:var(--m-inline-min-width);max-width:var(--m-inline-max-width)}.g-inline-box .m-inline[dataCover] .el-form-item{margin-bottom:0;width:100%}.g-inline-box .m-inline[dataCover] .el-form-item .el-input,.g-inline-box .m-inline[dataCover] .el-form-item .el-cascader,.g-inline-box .m-inline[dataCover] .el-form{width:100%}.g-inline-box .m-inline[dataCover] .el-form .u-it-gp{display:flex}.g-inline-box .m-inline[dataCover] .u-row[data-single-line=true] .el-form{display:flex;justify-content:flex-start}.g-skin-config-box[data-v-56c57a90]{display:flex}.g-skin-config-box .u-tt[data-v-56c57a90]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-56c57a90]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-56c57a90]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-56c57a90]{display:flex;margin-bottom:12px;justify-content:space-between;align-items:center;color:var(--m-fc-body)}.g-skin-config-box .u-box .u-gulp[data-v-56c57a90]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-56c57a90]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-56c57a90]{display:flex;margin-bottom:10px;width:12.5%;justify-content:center}.g-skin-config-box .u-box .u-list .u-li .u-color[data-v-56c57a90]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-56c57a90]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-56c57a90]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-56c57a90]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-56c57a90]{width:100px}.u-it[data-v-56c57a90]{width:106px}.g-skin-config-box .el-drawer__body{padding:0}.g-skin-config-box .el-switch{height:auto}.g-skin-config-box .u-pc{display:flex;justify-content:center}.g-skin-config-box .u-pc .el-color-picker{width:100%}.g-skin-config-box .u-pc .el-color-picker .el-color-picker__trigger{width:100%;height:34px}.g-skin-config-box .u-tabs .el-tabs__item{padding:0 10px}.el-table__empty-text img[data-v-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/MDialog/src/MDialog.vue.d.ts CHANGED
@@ -4,10 +4,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
4
4
  width?: string | number | undefined;
5
5
  /** @description 是否开启拖拽改变大小 */
6
6
  resize?: boolean | undefined;
7
+ /** @description 是否可拖动 */
8
+ draggable?: boolean | undefined;
7
9
  }>, {
8
10
  modelValue: boolean;
9
11
  width: string;
10
12
  resize: boolean;
13
+ draggable: boolean;
11
14
  }>, {
12
15
  open: () => any;
13
16
  opened: () => any;
@@ -15,20 +18,34 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
15
18
  closed: () => any;
16
19
  openAutoFocus: () => any;
17
20
  closeAutoFocus: () => any;
18
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
21
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
22
+ resized: (contentsSize: {
23
+ width: number;
24
+ height: number;
25
+ }) => void;
26
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
19
27
  modelValue?: boolean | undefined;
20
28
  /** @description 对话框的宽度，默认值为 50% */
21
29
  width?: string | number | undefined;
22
30
  /** @description 是否开启拖拽改变大小 */
23
31
  resize?: boolean | undefined;
32
+ /** @description 是否可拖动 */
33
+ draggable?: boolean | undefined;
24
34
  }>, {
25
35
  modelValue: boolean;
26
36
  width: string;
27
37
  resize: boolean;
28
- }>>>, {
38
+ draggable: boolean;
39
+ }>>> & {
40
+ onResized?: ((contentsSize: {
41
+ width: number;
42
+ height: number;
43
+ }) => any) | undefined;
44
+ }, {
29
45
  modelValue: boolean;
30
46
  width: string | number;
31
47
  resize: boolean;
48
+ draggable: boolean;
32
49
  }, {}>, Partial<Record<NonNullable<string | number>, (_: {}) => any>> & {
33
50
  default?(_: {}): any;
34
51
  }>;
package/dist/packages/MInputNumber/src/MInputNumber.vue.d.ts CHANGED
@@ -1,24 +1,24 @@
1
1
  declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
2
  modelValue: string | number;
3
- placeholder: string;
3
+ placeholder?: string | undefined;
4
4
  /** 是否禁用数值输入框 */
5
- disabled: boolean;
5
+ disabled?: boolean | undefined;
6
6
  /** 数值输入框尺寸 */
7
- size: string;
7
+ size?: string | undefined;
8
8
  /** 设置数值输入框允许的最小值 */
9
- min: number;
9
+ min?: number | undefined;
10
10
  /** 设置数值输入框允许的最大值 */
11
- max: number;
11
+ max?: number | undefined;
12
12
  /** 数值输入框步长 */
13
- step: number;
13
+ step?: number | undefined;
14
14
  /** 是否只能输入 step 的倍数 */
15
- stepStrictly: boolean;
15
+ stepStrictly?: boolean | undefined;
16
16
  /** 输入框是否显示千分位 */
17
- thousandthPlace: boolean;
17
+ thousandthPlace?: boolean | undefined;
18
18
  /** 是否不要边框 */
19
- noBorder: boolean;
19
+ noBorder?: boolean | undefined;
20
20
  /** 不要边距 */
21
- noSpacing: boolean;
21
+ noSpacing?: boolean | undefined;
22
22
  }>, {
23
23
  modelValue: string;
24
24
  placeholder: string;
@@ -47,25 +47,25 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
47
47
  blur: (...args: any[]) => void;
48
48
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
49
49
  modelValue: string | number;
50
- placeholder: string;
50
+ placeholder?: string | undefined;
51
51
  /** 是否禁用数值输入框 */
52
- disabled: boolean;
52
+ disabled?: boolean | undefined;
53
53
  /** 数值输入框尺寸 */
54
- size: string;
54
+ size?: string | undefined;
55
55
  /** 设置数值输入框允许的最小值 */
56
- min: number;
56
+ min?: number | undefined;
57
57
  /** 设置数值输入框允许的最大值 */
58
- max: number;
58
+ max?: number | undefined;
59
59
  /** 数值输入框步长 */
60
- step: number;
60
+ step?: number | undefined;
61
61
  /** 是否只能输入 step 的倍数 */
62
- stepStrictly: boolean;
62
+ stepStrictly?: boolean | undefined;
63
63
  /** 输入框是否显示千分位 */
64
- thousandthPlace: boolean;
64
+ thousandthPlace?: boolean | undefined;
65
65
  /** 是否不要边框 */
66
- noBorder: boolean;
66
+ noBorder?: boolean | undefined;
67
67
  /** 不要边距 */
68
- noSpacing: boolean;
68
+ noSpacing?: boolean | undefined;
69
69
  }>, {
70
70
  modelValue: string;
71
71
  placeholder: string;
package/dist/packages/MSelectTable/src/MSelectTable.vue.d.ts CHANGED
@@ -1,7 +1,8 @@
1
+ import { Page } from './../../typings/class';
1
2
  declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
3
  modelValue?: string | number | (string | number)[] | undefined;
3
4
  /** 显示值 */
4
- name?: string | undefined;
5
+ name?: string | number | (string | number)[] | undefined;
5
6
  placeholder?: string | undefined;
6
7
  disabled?: boolean | undefined;
7
8
  size?: "" | "small" | "large" | undefined;
@@ -64,14 +65,16 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
64
65
  clear: () => void;
65
66
  focus: () => void;
66
67
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
67
- "update:modelValue": (...args: any[]) => void;
68
- selected: (...args: any[]) => void;
69
- toPage: (...args: any[]) => void;
70
- selectMultiple: (...args: any[]) => void;
68
+ clear: () => void;
69
+ "update:modelValue": (value: string | number | (string | number)[]) => void;
70
+ selected: (values: string | number | (string | number)[], rows: Option | Option[]) => void;
71
+ toPage: (page: Page, query?: string | undefined) => void;
72
+ selectMultiple: (values: (string | number)[], rows: Option[]) => void;
73
+ removeTag: (tag: any) => void;
71
74
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
72
75
  modelValue?: string | number | (string | number)[] | undefined;
73
76
  /** 显示值 */
74
- name?: string | undefined;
77
+ name?: string | number | (string | number)[] | undefined;
75
78
  placeholder?: string | undefined;
76
79
  disabled?: boolean | undefined;
77
80
  size?: "" | "small" | "large" | undefined;
@@ -130,13 +133,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
130
133
  border: boolean;
131
134
  popupWidth: number;
132
135
  }>>> & {
133
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
134
- onSelected?: ((...args: any[]) => any) | undefined;
135
- onSelectMultiple?: ((...args: any[]) => any) | undefined;
136
- onToPage?: ((...args: any[]) => any) | undefined;
136
+ "onUpdate:modelValue"?: ((value: string | number | (string | number)[]) => any) | undefined;
137
+ onSelected?: ((values: string | number | (string | number)[], rows: Option | Option[]) => any) | undefined;
138
+ onSelectMultiple?: ((values: (string | number)[], rows: Option[]) => any) | undefined;
139
+ onToPage?: ((page: Page, query?: string | undefined) => any) | undefined;
140
+ onClear?: (() => any) | undefined;
141
+ onRemoveTag?: ((tag: any) => any) | undefined;
137
142
  }, {
138
143
  size: 'small' | 'large' | '';
139
- name: string;
144
+ name: string | number | Array<number | string>;
140
145
  modelValue: string | number | Array<number | string>;
141
146
  disabled: boolean;
142
147
  multiple: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "br-dionysus",
3
- "version": "1.0.18",
3
+ "version": "1.1.0",
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/MDialog/docs/README.md CHANGED
@@ -20,6 +20,7 @@ import demo from './demo.vue'
20
20
 
21
21
  ### 2) Events
22
22
 
23
- | 方法名 | 说明 | 参数 |
24
- |------|:-------------:|:-----------------------------------------------:|
25
- | 其余参数 | 参考el官网的dialog | https://element-plus.org/zh-CN/component/dialog |
23
+ | 方法名 | 说明 | 参数 |
24
+ |---------|:-------------:|:------------------------------------------------------:|
25
+ | resized | 窗口大小改变完成事件 | (contentsSize: { width: number, height: number })内容物大小 |
26
+ | 其余参数 | 参考el官网的dialog | https://element-plus.org/zh-CN/component/dialog |
package/packages/MDialog/docs/demo.vue CHANGED
@@ -7,6 +7,7 @@
7
7
  draggable
8
8
  title="这是标题"
9
9
  resize
10
+ @resized="test"
10
11
  >
11
12
  <span>这是一条消息</span>
12
13
  <template #footer>
@@ -26,6 +27,10 @@ import { ref } from 'vue'
26
27
  import { MDialog } from 'packages/MDialog'
27
28
 
28
29
  const dialogVisible = ref<boolean>(false)
30
+
31
+ const test = (size: { width: number, height: number }) => {
32
+ console.log('size', size)
33
+ }
29
34
  </script>
30
35
 
31
36
  <style scoped lang="scss">
package/packages/MDialog/src/MDialog.vue CHANGED
@@ -4,6 +4,7 @@
4
4
  :class="boxClass"
5
5
  :modalClass="modalClass"
6
6
  :width="dialogWidth"
7
+ :draggable="props.draggable"
7
8
  v-bind="$attrs"
8
9
  v-model="props.modelValue"
9
10
  >
@@ -35,16 +36,24 @@ import createHash from '../../../tool/createHash'
35
36
 
36
37
  const slots = useSlots()
37
38
 
39
+ const emit = defineEmits<{
40
+ /** 窗口大小改变完成事件 */
41
+ resized: [contentsSize: { width: number, height: number }]
42
+ }>()
43
+
38
44
  const props = withDefaults(defineProps<{
39
45
  modelValue?: boolean,
40
46
  /** @description 对话框的宽度，默认值为 50% */
41
47
  width?: string | number,
42
48
  /** @description 是否开启拖拽改变大小 */
43
- resize?: boolean
49
+ resize?: boolean,
50
+ /** @description 是否可拖动 */
51
+ draggable?: boolean
44
52
  }>(), {
45
53
  modelValue: false,
46
54
  width: '',
47
- resize: false
55
+ resize: false,
56
+ draggable: false
48
57
  })
49
58
  const boxClass = 'j-box-' + createHash(8)
50
59
  const modalClass = 'j-modal-' + createHash(8)
@@ -86,8 +95,10 @@ const createResizeDom = (className: string = '', direction: 'lu' | 'ld' | 'ru' |
86
95
  let drag: boolean = false
87
96
  let dragStartX: number = 0
88
97
  let dragStartY: number = 0
89
- let dialogWidth = ref<string | number>(props.width)
90
- let dialogHeight = ref<string>('auto')
98
+ const dialogWidth = ref<string | number>(props.width)
99
+ const dialogHeight = ref<string>('auto')
100
+ let recordingDialogWidth: number = 0
101
+ let recordingDialogHeight: number = 0
91
102
  let boxWidth: number = 0
92
103
  let boxHeight: number = 0
93
104
  watch(
@@ -97,12 +108,22 @@ watch(
97
108
  const modalDom: HTMLElement | null = document.querySelector('.' + modalClass)
98
109
  if (!modalDom) return false
99
110
  modalDom.onmouseup = () => {
111
+ if (!drag) return false
100
112
  drag = false
113
+
114
+ const defaultDom: HTMLElement | null = document.querySelector('[data-mark="' + markDefault + '"]')
115
+ if (!defaultDom) return false
116
+ emit('resized', {
117
+ width: defaultDom?.clientWidth,
118
+ height: recordingDialogHeight < 0 ? 0 : recordingDialogHeight
119
+ })
101
120
  }
102
121
  modalDom.onmousemove = (event: MouseEvent) => {
103
122
  if (!drag) return false
104
- dialogWidth.value = boxWidth + (event.clientX - dragStartX) * 2 + 'px'
105
- dialogHeight.value = boxHeight + event.clientY - dragStartY + 'px'
123
+ recordingDialogWidth = boxWidth + (event.clientX - dragStartX) * 2
124
+ recordingDialogHeight = boxHeight + event.clientY - dragStartY
125
+ dialogWidth.value = recordingDialogWidth + 'px'
126
+ dialogHeight.value = recordingDialogHeight + 'px'
106
127
  }
107
128
  setTimeout(() => {
108
129
  createResizeDom(luClass, 'lu')
package/packages/MInputNumber/src/MInputNumber.vue CHANGED
@@ -41,25 +41,25 @@ import { reactive, computed, watch } from 'vue'
41
41
 
42
42
  const props = withDefaults(defineProps<{
43
43
  modelValue: string | number,
44
- placeholder: string,
44
+ placeholder?: string,
45
45
  /** 是否禁用数值输入框 */
46
- disabled: boolean,
46
+ disabled?: boolean,
47
47
  /** 数值输入框尺寸 */
48
- size: string,
48
+ size?: string,
49
49
  /** 设置数值输入框允许的最小值 */
50
- min: number,
50
+ min?: number,
51
51
  /** 设置数值输入框允许的最大值 */
52
- max: number,
52
+ max?: number,
53
53
  /** 数值输入框步长 */
54
- step: number,
54
+ step?: number,
55
55
  /** 是否只能输入 step 的倍数 */
56
- stepStrictly: boolean,
56
+ stepStrictly?: boolean,
57
57
  /** 输入框是否显示千分位 */
58
- thousandthPlace: boolean,
58
+ thousandthPlace?: boolean,
59
59
  /** 是否不要边框 */
60
- noBorder: boolean,
60
+ noBorder?: boolean,
61
61
  /** 不要边距 */
62
- noSpacing: boolean
62
+ noSpacing?: boolean
63
63
  }>(), {
64
64
  modelValue: '',
65
65
  placeholder: '',
package/packages/MSelectTable/docs/README.md CHANGED
@@ -13,74 +13,76 @@ 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 |
37
- | popupWidth | 弹窗的宽度 | string,number | - | 否 | 500 |
38
- | border | 表格边框 | 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 |
39
39
 
40
40
  #### Options（选项接口）
41
41
 
42
- | 参数 | 说明 | 类型 | 可选值 | 是否必填 |
43
- | ------------------- | :-----------------------------------: | :---------------: | :----: | :------: |
44
- | label | 选项的标签，若不设置则默认与value相同 | string | - | 是 |
45
- | value | 选项的值 | string \| number | - | 是 |
46
- | disabled | 是否禁用该选项 | boolean | - | 否 |
47
- | \[propName: string] | 额外字段 | string \| number | - | 否 |
42
+ | 参数 | 说明 | 类型 | 可选值 | 是否必填 |
43
+ |---------------------|:---------------------:|:-----------------:|:---:|:----:|
44
+ | label | 选项的标签，若不设置则默认与value相同 | string | - | 是 |
45
+ | value | 选项的值 | string \| number | - | 是 |
46
+ | disabled | 是否禁用该选项 | boolean | - | 否 |
47
+ | \[propName: string] | 额外字段 | string \| number | - | 否 |
48
48
 
49
49
  #### Page (分页对象)
50
50
 
51
- | 参数 | 说明 | 类型 |
52
- | ---------------- | -------------- | -------- |
53
- | total | 总数 | number |
54
- | pageSize | 分页大小 | number |
55
- | currentPage | 页码 | number |
51
+ | 参数 | 说明 | 类型 |
52
+ |------------------|---------|----------|
53
+ | total | 总数 | number |
54
+ | pageSize | 分页大小 | number |
55
+ | currentPage | 页码 | number |
56
56
  | pageSizesOptions | 分页大小可选项 | number[] |
57
57
 
58
58
  ### 3) events
59
59
 
60
- | 事件名 | 说明 | 回调参数 |
61
- | -------------- | -------------------------------------------- | --------------------------------------------------------------------------------------- |
62
- | selected | 单选或多选之后的回调 | 根据多选和单选的模式不同 返回的也有所区别 单选为 (value,row) 多选为(values[],rows[]) |
63
- | toPage | 当没有使用filterMethod时候才会有回调否则没有 | page 表格分页 |
64
- | selectMultiple | 多选确认按钮时的回调 配合isAffirmBtn使用 | (values[],rows[]) |
60
+ | 事件名 | 说明 | 回调参数 |
61
+ |----------------|------------------------------|---------------------------------------------------------------|
62
+ | selected | 单选或多选之后的回调 | 根据多选和单选的模式不同 返回的也有所区别 单选为 (value,row) 多选为(values[],rows[]) |
63
+ | toPage | 当没有使用filterMethod时候才会有回调否则没有 | page 表格分页 |
64
+ | selectMultiple | 多选确认按钮时的回调 配合isAffirmBtn使用 | (values: Array<string \| number>, rows: Option[]) |
65
+ | clear | 用户点击清空按钮时触发 | - |
66
+ | removeTag | 多选模式下移除tag时触发 | (tag: any) |
65
67
 
66
68
  ### 4) Methods
67
69
 
68
- | 方法名 | 说明 |
69
- | -------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
70
+ | 方法名 | 说明 |
71
+ |----------------------|--------------------------------------------------------------------------|
70
72
  | defaultBackFillValue | 手动重载反填 使用场景 当前开启多选 并且开启翻页多选的时候 这个时候需要默认反填上值的话 需要赋值之后 延迟调用此方法 其余场景 为默认反填 |
71
- | clear | 清空已选择 |
72
- | focus | 聚焦下拉框 |
73
+ | clear | 清空已选择 |
74
+ | focus | 聚焦下拉框 |
73
75
 
74
76
  #### filterMethod
75
77
 
76
- | 返回值 | 类型 | 说明 |
77
- | ----------- | ------ | ------------ |
78
+ | 返回值 | 类型 | 说明 |
79
+ |-------------|--------|--------|
78
80
  | searchValue | string | 返回输入的值 |
79
- | Page | Page | 整个分页类 |
81
+ | Page | Page | 整个分页类 |
80
82
 
81
83
  #### remoteMethod
82
84
 
83
- | 返回值 | 类型 | 说明 |
84
- | ----------- | ------ | ------------ |
85
+ | 返回值 | 类型 | 说明 |
86
+ |-------------|--------|--------|
85
87
  | searchValue | string | 返回输入的值 |
86
- | Page | Page | 整个分页类 |
88
+ | Page | Page | 整个分页类 |