br-dionysus 1.9.0 → 1.10.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 (11) hide show
  1. package/README.md +40 -20
  2. package/dist/br-dionysus.es.js +5405 -5300
  3. package/dist/br-dionysus.umd.js +8 -8
  4. package/dist/index.css +1 -1
  5. package/dist/packages/SkinConfig/src/useSkin.d.ts +13 -0
  6. package/package.json +1 -1
  7. package/packages/SkinConfig/docs/README.md +17 -10
  8. package/packages/SkinConfig/docs/demo.vue +3 -0
  9. package/packages/SkinConfig/src/SkinConfig.vue +75 -2
  10. package/packages/SkinConfig/src/useSkin.ts +61 -22
  11. package/web-types.json +1 -1
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";[data-v-aa54745e]:root{--br-dionysus-primary-color: #646CFFFF;--br-dionysus-primary-bg-color: #979fff}.u-icon-box[data-v-aa54745e]{display:none}.g-box[data-v-aa54745e]{position:relative;overflow:hidden;padding-left:16px;padding-right:16px;width:100%;background-color:#fff;box-sizing:border-box}.g-box .u-page-btn[data-v-aa54745e]{position:absolute;bottom:0;height:33px;border:0;box-sizing:border-box;background-color:#fff;opacity:.6;cursor:pointer}.g-box .s-previous-btn[data-v-aa54745e]{left:0}.g-box .s-next-btn[data-v-aa54745e]{right:0;transform:rotate(180deg)}.g-dionysus-box[data-v-aa54745e]{overflow:hidden;width:100%}.g-tab-page-box[data-v-aa54745e]{display:flex;color:#4a4a4a;white-space:nowrap;box-sizing:border-box;box-shadow:2px 0 8px #1d23290d;transform:translate(0);transition:.2s}.g-tab-page-box .u-li[data-v-aa54745e]{display:inline-block;position:relative;height:33px;font-size:14px;box-sizing:border-box;cursor:pointer}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]{display:flex;position:relative;z-index:1;padding:6px 8px;height:100%;align-items:center;background-color:#fff;border-radius:6px 6px 0 0;box-sizing:border-box}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 0;pointer-events:none}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 6px 0;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true] .u-gp[data-v-aa54745e]:after{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-hover-after=true] .u-gp[data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active-before=true] .u-gp[data-v-aa54745e]:after{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-active-after=true] .u-gp[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]{color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li .u-icon[data-v-aa54745e]{margin-right:8px;pointer-events:none}.g-tab-page-box .u-li .u-sn[data-v-aa54745e]{pointer-events:none}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]{position:relative;margin-left:4px;width:14px;height:14px;font-size:14px;border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:"";border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:#9ca3af}.g-tab-page-box .u-li[data-active=true] .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .s-icon[data-v-aa54745e]{display:block;position:relative;width:14px;height:14px}.g-tab-page-box .s-icon[data-v-aa54745e]:after{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(45deg)}.g-tab-page-box .s-icon[data-v-aa54745e]:before{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(-45deg)}.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=false][data-hover=false][data-active-before=false][data-hover-before=false] .u-sn[data-v-aa54745e]:after{position:absolute;top:50%;right:0;z-index:2;content:"";width:1px;height:50%;transform:translateY(-50%);background-color:#4a4a4a}.g-tab-page-box .u-li:nth-last-of-type(1)[data-active=false][data-hover=false] .u-sn[data-v-aa54745e]:after{background-color:#0000!important}.g-m-input-number-box[data-v-f5462354]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-f5462354]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-f5462354]{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-f5462354]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-f5462354]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-f5462354]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-f5462354]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-f5462354]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-f5462354]{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-47cd5650]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-47cd5650]{padding:0 14px 10px}.m-inline[data-v-47cd5650]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-47cd5650]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-47cd5650]:before{position:absolute;top:0;left:50%;content:"";width:calc(100% - 28px);height:1px;background-color:var(--el-border-color-lighter);transform:translate(-50%)}.m-inline-btn+.m-inline[data-is-config-mode=false] [data-class=checkbox][data-v-47cd5650]{display:none}.u-btn-gp[data-v-47cd5650]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-check-box-group[data-v-47cd5650]{display:none;flex:1}.u-row[data-v-47cd5650]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-47cd5650]{max-height:none!important}.u-row>[data-class=checkbox][data-v-47cd5650]{display:none}.u-btn-unfold[data-v-47cd5650]{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-47cd5650]{transform:rotate(270deg)}[data-class=checkbox][data-v-47cd5650]{padding-left:5px;height:auto}.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-inline-box .m-inline-btn+.m-inline[data-is-config-mode=false] [data-show=false]{display:none}.g-inline-box [data-switch=true]{box-shadow:inset 0 -5px 10px var(--el-color-primary-light-8)}.g-skin-config-box[data-v-c9fde99c]{display:flex}.g-skin-config-box .u-tt[data-v-c9fde99c]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-c9fde99c]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-c9fde99c]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-c9fde99c]{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-c9fde99c]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-c9fde99c]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-c9fde99c]{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-c9fde99c]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-c9fde99c]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-c9fde99c]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-c9fde99c]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-c9fde99c]{width:100px}.u-it[data-v-c9fde99c]{width:106px}.g-skin-config-box .el-drawer__body{padding:0}.g-skin-config-box .el-switch{height:auto}.g-skin-config-box .u-pc{display:flex;justify-content:center}.g-skin-config-box .u-pc .el-color-picker{width:100%}.g-skin-config-box .u-pc .el-color-picker .el-color-picker__trigger{width:100%;height:34px}.g-skin-config-box .u-tabs .el-tabs__item{padding:0 10px}.br-m-table-box[data-v-4918627f]{position:relative}.el-table__empty-text img[data-v-4918627f]{width:15%}.br-m-table-box[data-is-expand=true] .el-table__expand-column{border:0}.br-m-table-box[data-is-expand=true] .el-table__expand-column .cell{display:none}.u-icon[data-v-f9b5767e]{display:inline-block;position:relative;width:14px;height:14px;background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-f9b5767e]{display:inline-block;position:relative}.u-set[data-v-f9b5767e]{padding:2.5px 0;float:right}.u-my-table-column-gp[data-v-f9b5767e]{display:inline}.u-my-table-column-icon[data-v-f9b5767e]{float:left;padding:4px;cursor:pointer;transition:.3s;font-size:14px}.u-my-table-column-icon[data-active=true][data-v-f9b5767e]{transform:rotate(90deg)}.m-filter-box[data-is-open=true]{opacity:1;pointer-events:auto}.m-filter-box[data-is-open=false]{opacity:0;pointer-events:none}.m-filter-box .u-filter-mask{position:fixed;top:0;left:0;width:100%;height:100%}.m-filter-box .u-it-gp{padding:10px;border-bottom:1px solid var(--el-border-color-lighter)}.m-filter-box .u-list-box{overflow:hidden;position:fixed;top:0;left:0;max-width:50%;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-popper-border-radius, 4px);box-shadow:var(--el-box-shadow-light)}.m-filter-box .u-list-box .u-checkbox-group{overflow-y:auto;display:block;padding:10px;max-height:280px}.m-filter-box .u-list-box label.el-checkbox{display:flex;align-items:center;margin-right:5px;margin-bottom:12px;margin-left:5px;height:unset}.m-filter-box .u-list-box label.el-checkbox:last-child{margin-bottom:0}.m-filter-box .u-list-box .u-btn-gp{border-top:1px solid var(--el-border-color-lighter);padding:8px}.m-filter-box .u-list-box button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.m-filter-box .u-list-box button{background:0 0;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.filter-i{background-color:var(--el-color-primary)}.vab[data-v-28040f41]{vertical-align:baseline}.g-m-table-column-set-box[data-v-28040f41]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-28040f41]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-28040f41]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-28040f41]{overflow:visible;width:auto!important}.m-panel-box[data-v-28040f41]{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-28040f41]{display:block}.m-panel-box .u-list .u-li[data-v-28040f41]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-28040f41]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-28040f41],.m-panel-box .u-tc[data-v-28040f41]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-28040f41],.m-panel-box .u-tc .u-p[data-v-28040f41]{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-28040f41]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-28040f41]{line-height:40px}.m-panel-box .s-link[data-v-28040f41]{text-align:right;justify-content:end}.m-panel-box .u-divider[data-v-28040f41]{margin-top:10px;margin-bottom:0}.m-masked[data-v-28040f41],.g-m-table-column-set-teleport[data-v-28040f41]{position:fixed;top:0;left:0;z-index:6;width:100%;height:100%}.u-group[data-v-9c48e7f4]{display:flex;align-items:center}.u-group .u-checkbox[data-v-9c48e7f4]{padding-right:4px;pointer-events:none;margin-right:0}.u-checkbox[data-v-9fd0a41e]{height:var(--el-checkbox-height, 20px)}.g-select-table-box{width:100%}.u-img{width:80px}.m-select-table .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.m-select-table .el-select-dropdown__empty{padding:0}.m-select-table .el-select-dropdown__empty .btn-box{text-align:right;padding-bottom:6px}.m-select-table .m-table-select{padding:6px;overflow-y:auto}.m-select-table .m-page{padding:4px}.br-u-dialog-resize{position:absolute;width:5px;height:5px;cursor:nwse-resize}.br-u-dialog-resize.br-u-lu{left:0;top:0}.br-u-dialog-resize.br-u-ld{left:0;bottom:0}.br-u-dialog-resize.br-u-ru{right:0;top:0}.br-u-dialog-resize.br-u-rd{right:-5px;bottom:-5px;width:10px;height:10px;border-top:1px solid var(--el-color-primary);transform:rotate(-45deg)}.br-u-body{display:flex}.br-u-body .br-u-body-entity{flex:1;width:100%}.g-select-table-box[data-v-bb9b01dd]{position:relative;line-height:normal}.g-select-table-box .u-input-gp[data-v-bb9b01dd]{position:relative}.g-select-table-box .u-input-gp:hover .el-icon-circle-close[data-v-bb9b01dd]{display:block}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]{display:none;position:absolute;top:50%;right:10px;font-size:14px;color:#c0c4cc;transform:translateY(-50%);cursor:pointer}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]:hover{color:#a4a7ad}.g-select-table-box .s-table[data-v-bb9b01dd]{width:100%}.btn-box[data-v-bb9b01dd]{text-align:right;padding-bottom:6px}.m-page[data-v-bb9b01dd]{padding-top:4px}.g-select-table-box .u-input-gp .el-input{display:flex}.g-select-table-box .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.br-m-table-v2-box[data-v-c8c149c4]{position:relative}.br-m-table-v2-box .br-m-table-config-set[data-v-c8c149c4]{position:absolute;top:0;right:0;z-index:4}.br-m-table-v2-box[data-size=small] .br-m-table-config-set[data-v-c8c149c4]{top:3px}.br-m-table-v2-box[data-size=default] .br-m-table-config-set[data-v-c8c149c4]{top:13px}.br-m-table-v2-box[data-size=large] .br-m-table-config-set[data-v-c8c149c4]{top:20px}.el-table-v2__empty img[data-v-c8c149c4]{width:8%}.br-m-table-v2-box[data-size=small] .el-table-v2{font-size:12px}.br-m-table-v2-box[data-border=true] .el-table-v2{border:1px solid var(--el-table-border-color)}.br-m-table-v2-box[data-border=true] .el-table-v2 .el-table-v2__header-cell,.br-m-table-v2-box[data-border=true] .el-table-v2 .el-table-v2__row-cell{border-right:var(--el-table-border)}.br-m-table-v2-box[data-border=true] .el-table-v2 .el-table-v2__header-cell:nth-last-of-type(1),.br-m-table-v2-box[data-border=true] .el-table-v2 .el-table-v2__row-cell:nth-last-of-type(1){border-right:0}.br-m-table-v2-box[data-size=small] .el-table-v2__cell-text{line-height:30px}.br-m-table-v2-box[data-size=default] .el-table-v2__cell-text{line-height:50px}.br-m-table-v2-box[data-size=large] .el-table-v2__cell-text{line-height:65px}.br-m-table-v2-box .el-table-v2__empty{display:flex;align-items:center;justify-content:center}
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-f5462354]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-f5462354]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-f5462354]{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-f5462354]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-f5462354]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-f5462354]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-f5462354]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-f5462354]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-f5462354]{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-47cd5650]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-47cd5650]{padding:0 14px 10px}.m-inline[data-v-47cd5650]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-47cd5650]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-47cd5650]:before{position:absolute;top:0;left:50%;content:"";width:calc(100% - 28px);height:1px;background-color:var(--el-border-color-lighter);transform:translate(-50%)}.m-inline-btn+.m-inline[data-is-config-mode=false] [data-class=checkbox][data-v-47cd5650]{display:none}.u-btn-gp[data-v-47cd5650]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-check-box-group[data-v-47cd5650]{display:none;flex:1}.u-row[data-v-47cd5650]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-47cd5650]{max-height:none!important}.u-row>[data-class=checkbox][data-v-47cd5650]{display:none}.u-btn-unfold[data-v-47cd5650]{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-47cd5650]{transform:rotate(270deg)}[data-class=checkbox][data-v-47cd5650]{padding-left:5px;height:auto}.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-inline-box .m-inline-btn+.m-inline[data-is-config-mode=false] [data-show=false]{display:none}.g-inline-box [data-switch=true]{box-shadow:inset 0 -5px 10px var(--el-color-primary-light-8)}.g-skin-config-box[data-v-f71f946b]{display:flex}.g-skin-config-box .u-tt[data-v-f71f946b]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-f71f946b]{display:flex;overflow-y:auto;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-f71f946b]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-f71f946b]{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-f71f946b]{display:flex;margin:0 -10px;padding-bottom:12px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-f71f946b]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-f71f946b]{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-f71f946b]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-f71f946b]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-f71f946b]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-f71f946b]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-sc-slt[data-v-f71f946b],.u-it[data-v-f71f946b]{width:106px}.g-skin-config-box .el-drawer__body{padding:0}.g-skin-config-box .el-switch{height:auto}.g-skin-config-box .u-pc{display:flex;justify-content:center}.g-skin-config-box .u-pc .el-color-picker{width:100%}.g-skin-config-box .u-pc .el-color-picker .el-color-picker__trigger{width:100%;height:34px}.g-skin-config-box .u-tabs .el-tabs__item{padding:0 10px}.br-m-table-box[data-v-4918627f]{position:relative}.el-table__empty-text img[data-v-4918627f]{width:15%}.br-m-table-box[data-is-expand=true] .el-table__expand-column{border:0}.br-m-table-box[data-is-expand=true] .el-table__expand-column .cell{display:none}.u-icon[data-v-f9b5767e]{display:inline-block;position:relative;width:14px;height:14px;background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-f9b5767e]{display:inline-block;position:relative}.u-set[data-v-f9b5767e]{padding:2.5px 0;float:right}.u-my-table-column-gp[data-v-f9b5767e]{display:inline}.u-my-table-column-icon[data-v-f9b5767e]{float:left;padding:4px;cursor:pointer;transition:.3s;font-size:14px}.u-my-table-column-icon[data-active=true][data-v-f9b5767e]{transform:rotate(90deg)}.m-filter-box[data-is-open=true]{opacity:1;pointer-events:auto}.m-filter-box[data-is-open=false]{opacity:0;pointer-events:none}.m-filter-box .u-filter-mask{position:fixed;top:0;left:0;width:100%;height:100%}.m-filter-box .u-it-gp{padding:10px;border-bottom:1px solid var(--el-border-color-lighter)}.m-filter-box .u-list-box{overflow:hidden;position:fixed;top:0;left:0;max-width:50%;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-popper-border-radius, 4px);box-shadow:var(--el-box-shadow-light)}.m-filter-box .u-list-box .u-checkbox-group{overflow-y:auto;display:block;padding:10px;max-height:280px}.m-filter-box .u-list-box label.el-checkbox{display:flex;align-items:center;margin-right:5px;margin-bottom:12px;margin-left:5px;height:unset}.m-filter-box .u-list-box label.el-checkbox:last-child{margin-bottom:0}.m-filter-box .u-list-box .u-btn-gp{border-top:1px solid var(--el-border-color-lighter);padding:8px}.m-filter-box .u-list-box button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.m-filter-box .u-list-box button{background:0 0;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.filter-i{background-color:var(--el-color-primary)}.vab[data-v-28040f41]{vertical-align:baseline}.g-m-table-column-set-box[data-v-28040f41]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-28040f41]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-28040f41]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-28040f41]{overflow:visible;width:auto!important}.m-panel-box[data-v-28040f41]{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-28040f41]{display:block}.m-panel-box .u-list .u-li[data-v-28040f41]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-28040f41]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-28040f41],.m-panel-box .u-tc[data-v-28040f41]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-28040f41],.m-panel-box .u-tc .u-p[data-v-28040f41]{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-28040f41]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-28040f41]{line-height:40px}.m-panel-box .s-link[data-v-28040f41]{text-align:right;justify-content:end}.m-panel-box .u-divider[data-v-28040f41]{margin-top:10px;margin-bottom:0}.m-masked[data-v-28040f41],.g-m-table-column-set-teleport[data-v-28040f41]{position:fixed;top:0;left:0;z-index:6;width:100%;height:100%}.u-group[data-v-9c48e7f4]{display:flex;align-items:center}.u-group .u-checkbox[data-v-9c48e7f4]{padding-right:4px;pointer-events:none;margin-right:0}.u-checkbox[data-v-9fd0a41e]{height:var(--el-checkbox-height, 20px)}.g-select-table-box{width:100%}.u-img{width:80px}.m-select-table .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.m-select-table .el-select-dropdown__empty{padding:0}.m-select-table .el-select-dropdown__empty .btn-box{text-align:right;padding-bottom:6px}.m-select-table .m-table-select{padding:6px;overflow-y:auto}.m-select-table .m-page{padding:4px}.br-u-dialog-resize{position:absolute;width:5px;height:5px;cursor:nwse-resize}.br-u-dialog-resize.br-u-lu{left:0;top:0}.br-u-dialog-resize.br-u-ld{left:0;bottom:0}.br-u-dialog-resize.br-u-ru{right:0;top:0}.br-u-dialog-resize.br-u-rd{right:-5px;bottom:-5px;width:10px;height:10px;border-top:1px solid var(--el-color-primary);transform:rotate(-45deg)}.br-u-body{display:flex}.br-u-body .br-u-body-entity{flex:1;width:100%}.g-select-table-box[data-v-bb9b01dd]{position:relative;line-height:normal}.g-select-table-box .u-input-gp[data-v-bb9b01dd]{position:relative}.g-select-table-box .u-input-gp:hover .el-icon-circle-close[data-v-bb9b01dd]{display:block}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]{display:none;position:absolute;top:50%;right:10px;font-size:14px;color:#c0c4cc;transform:translateY(-50%);cursor:pointer}.g-select-table-box .el-icon-circle-close[data-v-bb9b01dd]:hover{color:#a4a7ad}.g-select-table-box .s-table[data-v-bb9b01dd]{width:100%}.btn-box[data-v-bb9b01dd]{text-align:right;padding-bottom:6px}.m-page[data-v-bb9b01dd]{padding-top:4px}.g-select-table-box .u-input-gp .el-input{display:flex}.g-select-table-box .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.br-m-table-v2-box[data-v-c8c149c4]{position:relative}.br-m-table-v2-box .br-m-table-config-set[data-v-c8c149c4]{position:absolute;top:0;right:0;z-index:4}.br-m-table-v2-box[data-size=small] .br-m-table-config-set[data-v-c8c149c4]{top:3px}.br-m-table-v2-box[data-size=default] .br-m-table-config-set[data-v-c8c149c4]{top:13px}.br-m-table-v2-box[data-size=large] .br-m-table-config-set[data-v-c8c149c4]{top:20px}.el-table-v2__empty img[data-v-c8c149c4]{width:8%}.br-m-table-v2-box[data-size=small] .el-table-v2{font-size:12px}.br-m-table-v2-box[data-border=true] .el-table-v2{border:1px solid var(--el-table-border-color)}.br-m-table-v2-box[data-border=true] .el-table-v2 .el-table-v2__header-cell,.br-m-table-v2-box[data-border=true] .el-table-v2 .el-table-v2__row-cell{border-right:var(--el-table-border)}.br-m-table-v2-box[data-border=true] .el-table-v2 .el-table-v2__header-cell:nth-last-of-type(1),.br-m-table-v2-box[data-border=true] .el-table-v2 .el-table-v2__row-cell:nth-last-of-type(1){border-right:0}.br-m-table-v2-box[data-size=small] .el-table-v2__cell-text{line-height:30px}.br-m-table-v2-box[data-size=default] .el-table-v2__cell-text{line-height:50px}.br-m-table-v2-box[data-size=large] .el-table-v2__cell-text{line-height:65px}.br-m-table-v2-box .el-table-v2__empty{display:flex;align-items:center;justify-content:center}
package/dist/packages/SkinConfig/src/useSkin.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { Size } from './../../typings/enum';
2
2
  export interface SkinConfig {
3
+ [key: string]: any;
3
4
  /** 深色主题 */
4
5
  darkTheme: boolean;
5
6
  /** 跟随系统 */
@@ -18,6 +19,18 @@ export interface SkinConfig {
18
19
  dangerColor: string;
19
20
  /** 信息色 */
20
21
  infoColor: string;
22
+ /** 显示重载按钮 */
23
+ showHeavyLoad: boolean;
24
+ /** 显示面包屑图标 */
25
+ showBreadcrumbIcon: boolean;
26
+ /** 切换动画 */
27
+ switchAnimation: boolean;
28
+ /** 辅助工具(页签，面包屑，无) */
29
+ auxiliaryTools: 'multiple' | 'breadcrumb' | '';
30
+ /** 外间距大小 */
31
+ outsideSpacingSize: number;
32
+ /** 内间距大小 */
33
+ insideSpacingSize: number;
21
34
  }
22
35
  /**
23
36
  * @description 主题皮肤
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "br-dionysus",
3
- "version": "1.9.0",
3
+ "version": "1.10.0",
4
4
  "scripts": {
5
5
  "dev": "vite --config vite.config.ts",
6
6
  "build:doc": "vue-tsc --noEmit && vite build --config ./build/doc.config.ts && node script/copyDir.js",
package/packages/SkinConfig/docs/README.md CHANGED
@@ -20,16 +20,23 @@ import demo from './demo.vue'
20
20
 
21
21
  #### SkinConfig（皮肤对象）
22
22
 
23
- | 参数 | 说明 | 类型 | 可选值 | 默认值 |
24
- |--------------|:-------:|:-------:|:-------------------------:|:---------:|
25
- | darkTheme | 是否为深色主题 | boolean | - | false |
26
- | followSystem | 是否跟随系统 | boolean | - | false |
27
- | size | 大小 | enum | large \| default \| small | default |
28
- | primaryColor | 主题色 | string | - | '#646CFF' |
29
- | successColor | 成功色 | string | - | '#67c23a' |
30
- | warningColor | 警告色 | string | - | '#e6a23c' |
31
- | dangerColor | 危险色 | string | - | '#f56c6c' |
32
- | infoColor | 信息色 | string | - | '#909399' |
23
+ | 参数 | 说明 | 类型 | 可选值 | 默认值 |
24
+ |--------------------|:-------------------------------:|:-------:|:---------------------------------:|:----------:|
25
+ | darkTheme | 是否为深色主题 | boolean | - | false |
26
+ | followSystem | 是否跟随系统 | boolean | - | false |
27
+ | size | 大小 | enum | large \| default \| small | default |
28
+ | primaryColor | 主题色 | string | - | '#646CFF' |
29
+ | successColor | 成功色 | string | - | '#67c23a' |
30
+ | warningColor | 警告色 | string | - | '#e6a23c' |
31
+ | dangerColor | 危险色 | string | - | '#f56c6c' |
32
+ | infoColor | 信息色 | string | - | '#909399' |
33
+ | showHeavyLoad | 显示重载按钮 | boolean | - | false |
34
+ | showBreadcrumb | 显示面包屑导航 | boolean | - | false |
35
+ | showBreadcrumbIcon | 显示面包屑图标 | boolean | - | true |
36
+ | switchAnimation | 切换动画 | boolean | - | true |
37
+ | auxiliaryTools | 辅助工具(页签，面包屑，无) | string | 'multiple' \| 'breadcrumb' \| '' | 'multiple' |
38
+ | outsideSpacingSize | 外间距大小（--m-outside-spacing-size） | number | - | 16 |
39
+ | insideSpacingSize | 内间距大小（--m-inside-spacing-size） | number | - | 24 |
33
40
 
34
41
  ### 3) 说明
35
42
 
package/packages/SkinConfig/docs/demo.vue CHANGED
@@ -5,6 +5,7 @@
5
5
  @change="size = $event.size"
6
6
  ></SkinConfig>
7
7
 
8
+ <p>skin: {{ skin.skinConfig }}</p>
8
9
  <div class="m-box">
9
10
  <div class="u-color-box">
10
11
  <h3>色卡</h3>
@@ -62,7 +63,9 @@
62
63
  <script setup lang="ts">
63
64
  import { ref, onMounted } from 'vue'
64
65
  import { SkinConfig } from './../../SkinConfig'
66
+ import useSkin from './../src/useSkin'
65
67
 
68
+ const skin = useSkin()
66
69
  const size = ref<string>('')
67
70
  const shinConfigRef = ref<InstanceType<typeof SkinConfig> | null>(null)
68
71
  onMounted(() => {
package/packages/SkinConfig/src/SkinConfig.vue CHANGED
@@ -75,6 +75,65 @@
75
75
  >
76
76
  </MInputNumber>
77
77
  </div>
78
+ <el-divider class="u-box-tt">界面显示</el-divider>
79
+ <div class="u-group">
80
+ <label>重载按钮</label>
81
+ <el-switch
82
+ v-model="skinConfig.showHeavyLoad"
83
+ :size="skinConfig.size"
84
+ @change="skin.apply();skin.save();emit('change', skinConfig)"
85
+ />
86
+ </div>
87
+ <div class="u-group">
88
+ <label>辅助工具</label>
89
+ <el-select
90
+ class="u-sc-slt"
91
+ v-model="skinConfig.auxiliaryTools"
92
+ :size="skinConfig.size"
93
+ @change="skin.apply();skin.save();emit('change', skinConfig)"
94
+ >
95
+ <el-option
96
+ v-for="item in filter.auxiliaryToolsOptions.value"
97
+ :key="item.value"
98
+ :label="item.label"
99
+ :value="item.value"
100
+ ></el-option>
101
+ </el-select>
102
+ </div>
103
+ <div class="u-group">
104
+ <label>面包屑图标</label>
105
+ <el-switch
106
+ v-model="skinConfig.showBreadcrumbIcon"
107
+ :size="skinConfig.size"
108
+ @change="skin.apply();skin.save();emit('change', skinConfig)"
109
+ />
110
+ </div>
111
+ <div class="u-group">
112
+ <label>切换动画</label>
113
+ <el-switch
114
+ v-model="skinConfig.switchAnimation"
115
+ :size="skinConfig.size"
116
+ @change="skin.apply();skin.save();emit('change', skinConfig)"
117
+ />
118
+ </div>
119
+ <div class="u-group">
120
+ <label>外间距大小</label>
121
+ <MInputNumber
122
+ class="u-it"
123
+ v-model="skinConfig.outsideSpacingSize"
124
+ :size="skinConfig.size"
125
+ @change="skin.apply();skin.save();emit('change', skinConfig)"
126
+ ></MInputNumber>
127
+ </div>
128
+ <div class="u-group">
129
+ <label>内间距大小</label>
130
+ <MInputNumber
131
+ class="u-it"
132
+ v-model="skinConfig.insideSpacingSize"
133
+ :size="skinConfig.size"
134
+ @change="skin.apply();skin.save();emit('change', skinConfig)"
135
+ ></MInputNumber>
136
+ </div>
78
137
  <el-divider class="u-box-tt">系统主题</el-divider>
79
138
  <el-tabs
80
139
  v-model="ruleForm.type"
@@ -270,11 +329,23 @@ const filter: Filter = {
270
329
  }, {
271
330
  label: '小',
272
331
  value: Size.SMALL
332
+ }]),
333
+ auxiliaryToolsOptions: ref<Option[]>([{
334
+ label: '页签',
335
+ value: 'multiple'
336
+ }, {
337
+ label: '面包屑',
338
+ value: 'breadcrumb'
339
+ }, {
340
+ label: '无',
341
+ value: ''
273
342
  }])
274
343
  }
275
344
  const skin = useSkin()
276
345
  const skinConfig = skin.skinConfig
277
346
 
347
+ console.log('filter', filter.auxiliaryToolsOptions)
348
+
278
349
  const drawer = ref<boolean>(false)
279
350
  const open = () => {
280
351
  drawer.value = true
@@ -370,6 +441,7 @@ defineExpose({
370
441
 
371
442
  .u-box {
372
443
  display: flex;
444
+ overflow-y: auto;
373
445
  padding: 20px 24px;
374
446
  height: calc(100% - 50px);
375
447
  flex-direction: column;
@@ -389,6 +461,7 @@ defineExpose({
389
461
  .u-gulp {
390
462
  display: flex;
391
463
  margin: 0 -10px;
464
+ padding-bottom: 12px;
392
465
  flex-direction: column;
393
466
  flex-wrap: wrap;
394
467
  flex: 1;
@@ -438,8 +511,8 @@ defineExpose({
438
511
  }
439
512
  }
440
513
 
441
- .u-slt {
442
- width: 100px;
514
+ .u-sc-slt {
515
+ width: 106px;
443
516
  }
444
517
 
445
518
  .u-it {
package/packages/SkinConfig/src/useSkin.ts CHANGED
@@ -44,26 +44,61 @@ const adjustColor = (hex: string, percent: number = 100): string => {
44
44
  }
45
45
 
46
46
  export interface SkinConfig {
47
+ [key: string]: any;
47
48
  /** 深色主题 */
48
- darkTheme: boolean,
49
+ darkTheme: boolean;
49
50
  /** 跟随系统 */
50
- followSystem: boolean,
51
+ followSystem: boolean;
51
52
  /** 组件大小 */
52
- size: Size,
53
+ size: Size;
53
54
  /** 滚动条宽度 */
54
- scrollBarWidth: number,
55
+ scrollBarWidth: number;
55
56
  /** 主题色 */
56
- primaryColor: string,
57
+ primaryColor: string;
57
58
  /** 成功色 */
58
- successColor: string,
59
+ successColor: string;
59
60
  /** 警告色 */
60
- warningColor: string,
61
+ warningColor: string;
61
62
  /** 危险色 */
62
- dangerColor: string,
63
+ dangerColor: string;
63
64
  /** 信息色 */
64
- infoColor: string,
65
+ infoColor: string;
66
+ /** 显示重载按钮 */
67
+ showHeavyLoad: boolean;
68
+ /** 显示面包屑图标 */
69
+ showBreadcrumbIcon: boolean;
70
+ /** 切换动画 */
71
+ switchAnimation: boolean;
72
+ // /** 动画类型 */
73
+ // animationType: string;
74
+ /** 辅助工具(页签，面包屑，无) */
75
+ auxiliaryTools: 'multiple' | 'breadcrumb' | '';
76
+ /** 外间距大小 */
77
+ outsideSpacingSize: number;
78
+ /** 内间距大小 */
79
+ insideSpacingSize: number;
65
80
  }
66
81
 
82
+ /** 默认配置 */
83
+ const defaultSkinConfig: SkinConfig = {
84
+ darkTheme: false,
85
+ followSystem: false,
86
+ size: Size.DEFAULT,
87
+ scrollBarWidth: 5,
88
+ primaryColor: '#646CFF',
89
+ successColor: '#67c23a',
90
+ warningColor: '#e6a23c',
91
+ dangerColor: '#f56c6c',
92
+ infoColor: '#909399',
93
+ showHeavyLoad: false,
94
+ showBreadcrumbIcon: true,
95
+ switchAnimation: true,
96
+ auxiliaryTools: 'multiple',
97
+ outsideSpacingSize: 16,
98
+ insideSpacingSize: 24
99
+ }
100
+ const skinConfig: SkinConfig = reactive(defaultSkinConfig)
101
+
67
102
  /**
68
103
  * @description 主题皮肤
69
104
  * @returns {Object} {
@@ -85,18 +120,6 @@ const useSkin = (): {
85
120
  switchDark: Function,
86
121
  syncData: Function
87
122
  } => {
88
- const defaultSkinConfig: SkinConfig = {
89
- darkTheme: false,
90
- followSystem: false,
91
- size: Size.DEFAULT,
92
- scrollBarWidth: 5,
93
- primaryColor: '#646CFF',
94
- successColor: '#67c23a',
95
- warningColor: '#e6a23c',
96
- dangerColor: '#f56c6c',
97
- infoColor: '#909399'
98
- }
99
-
100
123
  // 清洗数据
101
124
  const skinConfigData = packageConfig.get('skinConfig') as SkinConfig
102
125
  // 数据结构不一致，既认为为不同版本需要清洗
@@ -104,8 +127,13 @@ const useSkin = (): {
104
127
  packageConfig.set('skinConfig', defaultSkinConfig)
105
128
  }
106
129
 
130
+ const cacheSkinConfig = packageConfig.get<SkinConfig>('skinConfig') as SkinConfig
107
131
  /** 皮肤配置 */
108
- const skinConfig = reactive(packageConfig.get<SkinConfig>('skinConfig')) as SkinConfig
132
+ for (const key in skinConfig) {
133
+ skinConfig[key] = cacheSkinConfig[key] === undefined ? skinConfig[key] : cacheSkinConfig[key]
134
+ }
135
+
136
+ // const skinConfig = reactive(packageConfig.get<SkinConfig>('skinConfig')) as SkinConfig
109
137
 
110
138
  /**
111
139
  * @description 设置皮肤色
@@ -192,6 +220,17 @@ const useSkin = (): {
192
220
  // 滚动条宽度
193
221
  rootStyle.setProperty('--m-scrollbar-thumb-width', skinConfig.scrollBarWidth + 'px')
194
222
 
223
+ if (skinConfig.size === Size.SMALL) skinConfig.outsideSpacingSize = 10
224
+ if (skinConfig.size === Size.DEFAULT) skinConfig.outsideSpacingSize = 16
225
+ if (skinConfig.size === Size.LARGE) skinConfig.outsideSpacingSize = 22
226
+ // 外间距大小
227
+ rootStyle.setProperty('--m-outside-spacing-size', skinConfig.outsideSpacingSize + 'px')
228
+ if (skinConfig.size === Size.SMALL) skinConfig.insideSpacingSize = 10
229
+ if (skinConfig.size === Size.DEFAULT) skinConfig.insideSpacingSize = 24
230
+ if (skinConfig.size === Size.LARGE) skinConfig.insideSpacingSize = 32
231
+ // 外间距大小
232
+ rootStyle.setProperty('--m-inside-spacing-size', skinConfig.insideSpacingSize + 'px')
233
+
195
234
  switchDark(isDark)
196
235
 
197
236
  switchSize(skinConfig.size)
package/web-types.json CHANGED
@@ -1 +1 @@
1
- {"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"br-dionysus","version":"1.9.0","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{"vue-components":[{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-dialog","source":{"symbol":"MDialog"},"description":"这是一个MDialog","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"width","description":"对话框的宽度，默认值为 50%","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"insideHeight","description":"对话框内部空间的高度，默认为null","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]},{"name":"minInsideHeight","description":"对话框内部空间的最小高度，默认为0(当同时存在maxHeight和minInsideHeight时，以maxHeight为准)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"maxInsideHeight","description":"对话框内部空间的最大高度，默认为Infinity","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"resize","description":"是否开启拖拽改变大小","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"draggable","description":"是否可拖动","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"insideClassName","description":"对话框内部空间的className","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]}],"js":{"events":[{"name":"resized","description":"窗口大小改变完成事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[contentsSize: { width: number, height: number }]"]},{"name":"'update:insideHeight'","description":"更新内部容器高度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[number]"]},{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[boolean]"]}]}},{"name":"m-inline","source":{"symbol":"MInline"},"description":"这是一个MInline","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"minWidth","description":"列最小宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"maxWidth","description":"列最大宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"size","description":"组件尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Size"]},{"name":"configKey","description":"配置key","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"model","description":"筛选对象","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Record<string, any> | null"]}],"js":{"events":[{"name":"switch","description":"切换折叠展开事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[status: boolean]"]}]}},{"name":"m-input-number","source":{"symbol":"MInputNumber"},"description":"这是一个MInputNumber","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"是否禁用数值输入框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"数值输入框尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"min","description":"设置数值输入框允许的最小值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"max","description":"设置数值输入框允许的最大值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"step","description":"数值输入框步长","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"stepStrictly","description":"是否只能输入 step 的倍数","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"thousandthPlace","description":"输入框是否显示千分位","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noBorder","description":"是否不要边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noSpacing","description":"不要边距","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'focus'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'blur'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-option","source":{"symbol":"MOption"},"description":"这是一个MOption","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-select","source":{"symbol":"MSelect"},"description":"这是一个MSelect","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[]}},{"name":"m-select-table","source":{"symbol":"MSelectTable"},"description":"这是一个MSelectTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"name","description":"显示值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"total","description":"总数据量，当有值时，出现分页器","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]},{"name":"filterMethod","description":"自定义搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"filterable","description":"是否使用搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remote","description":"是否使用 远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remoteMethod","description":"自定义远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableTitle[]"]},{"name":"multiple","description":"是否多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"keywords","description":"定义默认的 label 和value","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option"]},{"name":"reserveSelection","description":"是否开启翻页多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"tableHeight","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"isAffirmBtn","description":"是否有确认按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"scrollbarAlwaysOn","description":"是否常态显示滚动条","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"allowCreate","description":"是否能够创建条目","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"border","description":"表格边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"popupWidth","description":"弹窗的宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | string"]}],"js":{"events":[{"name":"selected","description":"单选或多选之后的回调","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: string | number | Array<string | number>, rows: Option[] | Option]"]},{"name":"selectMultiple","description":"多选确认按钮时的回调 配合isAffirmBtn使用","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: Array<string | number>, rows: Option[]]"]},{"name":"toPage","description":"当没有使用filterMethod时候才会有回调否则没有","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[page: Page, query?: string]"]},{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[value: string | number | Array<string | number>]"]},{"name":"clear","description":"用户点击清空按钮时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[]"]},{"name":"removeTag","description":"多选模式下移除tag时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[tag: any]"]}]}},{"name":"m-select-table-v1","source":{"symbol":"MSelectTableV1"},"description":"这是一个MSelectTableV1","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any[]"]},{"name":"remoteMethod","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"allowCreate","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"focusShow","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"isSelect","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"clearable","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"labelKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"scrollbarAlwaysOn","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"total","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selectMultiple'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selected'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'clear'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-select-v2","source":{"symbol":"MSelectV2"},"description":"这是一个MSelectV2","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["ValueType"]},{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"showAll","description":"是否显示全选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[data: ValueType]"]}]}},{"name":"m-table","source":{"symbol":"MTable"},"description":"这是一个MTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"sole","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"data","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{\n [key: string]: any\n }>"]},{"name":"filtersValue","description":"表格内容筛选(当为null时，不显示筛选图标)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue | null"]},{"name":"tableConfig","description":"表格配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableConfig | null"]},{"name":"expandProp","description":"展开图标列(如使用这个属性则必须存在rowKey属性) (标记，约束条件后面解决)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"expandRowKeys","description":"可以通过该属性设置 Table 目前的展开行，需要设置 row-key 属性才能使用，该属性为展开行的 keys 数组。","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any[]"]},{"name":"rowKey","description":"行数据的 Key，用来优化 Table 的渲染； 在使用reserve-selection功能与显示树形数据时，该属性是必填的。 类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function。","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | string"]},{"name":"tableConfigKey","description":"表格配置key","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]}],"js":{"events":[{"name":"pasteData","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[\n data: {\n /** 粘贴行的行数据 */\n editRow: { [key: string]: any },\n /** 粘贴列的列名 */\n editColumn: string,\n /** 粘贴的数据 */\n arr: Array<string | number>,\n /** 起始行 */\n rowIndex: number,\n },\n /** 粘贴完成后的表格数据 */\n tableData: Array<{ [key: string]: any }>\n ]"]},{"name":"'update:tableConfig'","description":"表格配置更新","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[tableConfig: TableConfig]"]},{"name":"privateExpandChange","description":"expandProp模式下 当用户对某一行展开或者关闭的时候会触发该事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[row: any, expandedRows: any[]]"]}]}},{"name":"m-table-column","source":{"symbol":"MTableColumn"},"description":"这是一个MTableColumn","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"filtersValue","description":"列筛选过滤条件(当为null时，不显示筛选图标)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue | null"]},{"name":"filters","description":"过滤选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{ text: string | number, value: string | number }>"]},{"name":"filterMethod","description":"过滤方法","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"children","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<PropChildren>"]}],"js":{"events":[{"name":"'update:filtersValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-table-column-set","source":{"symbol":"MTableColumnSet"},"description":"这是一个MTableColumnSet","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableConfig"]},{"name":"foldMode","description":"是否为折叠模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"link","description":"是否为链接按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"tableConfigKey","description":"表格配置key","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-table-super","source":{"symbol":"MTableSuper"},"description":"这是一个MTableSuper","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-table-v2","source":{"symbol":"MTableV2"},"description":"这是一个MTableV2","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | 'default'"]},{"name":"data","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{\n [key: string]: any\n }>"]},{"name":"height","description":"表格高度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"border","description":"显示边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"columns","description":"表格列配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableV2Title[]"]},{"name":"filtersValue","description":"表格内容筛选(当为null时，不显示筛选图标)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue | null"]},{"name":"tableConfig","description":"表格配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableConfig | null"]},{"name":"tableConfigKey","description":"表格配置key","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"fixed","description":"单元格宽度是自适应还是固定","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"estimatedRowHeight","description":"渲染动态的单元格的预估高度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]},{"name":"headerHeight","description":"Header 的高度由height设置。 如果传入数组，它会使 header row 等于数组长度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | number[] | null"]},{"name":"cellWidthAdaptive","description":"单元格宽度自适应","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"pasteData","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[\n data: {\n /** 粘贴行的行数据 */\n editRow: { [key: string]: any },\n /** 粘贴列的列名 */\n editColumn: string,\n /** 粘贴的数据 */\n arr: Array<string | number>,\n /** 起始行 */\n rowIndex: number,\n },\n /** 粘贴完成后的表格数据 */\n tableData: Array<{ [key: string]: any }>\n ]"]},{"name":"'update:tableConfig'","description":"表格配置更新","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[tableConfig: TableConfig]"]}]}},{"name":"skin-config","source":{"symbol":"SkinConfig"},"description":"这是一个SkinConfig","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"tab-page","source":{"symbol":"TabPage"},"description":"这是一个TabPage","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["MenuItem[]"]},{"name":"activeKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"showRightClickMenu","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"primaryColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"primaryBackgroundColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | null"]}],"js":{"events":[{"name":"'close'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'click'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}}],"attributes":[]}}}
1
+ {"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"br-dionysus","version":"1.10.0","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{"vue-components":[{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"demo","source":{"symbol":"demo"},"description":"这是一个demo","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-dialog","source":{"symbol":"MDialog"},"description":"这是一个MDialog","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"width","description":"对话框的宽度，默认值为 50%","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"insideHeight","description":"对话框内部空间的高度，默认为null","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]},{"name":"minInsideHeight","description":"对话框内部空间的最小高度，默认为0(当同时存在maxHeight和minInsideHeight时，以maxHeight为准)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"maxInsideHeight","description":"对话框内部空间的最大高度，默认为Infinity","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"resize","description":"是否开启拖拽改变大小","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"draggable","description":"是否可拖动","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"insideClassName","description":"对话框内部空间的className","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]}],"js":{"events":[{"name":"resized","description":"窗口大小改变完成事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[contentsSize: { width: number, height: number }]"]},{"name":"'update:insideHeight'","description":"更新内部容器高度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[number]"]},{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[boolean]"]}]}},{"name":"m-inline","source":{"symbol":"MInline"},"description":"这是一个MInline","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"minWidth","description":"列最小宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"maxWidth","description":"列最大宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"size","description":"组件尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Size"]},{"name":"configKey","description":"配置key","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"model","description":"筛选对象","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Record<string, any> | null"]}],"js":{"events":[{"name":"switch","description":"切换折叠展开事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[status: boolean]"]}]}},{"name":"m-input-number","source":{"symbol":"MInputNumber"},"description":"这是一个MInputNumber","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"是否禁用数值输入框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"数值输入框尺寸","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"min","description":"设置数值输入框允许的最小值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"max","description":"设置数值输入框允许的最大值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"step","description":"数值输入框步长","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"stepStrictly","description":"是否只能输入 step 的倍数","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"thousandthPlace","description":"输入框是否显示千分位","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noBorder","description":"是否不要边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"noSpacing","description":"不要边距","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'focus'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'blur'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-option","source":{"symbol":"MOption"},"description":"这是一个MOption","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-select","source":{"symbol":"MSelect"},"description":"这是一个MSelect","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[]}},{"name":"m-select-table","source":{"symbol":"MSelectTable"},"description":"这是一个MSelectTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"name","description":"显示值","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number | Array<number | string>"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"total","description":"总数据量，当有值时，出现分页器","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]},{"name":"filterMethod","description":"自定义搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"filterable","description":"是否使用搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remote","description":"是否使用 远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"remoteMethod","description":"自定义远程搜索","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableTitle[]"]},{"name":"multiple","description":"是否多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"keywords","description":"定义默认的 label 和value","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option"]},{"name":"reserveSelection","description":"是否开启翻页多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"tableHeight","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"isAffirmBtn","description":"是否有确认按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"scrollbarAlwaysOn","description":"是否常态显示滚动条","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"allowCreate","description":"是否能够创建条目","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"border","description":"表格边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"popupWidth","description":"弹窗的宽度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | string"]}],"js":{"events":[{"name":"selected","description":"单选或多选之后的回调","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: string | number | Array<string | number>, rows: Option[] | Option]"]},{"name":"selectMultiple","description":"多选确认按钮时的回调 配合isAffirmBtn使用","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[values: Array<string | number>, rows: Option[]]"]},{"name":"toPage","description":"当没有使用filterMethod时候才会有回调否则没有","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[page: Page, query?: string]"]},{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[value: string | number | Array<string | number>]"]},{"name":"clear","description":"用户点击清空按钮时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[]"]},{"name":"removeTag","description":"多选模式下移除tag时触发","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[tag: any]"]}]}},{"name":"m-select-table-v1","source":{"symbol":"MSelectTableV1"},"description":"这是一个MSelectTableV1","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | number"]},{"name":"placeholder","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"disabled","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]},{"name":"tableTitle","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any[]"]},{"name":"remoteMethod","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function"]},{"name":"allowCreate","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"focusShow","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"isSelect","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"clearable","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"labelKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"scrollbarAlwaysOn","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"total","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selectMultiple'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'selected'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'clear'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-select-v2","source":{"symbol":"MSelectV2"},"description":"这是一个MSelectV2","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["ValueType"]},{"name":"checkboxMode","description":"是否为checkbox模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"multiple","description":"多选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"showAll","description":"是否显示全选","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"options","description":"选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Option[]"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[data: ValueType]"]}]}},{"name":"m-table","source":{"symbol":"MTable"},"description":"这是一个MTable","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | ''"]},{"name":"sole","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"data","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{\n [key: string]: any\n }>"]},{"name":"filtersValue","description":"表格内容筛选(当为null时，不显示筛选图标)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue | null"]},{"name":"tableConfig","description":"表格配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableConfig | null"]},{"name":"expandProp","description":"展开图标列(如使用这个属性则必须存在rowKey属性) (标记，约束条件后面解决)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"expandRowKeys","description":"可以通过该属性设置 Table 目前的展开行，需要设置 row-key 属性才能使用，该属性为展开行的 keys 数组。","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any[]"]},{"name":"rowKey","description":"行数据的 Key，用来优化 Table 的渲染； 在使用reserve-selection功能与显示树形数据时，该属性是必填的。 类型为 String 时，支持多层访问：user.info.id，但不支持 user.info[0].id，此种情况请使用 Function。","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | string"]},{"name":"tableConfigKey","description":"表格配置key","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]}],"js":{"events":[{"name":"pasteData","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[\n data: {\n /** 粘贴行的行数据 */\n editRow: { [key: string]: any },\n /** 粘贴列的列名 */\n editColumn: string,\n /** 粘贴的数据 */\n arr: Array<string | number>,\n /** 起始行 */\n rowIndex: number,\n },\n /** 粘贴完成后的表格数据 */\n tableData: Array<{ [key: string]: any }>\n ]"]},{"name":"'update:tableConfig'","description":"表格配置更新","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[tableConfig: TableConfig]"]},{"name":"privateExpandChange","description":"expandProp模式下 当用户对某一行展开或者关闭的时候会触发该事件","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[row: any, expandedRows: any[]]"]}]}},{"name":"m-table-column","source":{"symbol":"MTableColumn"},"description":"这是一个MTableColumn","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"filtersValue","description":"列筛选过滤条件(当为null时，不显示筛选图标)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue | null"]},{"name":"filters","description":"过滤选项","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{ text: string | number, value: string | number }>"]},{"name":"filterMethod","description":"过滤方法","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Function | null"]},{"name":"children","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<PropChildren>"]}],"js":{"events":[{"name":"'update:filtersValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-table-column-set","source":{"symbol":"MTableColumnSet"},"description":"这是一个MTableColumnSet","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableConfig"]},{"name":"foldMode","description":"是否为折叠模式","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"link","description":"是否为链接按钮","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"tableConfigKey","description":"表格配置key","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]}],"js":{"events":[{"name":"'update:modelValue'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"m-table-super","source":{"symbol":"MTableSuper"},"description":"这是一个MTableSuper","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[]}},{"name":"m-table-v2","source":{"symbol":"MTableV2"},"description":"这是一个MTableV2","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"size","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["'small' | 'large' | 'default'"]},{"name":"data","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["Array<{\n [key: string]: any\n }>"]},{"name":"height","description":"表格高度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number"]},{"name":"border","description":"显示边框","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"columns","description":"表格列配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableV2Title[]"]},{"name":"filtersValue","description":"表格内容筛选(当为null时，不显示筛选图标)","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["FilterValue | null"]},{"name":"tableConfig","description":"表格配置","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["TableConfig | null"]},{"name":"tableConfigKey","description":"表格配置key","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"fixed","description":"单元格宽度是自适应还是固定","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"estimatedRowHeight","description":"渲染动态的单元格的预估高度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | null"]},{"name":"headerHeight","description":"Header 的高度由height设置。 如果传入数组，它会使 header row 等于数组长度","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["number | number[] | null"]},{"name":"cellWidthAdaptive","description":"单元格宽度自适应","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]}],"js":{"events":[{"name":"pasteData","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[\n data: {\n /** 粘贴行的行数据 */\n editRow: { [key: string]: any },\n /** 粘贴列的列名 */\n editColumn: string,\n /** 粘贴的数据 */\n arr: Array<string | number>,\n /** 起始行 */\n rowIndex: number,\n },\n /** 粘贴完成后的表格数据 */\n tableData: Array<{ [key: string]: any }>\n ]"]},{"name":"'update:tableConfig'","description":"表格配置更新","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["[tableConfig: TableConfig]"]}]}},{"name":"skin-config","source":{"symbol":"SkinConfig"},"description":"这是一个SkinConfig","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[],"js":{"events":[{"name":"'change'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}},{"name":"tab-page","source":{"symbol":"TabPage"},"description":"这是一个TabPage","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","props":[{"name":"modelValue","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["MenuItem[]"]},{"name":"activeKey","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"showRightClickMenu","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["boolean"]},{"name":"primaryColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string"]},{"name":"primaryBackgroundColor","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["string | null"]}],"js":{"events":[{"name":"'close'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]},{"name":"'click'","description":"","docUrl":"https://www.npmjs.com/package/br-dionysus?activeTab=readme","type":["any"]}]}}],"attributes":[]}}}