br-dionysus 1.1.4 → 1.3.0

package/dist/index.css

@@ -1 +1 @@
-@charset "UTF-8";[data-v-aa54745e]:root{--br-dionysus-primary-color: #646CFFFF;--br-dionysus-primary-bg-color: #979fff}.u-icon-box[data-v-aa54745e]{display:none}.g-box[data-v-aa54745e]{position:relative;overflow:hidden;padding-left:16px;padding-right:16px;width:100%;background-color:#fff;box-sizing:border-box}.g-box .u-page-btn[data-v-aa54745e]{position:absolute;bottom:0;height:33px;border:0;box-sizing:border-box;background-color:#fff;opacity:.6;cursor:pointer}.g-box .s-previous-btn[data-v-aa54745e]{left:0}.g-box .s-next-btn[data-v-aa54745e]{right:0;transform:rotate(180deg)}.g-dionysus-box[data-v-aa54745e]{overflow:hidden;width:100%}.g-tab-page-box[data-v-aa54745e]{display:flex;color:#4a4a4a;white-space:nowrap;box-sizing:border-box;box-shadow:2px 0 8px #1d23290d;transform:translate(0);transition:.2s}.g-tab-page-box .u-li[data-v-aa54745e]{display:inline-block;position:relative;height:33px;font-size:14px;box-sizing:border-box;cursor:pointer}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]{display:flex;position:relative;z-index:1;padding:6px 8px;height:100%;align-items:center;background-color:#fff;border-radius:6px 6px 0 0;box-sizing:border-box}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 0;pointer-events:none}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 6px 0;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true] .u-gp[data-v-aa54745e]:after{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-hover-after=true] .u-gp[data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active-before=true] .u-gp[data-v-aa54745e]:after{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-active-after=true] .u-gp[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]{color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li .u-icon[data-v-aa54745e]{margin-right:8px;pointer-events:none}.g-tab-page-box .u-li .u-sn[data-v-aa54745e]{pointer-events:none}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]{position:relative;margin-left:4px;width:14px;height:14px;font-size:14px;border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:"";border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:#9ca3af}.g-tab-page-box .u-li[data-active=true] .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .s-icon[data-v-aa54745e]{display:block;position:relative;width:14px;height:14px}.g-tab-page-box .s-icon[data-v-aa54745e]:after{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(45deg)}.g-tab-page-box .s-icon[data-v-aa54745e]:before{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(-45deg)}.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=false][data-hover=false][data-active-before=false][data-hover-before=false] .u-sn[data-v-aa54745e]:after{position:absolute;top:50%;right:0;z-index:2;content:"";width:1px;height:50%;transform:translateY(-50%);background-color:#4a4a4a}.g-tab-page-box .u-li:nth-last-of-type(1)[data-active=false][data-hover=false] .u-sn[data-v-aa54745e]:after{background-color:#0000!important}.g-m-input-number-box[data-v-5002f7b6]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-5002f7b6]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]{display:inline-block;position:absolute;top:0;left:0;margin-bottom:0;padding-left:15px;padding-right:15px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-feature-settings:normal;font-stretch:100%;font-weight:400;text-indent:0;color:#606266;text-align:left;letter-spacing:normal;word-spacing:0;background-color:#0000;border-radius:4px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;cursor:text;pointer-events:none}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-5002f7b6]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-5002f7b6]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-5002f7b6]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-5002f7b6]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-5002f7b6]{padding-left:0}.g-m-input-number-box .m-input-number .el-input__inner{text-align:left}.g-m-input-number-box .m-input-number[data-thousandth-place=true] .el-input__inner{color:#0000}.g-m-input-number-box .m-input-number[data-focus=true] .el-input__inner{color:#606266}.g-m-input-number-box .m-input-number[no-border=true] .el-input__inner{border:0}.g-m-input-number-box[data-is-table-mini=true] .m-input-number .el-input__inner{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing=true] .m-input-number .el-input__inner{padding-left:0}.g-inline-box[data-v-fbfdbd5f]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-fbfdbd5f]{padding:0 14px 10px}.m-inline[data-v-fbfdbd5f]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]:before{position:absolute;top:0;left:50%;content:"";width:calc(100% - 28px);height:1px;background-color:var(--el-border-color-lighter);transform:translate(-50%)}.u-btn-gp[data-v-fbfdbd5f]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-fbfdbd5f]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-fbfdbd5f]{max-height:none!important}.u-btn-unfold[data-v-fbfdbd5f]{margin-left:8px;width:12px;height:24px;line-height:24px;text-align:center;color:var(--el-text-color-regular);transform:rotate(90deg);cursor:pointer}.u-btn-unfold[data-unfold=true][data-v-fbfdbd5f]{transform:rotate(270deg)}.g-inline-box .m-inline[dataCover] [data-box]{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--m-inline-min-width),1fr))}.g-inline-box .m-inline[dataCover] [data-box] [data-item]{padding-bottom:10px;min-width:var(--m-inline-min-width);max-width:var(--m-inline-max-width)}.g-inline-box .m-inline[dataCover] .el-form-item{margin-bottom:0;width:100%}.g-inline-box .m-inline[dataCover] .el-form-item .el-input,.g-inline-box .m-inline[dataCover] .el-form-item .el-cascader,.g-inline-box .m-inline[dataCover] .el-form{width:100%}.g-inline-box .m-inline[dataCover] .el-form .u-it-gp{display:flex}.g-inline-box .m-inline[dataCover] .u-row[data-single-line=true] .el-form{display:flex;justify-content:flex-start}.g-skin-config-box[data-v-56c57a90]{display:flex}.g-skin-config-box .u-tt[data-v-56c57a90]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-56c57a90]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-56c57a90]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-56c57a90]{display:flex;margin-bottom:12px;justify-content:space-between;align-items:center;color:var(--m-fc-body)}.g-skin-config-box .u-box .u-gulp[data-v-56c57a90]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-56c57a90]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-56c57a90]{display:flex;margin-bottom:10px;width:12.5%;justify-content:center}.g-skin-config-box .u-box .u-list .u-li .u-color[data-v-56c57a90]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-56c57a90]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-56c57a90]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-56c57a90]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-56c57a90]{width:100px}.u-it[data-v-56c57a90]{width:106px}.g-skin-config-box .el-drawer__body{padding:0}.g-skin-config-box .el-switch{height:auto}.g-skin-config-box .u-pc{display:flex;justify-content:center}.g-skin-config-box .u-pc .el-color-picker{width:100%}.g-skin-config-box .u-pc .el-color-picker .el-color-picker__trigger{width:100%;height:34px}.g-skin-config-box .u-tabs .el-tabs__item{padding:0 10px}.el-table__empty-text img[data-v-3add7d19]{width:15%}.u-icon[data-v-427c315c]{display:inline-block;position:relative;width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMdJREFUOE/tkyESwjAQRfMj0Xgkp2AmaQweHCeAS1AuASfAgce0yQynQOLRyHyazpRpoW2YAcnKbP7L7t8sxJeBoM+yLK04Ukp678vzWBhj0iegEK5jgnq+eGTzO4C1dkhyDGAvhBhFKrmSXAC4aK1vjV6dcxPv/QnAoA1C8i6lnCqlzlX+zaw8z2cADh2AeZIkx3qu1W3n3JLktnERWCmldq/gznFZa8NUyvFWjrdV9QcIEfWgz8BgaicgLFj467H9+Gjr+iAPDfV1EeVT6aEAAAAASUVORK5CYII=);background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-427c315c]{display:inline-block;position:relative}.m-filter-box[data-is-open=true]{opacity:1;pointer-events:auto}.m-filter-box[data-is-open=false]{opacity:0;pointer-events:none}.m-filter-box .u-filter-mask{position:fixed;top:0;left:0;z-index:2050;width:100%;height:100%}.m-filter-box .u-it-gp{padding:10px;border-bottom:1px solid var(--el-border-color-lighter)}.m-filter-box .u-list-box{overflow:hidden;position:fixed;top:0;left:0;z-index:2050;max-width:50%;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-popper-border-radius, 4px);box-shadow:var(--el-box-shadow-light)}.m-filter-box .u-list-box .u-checkbox-group{overflow-y:auto;display:block;padding:10px;max-height:280px}.m-filter-box .u-list-box label.el-checkbox{display:flex;align-items:center;margin-right:5px;margin-bottom:12px;margin-left:5px;height:unset}.m-filter-box .u-list-box label.el-checkbox:last-child{margin-bottom:0}.m-filter-box .u-list-box .u-btn-gp{border-top:1px solid var(--el-border-color-lighter);padding:8px}.m-filter-box .u-list-box button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.m-filter-box .u-list-box button{background:0 0;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.vab[data-v-f5392071]{vertical-align:baseline}.g-m-table-column-set-box[data-v-f5392071]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-f5392071]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-f5392071]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-f5392071]{overflow:visible;width:auto!important}.m-panel-box[data-v-f5392071]{display:none;overflow-y:auto;padding:6px 4px;position:absolute;top:30px;right:0;z-index:7;min-width:214px;max-height:300px;background-color:#fff;border-radius:8px;border:1px solid var(--el-border-color-lighter);box-shadow:2px 0 8px #1d23290d;box-sizing:border-box}.m-panel-box[data-active=true][data-v-f5392071]{display:block}.m-panel-box .u-list .u-li[data-v-f5392071]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-f5392071]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-f5392071],.m-panel-box .u-tc[data-v-f5392071]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-f5392071],.m-panel-box .u-tc .u-p[data-v-f5392071]{display:block;padding-left:4px;width:50px;align-self:auto;white-space:nowrap;line-height:24px;font-weight:700}.m-panel-box .u-tc[data-v-f5392071]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-f5392071]{line-height:40px}.m-panel-box .u-divider[data-v-f5392071]{margin-top:10px;margin-bottom:0}.m-masked[data-v-f5392071],.g-m-table-column-set-teleport[data-v-f5392071]{position:fixed;top:0;left:0;z-index:6;width:100%;height:100%}.u-group[data-v-88e3837e]{display:flex;align-items:center}.u-group .u-checkbox[data-v-88e3837e]{padding-right:4px;pointer-events:none;margin-right:0}.u-checkbox[data-v-ce4ca417]{height:var(--el-checkbox-height, 20px)}.g-select-table-box{width:100%}.u-img{width:80px}.m-select-table .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.m-select-table .el-select-dropdown__empty{padding:0}.m-select-table .el-select-dropdown__empty .btn-box{text-align:right;padding-bottom:6px}.m-select-table .m-table-select{padding:6px;overflow-y:auto}.m-select-table .m-page{padding:4px}
+@charset "UTF-8";[data-v-aa54745e]:root{--br-dionysus-primary-color: #646CFFFF;--br-dionysus-primary-bg-color: #979fff}.u-icon-box[data-v-aa54745e]{display:none}.g-box[data-v-aa54745e]{position:relative;overflow:hidden;padding-left:16px;padding-right:16px;width:100%;background-color:#fff;box-sizing:border-box}.g-box .u-page-btn[data-v-aa54745e]{position:absolute;bottom:0;height:33px;border:0;box-sizing:border-box;background-color:#fff;opacity:.6;cursor:pointer}.g-box .s-previous-btn[data-v-aa54745e]{left:0}.g-box .s-next-btn[data-v-aa54745e]{right:0;transform:rotate(180deg)}.g-dionysus-box[data-v-aa54745e]{overflow:hidden;width:100%}.g-tab-page-box[data-v-aa54745e]{display:flex;color:#4a4a4a;white-space:nowrap;box-sizing:border-box;box-shadow:2px 0 8px #1d23290d;transform:translate(0);transition:.2s}.g-tab-page-box .u-li[data-v-aa54745e]{display:inline-block;position:relative;height:33px;font-size:14px;box-sizing:border-box;cursor:pointer}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]{display:flex;position:relative;z-index:1;padding:6px 8px;height:100%;align-items:center;background-color:#fff;border-radius:6px 6px 0 0;box-sizing:border-box}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 0;pointer-events:none}.g-tab-page-box .u-li .u-gp[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:1;content:"";width:12px;height:12px;border-radius:6px 6px 6px 0;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:after{position:absolute;bottom:0;right:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-v-aa54745e]:before{position:absolute;bottom:0;left:0;z-index:2;content:"";width:12px;height:12px;border-radius:6px;pointer-events:none}.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-hover=true][data-active=false][data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true] .u-gp[data-v-aa54745e]:after{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-hover-after=true] .u-gp[data-v-aa54745e]:before{background-color:#dfe1e5}.g-tab-page-box .u-li[data-hover-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active-before=true] .u-gp[data-v-aa54745e]:after{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-before=true][data-v-aa54745e]:after{background-color:#fff}.g-tab-page-box .u-li[data-active-after=true] .u-gp[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li[data-active-after=true][data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]{color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e],.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:before,.g-tab-page-box .u-li[data-active=true] .u-gp[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true][data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-bg-color)}.g-tab-page-box .u-li .u-icon[data-v-aa54745e]{margin-right:8px;pointer-events:none}.g-tab-page-box .u-li .u-sn[data-v-aa54745e]{pointer-events:none}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]{position:relative;margin-left:4px;width:14px;height:14px;font-size:14px;border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:"";border-radius:50%}.g-tab-page-box .u-li .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:#9ca3af}.g-tab-page-box .u-li[data-active=true] .u-btn[data-v-aa54745e]:hover{color:#fff;background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .s-icon[data-v-aa54745e]{display:block;position:relative;width:14px;height:14px}.g-tab-page-box .s-icon[data-v-aa54745e]:after{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(45deg)}.g-tab-page-box .s-icon[data-v-aa54745e]:before{position:absolute;top:50%;left:50%;content:"";width:1px;height:10px;background-color:#303133;transform:translate(-50%,-50%) rotate(-45deg)}.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .s-icon[data-v-aa54745e]:before{background-color:var(--br-dionysus-primary-color)}.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:after,.g-tab-page-box .u-li[data-active=true] .u-btn:hover .s-icon[data-v-aa54745e]:before{background-color:#fff}.g-tab-page-box .u-li[data-active=false][data-hover=false][data-active-before=false][data-hover-before=false] .u-sn[data-v-aa54745e]:after{position:absolute;top:50%;right:0;z-index:2;content:"";width:1px;height:50%;transform:translateY(-50%);background-color:#4a4a4a}.g-tab-page-box .u-li:nth-last-of-type(1)[data-active=false][data-hover=false] .u-sn[data-v-aa54745e]:after{background-color:#0000!important}.g-m-input-number-box[data-v-5002f7b6]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-5002f7b6]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]{display:inline-block;position:absolute;top:0;left:0;margin-bottom:0;padding-left:15px;padding-right:15px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-feature-settings:normal;font-stretch:100%;font-weight:400;text-indent:0;color:#606266;text-align:left;letter-spacing:normal;word-spacing:0;background-color:#0000;border-radius:4px;border:1px solid rgba(0,0,0,0);box-sizing:border-box;cursor:text;pointer-events:none}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-5002f7b6]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-5002f7b6]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-5002f7b6]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-5002f7b6]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-5002f7b6]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-5002f7b6]{padding-left:0}.g-m-input-number-box .m-input-number .el-input__inner{text-align:left}.g-m-input-number-box .m-input-number[data-thousandth-place=true] .el-input__inner{color:#0000}.g-m-input-number-box .m-input-number[data-focus=true] .el-input__inner{color:#606266}.g-m-input-number-box .m-input-number[no-border=true] .el-input__inner{border:0}.g-m-input-number-box[data-is-table-mini=true] .m-input-number .el-input__inner{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing=true] .m-input-number .el-input__inner{padding-left:0}.g-inline-box[data-v-fbfdbd5f]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-fbfdbd5f]{padding:0 14px 10px}.m-inline[data-v-fbfdbd5f]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-fbfdbd5f]:before{position:absolute;top:0;left:50%;content:"";width:calc(100% - 28px);height:1px;background-color:var(--el-border-color-lighter);transform:translate(-50%)}.u-btn-gp[data-v-fbfdbd5f]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-fbfdbd5f]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-fbfdbd5f]{max-height:none!important}.u-btn-unfold[data-v-fbfdbd5f]{margin-left:8px;width:12px;height:24px;line-height:24px;text-align:center;color:var(--el-text-color-regular);transform:rotate(90deg);cursor:pointer}.u-btn-unfold[data-unfold=true][data-v-fbfdbd5f]{transform:rotate(270deg)}.g-inline-box .m-inline[dataCover] [data-box]{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--m-inline-min-width),1fr))}.g-inline-box .m-inline[dataCover] [data-box] [data-item]{padding-bottom:10px;min-width:var(--m-inline-min-width);max-width:var(--m-inline-max-width)}.g-inline-box .m-inline[dataCover] .el-form-item{margin-bottom:0;width:100%}.g-inline-box .m-inline[dataCover] .el-form-item .el-input,.g-inline-box .m-inline[dataCover] .el-form-item .el-cascader,.g-inline-box .m-inline[dataCover] .el-form{width:100%}.g-inline-box .m-inline[dataCover] .el-form .u-it-gp{display:flex}.g-inline-box .m-inline[dataCover] .u-row[data-single-line=true] .el-form{display:flex;justify-content:flex-start}.g-skin-config-box[data-v-56c57a90]{display:flex}.g-skin-config-box .u-tt[data-v-56c57a90]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-56c57a90]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-56c57a90]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-56c57a90]{display:flex;margin-bottom:12px;justify-content:space-between;align-items:center;color:var(--m-fc-body)}.g-skin-config-box .u-box .u-gulp[data-v-56c57a90]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-56c57a90]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-56c57a90]{display:flex;margin-bottom:10px;width:12.5%;justify-content:center}.g-skin-config-box .u-box .u-list .u-li .u-color[data-v-56c57a90]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-56c57a90]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-56c57a90]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-56c57a90]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-56c57a90]{width:100px}.u-it[data-v-56c57a90]{width:106px}.g-skin-config-box .el-drawer__body{padding:0}.g-skin-config-box .el-switch{height:auto}.g-skin-config-box .u-pc{display:flex;justify-content:center}.g-skin-config-box .u-pc .el-color-picker{width:100%}.g-skin-config-box .u-pc .el-color-picker .el-color-picker__trigger{width:100%;height:34px}.g-skin-config-box .u-tabs .el-tabs__item{padding:0 10px}.el-table__empty-text img[data-v-460e794a]{width:15%}.u-icon[data-v-427c315c]{display:inline-block;position:relative;width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMdJREFUOE/tkyESwjAQRfMj0Xgkp2AmaQweHCeAS1AuASfAgce0yQynQOLRyHyazpRpoW2YAcnKbP7L7t8sxJeBoM+yLK04Ukp678vzWBhj0iegEK5jgnq+eGTzO4C1dkhyDGAvhBhFKrmSXAC4aK1vjV6dcxPv/QnAoA1C8i6lnCqlzlX+zaw8z2cADh2AeZIkx3qu1W3n3JLktnERWCmldq/gznFZa8NUyvFWjrdV9QcIEfWgz8BgaicgLFj467H9+Gjr+iAPDfV1EeVT6aEAAAAASUVORK5CYII=);background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-427c315c]{display:inline-block;position:relative}.m-filter-box[data-is-open=true]{opacity:1;pointer-events:auto}.m-filter-box[data-is-open=false]{opacity:0;pointer-events:none}.m-filter-box .u-filter-mask{position:fixed;top:0;left:0;z-index:2050;width:100%;height:100%}.m-filter-box .u-it-gp{padding:10px;border-bottom:1px solid var(--el-border-color-lighter)}.m-filter-box .u-list-box{overflow:hidden;position:fixed;top:0;left:0;z-index:2050;max-width:50%;background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);border-radius:var(--el-popper-border-radius, 4px);box-shadow:var(--el-box-shadow-light)}.m-filter-box .u-list-box .u-checkbox-group{overflow-y:auto;display:block;padding:10px;max-height:280px}.m-filter-box .u-list-box label.el-checkbox{display:flex;align-items:center;margin-right:5px;margin-bottom:12px;margin-left:5px;height:unset}.m-filter-box .u-list-box label.el-checkbox:last-child{margin-bottom:0}.m-filter-box .u-list-box .u-btn-gp{border-top:1px solid var(--el-border-color-lighter);padding:8px}.m-filter-box .u-list-box button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.m-filter-box .u-list-box button{background:0 0;border:none;color:var(--el-text-color-regular);cursor:pointer;font-size:var(--el-font-size-small);padding:0 3px}.vab[data-v-f5392071]{vertical-align:baseline}.g-m-table-column-set-box[data-v-f5392071]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-f5392071]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-f5392071]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-f5392071]{overflow:visible;width:auto!important}.m-panel-box[data-v-f5392071]{display:none;overflow-y:auto;padding:6px 4px;position:absolute;top:30px;right:0;z-index:7;min-width:214px;max-height:300px;background-color:#fff;border-radius:8px;border:1px solid var(--el-border-color-lighter);box-shadow:2px 0 8px #1d23290d;box-sizing:border-box}.m-panel-box[data-active=true][data-v-f5392071]{display:block}.m-panel-box .u-list .u-li[data-v-f5392071]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-f5392071]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-f5392071],.m-panel-box .u-tc[data-v-f5392071]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-f5392071],.m-panel-box .u-tc .u-p[data-v-f5392071]{display:block;padding-left:4px;width:50px;align-self:auto;white-space:nowrap;line-height:24px;font-weight:700}.m-panel-box .u-tc[data-v-f5392071]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-f5392071]{line-height:40px}.m-panel-box .u-divider[data-v-f5392071]{margin-top:10px;margin-bottom:0}.m-masked[data-v-f5392071],.g-m-table-column-set-teleport[data-v-f5392071]{position:fixed;top:0;left:0;z-index:6;width:100%;height:100%}.u-group[data-v-88e3837e]{display:flex;align-items:center}.u-group .u-checkbox[data-v-88e3837e]{padding-right:4px;pointer-events:none;margin-right:0}.u-checkbox[data-v-ce4ca417]{height:var(--el-checkbox-height, 20px)}.g-select-table-box{width:100%}.u-img{width:80px}.m-select-table .el-table{--el-table-header-bg-color: var(--m-list-el-table-header-bg-color, #f5f5f5)}.m-select-table .el-select-dropdown__empty{padding:0}.m-select-table .el-select-dropdown__empty .btn-box{text-align:right;padding-bottom:6px}.m-select-table .m-table-select{padding:6px;overflow-y:auto}.m-select-table .m-page{padding:4px}

package/dist/packages/Hook/usePackageConfig/usePackageConfig.d.ts

@@ -1,13 +1,17 @@
 interface UsePackageConfig {
-    set: Function;
-    get: Function;
+    /** 触发设置配置 */
+    set: (key: string, value: any) => void;
+    /** 触发获取配置 */
+    get: (key: string) => any;
 }
 interface UsePackageConfigParameter {
-    setConfig?: Function;
-    getConfig?: Function;
+    /** 触发设置配置的回调 */
+    setConfig?: (key: string, value: any) => void;
+    /** 触发获取配置的回调 */
+    getConfig?: (key: string) => any;
 }
 /**
  * @description 配置保存与获取
  * */
-declare const usePackageConfig: ({ setConfig, getConfig }?: UsePackageConfigParameter) => UsePackageConfig;
+declare const usePackageConfig: (parameter?: UsePackageConfigParameter) => UsePackageConfig;
 export default usePackageConfig;

package/dist/packages/MSelectTable/src/MSelectTable.vue.d.ts

@@ -142,14 +142,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }, {
     size: 'small' | 'large' | '';
     name: string | number | Array<number | string>;
+    total: number | null;
+    filterMethod: Function | null;
     modelValue: string | number | Array<number | string>;
     disabled: boolean;
     multiple: boolean;
     placeholder: string;
-    filterMethod: Function | null;
     border: boolean;
     options: Option[];
-    total: number | null;
     filterable: boolean;
     remote: boolean;
     remoteMethod: Function;

package/dist/packages/MTableColumn/src/MTableColumn.vue.d.ts

@@ -37,12 +37,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:filtersValue"?: ((...args: any[]) => any) | undefined;
 }, {
     children: PropChildren[];
-    filtersValue: FilterValue;
     filters: {
         text: string | number;
         value: string | number;
     }[];
     filterMethod: Function;
+    filtersValue: FilterValue;
 }, {}>, {
     default?(_: {
         row: any;

package/package.json

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

package/packages/Hook/usePackageConfig/README.md

@@ -11,37 +11,25 @@ import demo from './demo.vue'
   <demo />
 </Preview>
 
+### 2) 所需参数
 
-### 1) 所需参数
+| 名称        | 描述 | 类型                        | 可选值 | 默认值 |
+|-----------|----|---------------------------|:---:|:---:|
+| parameter | 参数 | UsePackageConfigParameter |  -  | {}  |
 
-| 名称         | 描述     | 类型           | 可选值 | 默认值 |
-|------------|--------|--------------|:---:|:---:|
-| name       | 表格唯一标识 | string       |  -  |  -  |
-| tableTitle | 列配置    | tableTitle[] |  -  |  -  |
-| tableData  | 表格数据   | ref<any[]>   |  -  |  -  |
+#### UsePackageConfigParameter
+
+| 名称        | 描述        | 类型                                | 必填 |                                                                                   默认值 |
+|-----------|-----------|-----------------------------------|----|--------------------------------------------------------------------------------------:|
+| setConfig | 触发设置配置的回调 | (key: string, value: any) => void | 否  | (key: string, data: any): void => { localStorage.setItem(key, JSON.stringify(data)) } |
+| getConfig | 触发获取配置的回调 | (key: string) => any              | 否  |                 (key: string): any => JSON.parse(localStorage.getItem(key) \|\| '{}') |
 
 ### 2) 返回值
 
-| 名称               | 描述      | 类型                                      |
-|------------------|---------|-----------------------------------------|
-| tableTitle       | 处理之后的表头 | TableTitle[]                            |
-| tableConfig      | 表头的配置项  | {  [propName: string]: TableConfigItem} |
-| headerDragend    | 表格拖拽事件  | function                                |
-| initColumnFilter | 列的筛选    | function                                |
-| filtersValue     | 过滤条件    | { [key: string]: Array<string,number>}  |
-
-### 3) TableTitle
-
-| 名称            | 描述                                                                   | 类型                                          |
-|---------------|----------------------------------------------------------------------|---------------------------------------------|
-| label         | 显示的标题                                                                | string                                      |
-| prop          | 字段对应列的字段名字也可以使用 property属性                                           | string                                      |
-| minWidth?     | 对应列的最小宽度与 width 的区别是 width 是固定的，min-width 会按比例分配剩余宽度                 | number ,string,                             |
-| className?    | 列的className                                                          | string                                      |
-| sortable      | 列是否能够排序 则代表用户希望远程排序，需要监听 Table 的 sort-change 事件 */                   | Boolean                                     |
-| filters?      | 据过滤的选项， 数组格式，数组中的元素需要有 text 和 value 属性。 数组中的每个元素都需要有 text 和 value 属性 | {text:string,number,value:string,number} [] |
-| filterMethod? | 数据过滤使用的方法， 如果是多选的筛选项，对每一条数据会执行多次，任意一次返回 true 就会显示                    | Function                                    |
-| headerAlign?  | 表头对齐方式， 若不设置该项，则使用表格的对齐方式                                            | 'left' , 'center' , 'right'                 |
+| 名称  | 描述     | 类型                                |
+|-----|--------|-----------------------------------|
+| set | 触发设置配置 | (key: string, value: any) => void |
+| get | 触发获取配置 | (key: string) => any              |
 
 
 

package/packages/Hook/usePackageConfig/demo.vue

@@ -7,128 +7,20 @@
 
 <script setup lang="ts">
 import usePackageConfig from 'packages/Hook/usePackageConfig/usePackageConfig'
-// import Axios from 'axios'
-// import { ElMessage } from 'element-plus'
-//
-// enum Method {
-//   GET = 'get',
-//   POST = 'post',
-// }
-//
-// type ajaxQuery = {
-//   base: {
-//     url: string,
-//     method: Method,
-//     baseUrl: string
-//   },
-//   data: {
-//     query?: any,
-//     body?: any,
-//     headers?: any,
-//     [key: string]: any
-//   }
-// }
-//
-// const token = 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJjVXNlcklkIjoianlsIiwiY1Bzbl9OdW0iOiIiLCJzQWNjSWQiOiIxMDMiLCJzQWNjTmFtZSI6IlsxMDNd55WF5a6P55S15a2Q5LqL5Lia6YOoIiwiY0V4cGlyeSI6IjIwMjQtMDUtMjFUMDA6NTQ6MTYuNDgyNjQ4NiswODowMCIsImNVc2VyTmFtZSI6Imp5bCIsIkxvZ2luU3lzIjoxLCJMb2dpblRpbWUiOiIyMDI0LTA1LTIwVDE4OjU0OjE2LjQ4MjY0ODYrMDg6MDAiLCJDbGllbnRJZCI6InI4cXR5b0xFVzlvSkZfaHVQTmtrZCIsIktlZXBBbGl2ZVRpbWUiOiIwMDAxLTAxLTAxVDAwOjAwOjAwIiwiZXhwIjoxNzE2MjI0MDU2fQ.F7iyZJ2feGMpBC5rFUXngJvdAnp2hKj7Da0-iXRXL6I'
-// const ajax = (base: ajaxQuery['base'], data: ajaxQuery['data']): Promise<any> => {
-//   return new Promise((resolve, reject) => {
-//     Axios({
-//       baseURL: base.baseUrl || '',
-//       url: base.url,
-//       method: base.method,
-//       params: data.query || (base.method === Method.GET ? data : {}),
-//       data: data.body || (base.method === Method.POST ? data : {}),
-//       timeout: 1000 * 50,
-//       headers: {
-//         access_token: token
-//       }
-//     })
-//       .then((res: any) => {
-//         resolve(res.data)
-//       })
-//       .catch((err: any) => {
-//         reject(err.data)
-//         ElMessage.error('网络异常，请稍后再试!')
-//       })
-//   })
-// }
-//
-// interface PlatConfigSaveReqDto {
-//   /** @description ID修改时需传 */
-//   Id?: string;
-//   /** @description 配置的KEY */
-//   cKey: string;
-//   /** @description 配置名称 */
-//   cName?: string;
-//   /** @description 配置的JSON数据 */
-//   cData: string;
-//   /** @description 是否公共配置方案 */
-//   bPub?: boolean;
-//   /** @description 配置的账套号-不传默认当前登录所在账套，预留后期从一个账套复制到另一个账套 */
-//   AccId?: string;
-// }
-// /**
-//  * @description 保存
-//  * @param {PlatConfigSaveReqDto} data 请求参数
-//  * @returns {Promise<any>} ajax
-//  */
-// const postPlatconfigSave = (data: PlatConfigSaveReqDto): Promise<any> => {
-//   return ajax({
-//     baseUrl: 'http://192.168.3.25:10205/',
-//     url: '/platconfig/save',
-//     method: Method.POST
-//   }, data)
-// }
-//
-// interface QueryPlatConfigReqDto {
-//   /** @description 配置KEY */
-//   cKey: string;
-//   /** @description 是否公共方案 传 null 时先找个人 再找公共 */
-//   bPub?: boolean;
-// }
-// interface PlatconfigInfoResType {
-//   /** @description 操作结果类型 */
-//   code?: number | null;
-//   /** @description 获取 返回数据 */
-//   data: {
-//     /** @description ID修改时需传 */
-//     Id?: string;
-//     /** @description 配置的KEY */
-//     cKey?: string;
-//     /** @description 配置名称 */
-//     cName?: string;
-//     /** @description 配置的JSON数据 */
-//     cData?: string;
-//     /** @description 是否公共配置方案 */
-//     bPub?: boolean;
-//   };
-//   /** @description 获取 消息内容 */
-//   msg?: string;
-// }
-// /**
-//  * @description 明细
-//  * @param {QueryPlatConfigReqDto} data 请求参数
-//  * @returns {Promise<PlatconfigInfoResType>} ajax
-//  */
-// const postPlatconfigInfo = (data: QueryPlatConfigReqDto): Promise<PlatconfigInfoResType> => {
-//   return ajax({
-//     baseUrl: 'http://192.168.3.25:10205/',
-//     url: '/platconfig/info',
-//     method: Method.POST
-//   }, data)
-// }
-//
-// usePackageConfig({
-//   getConfig: (key: string = '', elName: string = '') => {
-//     console.log('sss')
-//     return 'test'
-//   },
-//   setConfig: (key: string = '', data: any) => {
-//   }
-// })
+usePackageConfig({
+  getConfig: (key: string = '') => {
+    return JSON.parse(localStorage.getItem(key) || '{}')
+  },
+  setConfig: (key: string = '', data: any) => {
+    setTimeout(() => {
+      localStorage.setItem(key, JSON.stringify(data))
+    }, 1000)
+  }
+})
+
 const packageConfig = usePackageConfig()
 const getConfig = () => {
-  console.log('packageConfig.get()', packageConfig.get())
+  console.log('packageConfig.get()', packageConfig.get('test'))
 }
 const setConfig = () => {}
 </script>

package/packages/Hook/usePackageConfig/usePackageConfig.ts

@@ -1,29 +1,33 @@
-let setApiAjax: any = (key: string, data: any) => localStorage.setItem(key, JSON.stringify(data))
-let getApiAjax: any = (key: string) => JSON.parse(localStorage.getItem(key) || '{}')
+let setApiAjax = (key: string, data: any): void => { localStorage.setItem(key, JSON.stringify(data)) }
+let getApiAjax = (key: string): any => JSON.parse(localStorage.getItem(key) || '{}')
 
 interface UsePackageConfig {
-  set: Function,
-  get: Function
+  /** 触发设置配置 */
+  set: (key: string, value: any) => void,
+  /** 触发获取配置 */
+  get: (key: string) => any
 }
 
 interface UsePackageConfigParameter {
-  setConfig?: Function,
-  getConfig?: Function
+  /** 触发设置配置的回调 */
+  setConfig?: (key: string, value: any) => void,
+  /** 触发获取配置的回调 */
+  getConfig?: (key: string) => any
 }
 
 /**
  * @description 配置保存与获取
  * */
-const usePackageConfig = ({ setConfig, getConfig }: UsePackageConfigParameter = {}): UsePackageConfig => {
-  if (setConfig) setApiAjax = setConfig
-  if (getConfig) getApiAjax = getConfig
+const usePackageConfig = (parameter: UsePackageConfigParameter = {}): UsePackageConfig => {
+  if (parameter.setConfig) setApiAjax = parameter.setConfig
+  if (parameter.getConfig) getApiAjax = parameter.getConfig
 
-  const setConfigEvent = (key: string, value: any, elName: string) => {
-    return setApiAjax(key, value, elName)
+  const setConfigEvent = (key: string, value: any): void => {
+    setApiAjax(key, value)
   }
 
-  const getConfigEvent = (key: string, elName: string) => {
-    return getApiAjax(key, elName)
+  const getConfigEvent = (key: string): any => {
+    return getApiAjax(key)
   }
 
   return {

package/packages/Hook/useTableConfig/README.md

@@ -1,7 +1,17 @@
+<script setup>
+import demo from './demo.vue'
+</script>
+
 表格组合 hook
 =================
+### 1) 基础用法
+
+<Preview comp-name="usePackageConfig" demo-name="demo" is-hook>
+  <demo />
+</Preview>
+
 
-### 1) 所需参数
+### 2) 所需参数
 
 | 名称         | 描述     | 类型           | 可选值 | 默认值 |
 |------------|--------|--------------|:---:|:---:|
@@ -9,7 +19,7 @@
 | tableTitle | 列配置    | tableTitle[] |  -  |  -  |
 | tableData  | 表格数据   | ref<any[]>   |  -  |  -  |
 
-### 2) 返回值
+### 3) 返回值
 
 | 名称               | 描述      | 类型                                      |
 |------------------|---------|-----------------------------------------|
@@ -19,7 +29,7 @@
 | initColumnFilter | 列的筛选    | function                                |
 | filtersValue     | 过滤条件    | { [key: string]: Array<string,number>}  |
 
-### 3) TableTitle
+### 4) TableTitle
 
 | 名称            | 描述                                                                   | 类型                                          |
 |---------------|----------------------------------------------------------------------|---------------------------------------------|

package/packages/Hook/useTableConfig/demo.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <el-button @click="page.pageSize = 50">设置50</el-button>
+    <el-button @click="page.pageSize = 100">设置100</el-button>
+    <el-button @click="getSize">获取pageSize</el-button>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+import useTableConfig from 'packages/Hook/useTableConfig/useTableConfig'
+const tableData = ref<any[]>([])
+
+const { page } = useTableConfig(
+  'testTabelSize',
+  [
+    {
+      label: '存货名称',
+      prop: 'cInvName',
+      minWidth: '208px'
+    },
+    {
+      label: '单据日期',
+      prop: 'VouchDate',
+      minWidth: '110px'
+    }], tableData)
+const getSize = () => {
+  console.log(page.value.pageSize)
+}
+</script>
+
+<style lang="scss"></style>

package/packages/Hook/useTableConfig/useTableConfig.ts

@@ -1,4 +1,4 @@
-import { ref, watch, computed, onMounted } from 'vue'
+import { ref, watch, computed } from 'vue'
 import type { Ref } from 'vue'
 import { Page } from '../../typings/class'
 import usePackageConfig from 'packages/Hook/usePackageConfig/usePackageConfig'
@@ -40,18 +40,13 @@ export interface FilterValue {
 const useTableConfig = (name: string, tableTitle: TableTitle[], tableData: Ref <any[]>) => {
   /** 表格列头 */
   const _tableTitle: Ref<TableTitle[]> = ref<TableTitle[]>([])
-  // const tableConfig: Ref<TableConfig> = ref<TableConfig>(JSON.parse(localStorage.getItem('tableConfig' + name) || '{}'))
   const tableConfig: Ref<TableConfig> = ref<TableConfig>(packageConfig.get('tableConfig' + name))
-  // const pageConfig = JSON.parse(localStorage.getItem('tablePage' + name) || '{}')
   const pageConfig = packageConfig.get('tablePage' + name)
   const page = ref<Page>(new Page(pageConfig))
   /** 列筛选 */
   const filterMethod = (value: string, row: any, column: Column) => {
     return row[column.property] === value
   }
-  onMounted(async () => {
-
-  })
 
   /** 过滤条件 */
   const filtersValue = ref<FilterValue>({})
@@ -91,17 +86,15 @@ const useTableConfig = (name: string, tableTitle: TableTitle[], tableData: Ref <
     () => tableConfig.value,
     () => {
       syncTableTitle()
-      // localStorage.setItem('tableConfig' + name, JSON.stringify(tableConfig.value))
       packageConfig.set('tableConfig' + name, tableConfig.value)
     },
     { deep: true }
   )
 
   watch(
-    () => page.value,
+    () => page.value.pageSize,
     (item) => {
-      // localStorage.setItem('tablePage' + name, JSON.stringify({ pageSize: item.pageSize, pageSizesOptions: item.pageSizesOptions }))
-      packageConfig.set('tablePage' + name, { pageSize: item.pageSize, pageSizesOptions: item.pageSizesOptions })
+      packageConfig.set('tablePage' + name, { pageSize: item })
     },
     { deep: true }
   )

package/packages/MTable/src/MTable.vue

@@ -3,8 +3,7 @@
     ref="tableRef"
     v-bind="$attrs"
     @paste="paste"
-    @cellMouseEnter="cellMouse"
-    @cellMouseLeave="cellLeave"
+    @cellClick="cellClick"
     :data="tableData"
   >
     <!-- 默认插槽 -->
@@ -87,16 +86,13 @@ onMounted(async () => {
     tableRef.value?.$el.click()
   }, 1000)
 })
-const cellMouse = (row: any, column: { property: string; }, cell: any) => {
+const cellClick = (row: any, column: { property: string; }, cell: any) => {
   elDom.value = cell.querySelector('input')
   editColumn.value = column.property // 保存粘贴的列名
   editRowSole.value = row[props.sole] // 保存操作的行的元素唯一值
   editRow.value = row // 获取行的key名
   elDom.value?.addEventListener('paste', disablePasteEvent)
 }
-const cellLeave = () => {
-  elDom.value?.removeEventListener('paste', disablePasteEvent)
-}
 const disablePasteEvent = (e: { preventDefault: () => void; }) => {
   e.preventDefault()
 }

package/packages/SkinConfig/src/useSkin.ts

@@ -96,16 +96,13 @@ const useSkin = (): {
   }
 
   // 清洗数据
-  // const skinConfigData = JSON.parse(localStorage.getItem('skinConfig') || '{}')
   const skinConfigData = packageConfig.get('skinConfig')
   // 数据结构不一致，既认为为不同版本需要清洗
   if (!compareStructures(skinConfigData, defaultSkinConfig)) {
-    // localStorage.setItem('skinConfig', JSON.stringify(defaultSkinConfig))
     packageConfig.set('skinConfig', defaultSkinConfig)
   }
 
   /** 皮肤配置 */
-  // const skinConfig: SkinConfig = reactive(JSON.parse(localStorage.getItem('skinConfig') as string))
   const skinConfig: SkinConfig = reactive(packageConfig.get('skinConfig'))
 
   /**
@@ -217,7 +214,6 @@ const useSkin = (): {
    * @description 保存皮肤配置到本地
    */
   const save = () => {
-    // localStorage.setItem('skinConfig', JSON.stringify(skinConfig))
     packageConfig.set('skinConfig', skinConfig)
   }
 

package/packages/list.json

@@ -70,5 +70,11 @@
     "compZhName": "配置保存与获取",
     "compDesc": "这是一个配置保存与获取hook",
     "compClassName": "usePackageConfig"
+  },
+  {
+    "compName": "useTableConfig",
+    "compZhName": "表格pageSize",
+    "compDesc": "这是一个测试表格pageSize",
+    "compClassName": "useTableConfig"
   }
 ]

package/src/App.vue

@@ -22,11 +22,13 @@ import { reactive } from 'vue'
 
 import usePackageConfig from 'packages/Hook/usePackageConfig/usePackageConfig'
 usePackageConfig({
-  getConfig: (key: string = '', elName: string = '') => {
+  getConfig: (key: string = '') => {
+    // console.log(localStorage.getItem(key))
     return JSON.parse(localStorage.getItem(key) || '{}')
   },
-  setConfig: (key: string = '', data: any, elName: string = '') => {
+  setConfig: (key: string = '', data: any) => {
     setTimeout(() => {
+      // console.log(key, data)
       localStorage.setItem(key, JSON.stringify(data))
     }, 1000)
   }

package/src/components/Preview.vue

@@ -45,7 +45,6 @@ const codeVisible = ref<boolean>(false)
 onMounted(async () => {
   if (props.compName && props.demoName) {
     const path = props.isHook ? `/packages/Hook/${props.compName}/${props.demoName}.vue` : `/packages/${props.compName}/docs/${props.demoName}.vue`
-    console.log('path', path)
     if (isDev) {
       sourceCode.value = (await import(path + '?raw')).default
     } else {

package/src/router.ts

@@ -65,6 +65,11 @@ const routes = [{
   name: 'usePackageConfig',
   path: '/components/usePackageConfig',
   component: () => import('packages/Hook/usePackageConfig/README.md')
+}, {
+  title: '表格pageSize',
+  name: 'useTableConfig',
+  path: '/components/useTableConfig',
+  component: () => import('packages/Hook/useTableConfig/README.md')
 }]
 
 const routerConfig = {