br-dionysus 1.8.5 → 1.8.6

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 (32) hide show
  1. package/README.md +211 -42
  2. package/attributes.json +1 -1
  3. package/dist/br-dionysus.es.js +3528 -3444
  4. package/dist/br-dionysus.umd.js +8 -8
  5. package/dist/index.css +1 -1
  6. package/dist/packages/Hook/useFormInline/useFormInline.d.ts +25 -0
  7. package/dist/packages/Hook/usePackageConfig/usePackageConfig.d.ts +1 -1
  8. package/dist/packages/MDialog/src/MDialog.vue.d.ts +1 -1
  9. package/dist/packages/MInline/src/MInline.vue.d.ts +7 -0
  10. package/dist/packages/MInputNumber/src/MInputNumber.vue.d.ts +2 -2
  11. package/dist/packages/MSelectTable/src/MSelectTable.vue.d.ts +2 -2
  12. package/dist/packages/MSelectTableV1/src/MSelectTableV1.vue.d.ts +3 -3
  13. package/dist/packages/MSelectV2/src/MSelectV2.vue.d.ts +1 -1
  14. package/dist/packages/MTableColumnSet/src/MTableColumnSet.vue.d.ts +1 -1
  15. package/dist/packages/Tool/slotsToData/slotsToData.d.ts +19 -0
  16. package/package.json +1 -1
  17. package/packages/Hook/useFormInline/README.md +45 -0
  18. package/packages/Hook/useFormInline/demo.vue +141 -0
  19. package/packages/Hook/useFormInline/useFormInline.ts +60 -0
  20. package/packages/Hook/usePackageConfig/usePackageConfig.ts +1 -1
  21. package/packages/Hook/useTableConfig/useTableConfig.ts +1 -1
  22. package/packages/MInline/docs/README.md +7 -6
  23. package/packages/MInline/docs/demo.vue +16 -13
  24. package/packages/MInline/src/MInline.vue +127 -3
  25. package/packages/MInputNumber/docs/demo.vue +42 -2
  26. package/packages/MInputNumber/src/MInputNumber.vue +7 -7
  27. package/packages/MTableSuper/src/MTableSuper.vue +1 -1
  28. package/packages/SkinConfig/src/useSkin.ts +2 -2
  29. package/packages/Tool/slotsToData/README.md +26 -0
  30. package/packages/Tool/slotsToData/slotsToData.ts +38 -0
  31. package/tags.json +1 -1
  32. 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-774e3dfc]{position:relative;width:100%}.g-m-input-number-box .m-input-number[data-v-774e3dfc]{width:100%}.g-m-input-number-box .u-text[data-thousandth-place=true][data-v-774e3dfc]{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-774e3dfc]:hover{border-color:#c0c4cc}.g-m-input-number-box .u-text[data-thousandth-place=true][data-size=mini][data-v-774e3dfc]{font-size:12px;height:28px;line-height:28px}.g-m-input-number-box .u-text[data-thousandth-place=true][data-disabled=true][data-v-774e3dfc]{color:#00000040}.g-m-input-number-box .u-text[data-thousandth-place=true][data-focus=true][data-v-774e3dfc]{color:#0000}.g-m-input-number-box[data-is-table-mini=true] .u-text[data-size=mini][data-v-774e3dfc]{height:24px;font-size:14px;line-height:24px}.g-m-input-number-box[data-no-spacing] .u-text[data-v-774e3dfc]{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-f9daa12c]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-f9daa12c]{padding:0 14px 10px}.m-inline[data-v-f9daa12c]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-f9daa12c]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-f9daa12c]: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-f9daa12c]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-f9daa12c]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-f9daa12c]{max-height:none!important}.u-btn-unfold[data-v-f9daa12c]{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-f9daa12c]{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-857db977]{display:flex}.g-skin-config-box .u-tt[data-v-857db977]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-857db977]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-857db977]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-857db977]{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-857db977]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-857db977]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-857db977]{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-857db977]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-857db977]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-857db977]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-857db977]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-857db977]{width:100px}.u-it[data-v-857db977]{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-8973fe67]{vertical-align:baseline}.g-m-table-column-set-box[data-v-8973fe67]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-8973fe67]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-8973fe67]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-8973fe67]{overflow:visible;width:auto!important}.m-panel-box[data-v-8973fe67]{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-8973fe67]{display:block}.m-panel-box .u-list .u-li[data-v-8973fe67]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-8973fe67]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-8973fe67],.m-panel-box .u-tc[data-v-8973fe67]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-8973fe67],.m-panel-box .u-tc .u-p[data-v-8973fe67]{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-8973fe67]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-8973fe67]{line-height:40px}.m-panel-box .s-link[data-v-8973fe67]{text-align:right;justify-content:end}.m-panel-box .u-divider[data-v-8973fe67]{margin-top:10px;margin-bottom:0}.m-masked[data-v-8973fe67],.g-m-table-column-set-teleport[data-v-8973fe67]{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-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-1fbbcbf0]{position:relative}.br-m-table-v2-box .br-m-table-config-set[data-v-1fbbcbf0]{position:absolute;top:0;right:0;z-index:4}.br-m-table-v2-box[data-size=small] .br-m-table-config-set[data-v-1fbbcbf0]{top:3px}.br-m-table-v2-box[data-size=default] .br-m-table-config-set[data-v-1fbbcbf0]{top:13px}.br-m-table-v2-box[data-size=large] .br-m-table-config-set[data-v-1fbbcbf0]{top:20px}.el-table-v2__empty img[data-v-1fbbcbf0]{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-9bd24e23]{margin-bottom:14px;padding-top:10px;border:1px solid var(--el-border-color-lighter);border-radius:4px}.m-inline-btn[data-v-9bd24e23]{padding:0 14px 10px}.m-inline[data-v-9bd24e23]{display:flex;position:relative;width:100%}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-9bd24e23]{padding-top:10px}.m-inline-btn+.m-inline[data-show-inline-btn=true][data-v-9bd24e23]: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-9bd24e23]{display:flex;padding-bottom:10px;padding-left:14px;padding-right:14px;align-items:center;box-sizing:border-box}.u-row[data-v-9bd24e23]{display:flex;overflow:hidden;max-height:34px;flex:1}.u-row[data-unfold=true][data-v-9bd24e23]{max-height:none!important}.u-btn-unfold[data-v-9bd24e23]{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-9bd24e23]{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-857db977]{display:flex}.g-skin-config-box .u-tt[data-v-857db977]{padding:0 24px;line-height:50px;box-shadow:0 1px 2px #00152914}.g-skin-config-box .u-box[data-v-857db977]{display:flex;padding:20px 24px;height:calc(100% - 50px);flex-direction:column}.g-skin-config-box .u-box .u-box-tt[data-v-857db977]{margin:34px 0}.g-skin-config-box .u-box .u-group[data-v-857db977]{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-857db977]{display:flex;margin:0 -10px;flex-direction:column;flex-wrap:wrap;flex:1}.g-skin-config-box .u-box .u-list[data-v-857db977]{display:flex;flex-wrap:wrap}.g-skin-config-box .u-box .u-list .u-li[data-v-857db977]{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-857db977]{display:flex;width:20px;height:20px;color:#fff;align-items:center;justify-content:center;cursor:pointer}.g-skin-config-box .u-pc[data-v-857db977]{display:flex;margin-top:10px;width:100%;flex:1;justify-content:center}.u-btn[data-v-857db977]{display:flex;font-size:18px;color:var(--el-color-primary);cursor:pointer}.u-btn svg path[data-v-857db977]{stroke:var(--el-color-primary);fill:var(--el-color-primary)}.u-slt[data-v-857db977]{width:100px}.u-it[data-v-857db977]{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-8973fe67]{vertical-align:baseline}.g-m-table-column-set-box[data-v-8973fe67]{display:flex;position:relative}.g-m-table-column-set-box[data-fold=true][data-v-8973fe67]{overflow:hidden;width:10px;transition:width .3s}.g-m-table-column-set-box[data-fold=true][data-v-8973fe67]:hover{width:36px}.g-m-table-column-set-box[data-visible=true][data-v-8973fe67]{overflow:visible;width:auto!important}.m-panel-box[data-v-8973fe67]{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-8973fe67]{display:block}.m-panel-box .u-list .u-li[data-v-8973fe67]{display:flex;align-items:center;padding:4px}.m-panel-box .u-list .u-li .u-icon[data-v-8973fe67]{margin-right:8px;font-size:12px;color:var(--el-color-primary);cursor:move}.m-panel-box .u-tt[data-v-8973fe67],.m-panel-box .u-tc[data-v-8973fe67]{display:flex;padding-top:10px}.m-panel-box .u-tt .u-p[data-v-8973fe67],.m-panel-box .u-tc .u-p[data-v-8973fe67]{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-8973fe67]{padding-top:0}.m-panel-box .u-tc .u-p[data-v-8973fe67]{line-height:40px}.m-panel-box .s-link[data-v-8973fe67]{text-align:right;justify-content:end}.m-panel-box .u-divider[data-v-8973fe67]{margin-top:10px;margin-bottom:0}.m-masked[data-v-8973fe67],.g-m-table-column-set-teleport[data-v-8973fe67]{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-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-1fbbcbf0]{position:relative}.br-m-table-v2-box .br-m-table-config-set[data-v-1fbbcbf0]{position:absolute;top:0;right:0;z-index:4}.br-m-table-v2-box[data-size=small] .br-m-table-config-set[data-v-1fbbcbf0]{top:3px}.br-m-table-v2-box[data-size=default] .br-m-table-config-set[data-v-1fbbcbf0]{top:13px}.br-m-table-v2-box[data-size=large] .br-m-table-config-set[data-v-1fbbcbf0]{top:20px}.el-table-v2__empty img[data-v-1fbbcbf0]{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}
@@ -0,0 +1,25 @@
1
+ type UseFormInlineReturnType<T extends Record<string, any>> = {
2
+ [K in keyof T]: T[K];
3
+ } & {
4
+ reset: () => void;
5
+ };
6
+ export type FormInlineConfigType<T extends Record<string, any>> = {
7
+ [K in keyof T]: {
8
+ /** 排序 */
9
+ sort: number;
10
+ /** 默认值 */
11
+ defaultValue: any;
12
+ /** 是否显示 */
13
+ show: boolean;
14
+ };
15
+ };
16
+ /**
17
+ * @description 筛选项配置化hook
18
+ * @param configKey string 当前配置标识,即唯一key
19
+ * @param data 筛选条件关联key map
20
+ * @param isConfig boolean 是否开启配置,默认true
21
+ * @return function<reset> 重置方法
22
+ * @return object 筛选条件关联key map
23
+ * */
24
+ declare const useFormInline: <T extends Record<string, any>>(configKey: string | undefined, data: T, isConfig?: boolean) => UseFormInlineReturnType<T> | void;
25
+ export default useFormInline;
@@ -2,7 +2,7 @@ interface UsePackageConfig {
2
2
  /** 触发设置配置 */
3
3
  set: (key: string, value: any) => void;
4
4
  /** 触发获取配置 */
5
- get: (key: string) => any;
5
+ get: <T>(key: string) => T;
6
6
  }
7
7
  interface UsePackageConfigParameter {
8
8
  /** 触发设置配置的回调 */
@@ -74,8 +74,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
74
74
  "onUpdate:insideHeight"?: ((args_0: number) => any) | undefined;
75
75
  "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
76
76
  }, {
77
- width: string | number;
78
77
  modelValue: boolean;
78
+ width: string | number;
79
79
  insideHeight: number | null;
80
80
  minInsideHeight: number;
81
81
  maxInsideHeight: number;
@@ -10,10 +10,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
10
10
  maxWidth?: number | undefined;
11
11
  /** 组件尺寸 */
12
12
  size?: Size | undefined;
13
+ /** 配置key */
14
+ configKey?: string | undefined;
13
15
  }>, {
14
16
  minWidth: number;
15
17
  maxWidth: number;
16
18
  size: Size;
19
+ configKey: string;
17
20
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
18
21
  switch: (status: boolean) => void;
19
22
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -27,16 +30,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
27
30
  maxWidth?: number | undefined;
28
31
  /** 组件尺寸 */
29
32
  size?: Size | undefined;
33
+ /** 配置key */
34
+ configKey?: string | undefined;
30
35
  }>, {
31
36
  minWidth: number;
32
37
  maxWidth: number;
33
38
  size: Size;
39
+ configKey: string;
34
40
  }>>> & {
35
41
  onSwitch?: ((status: boolean) => any) | undefined;
36
42
  }, {
37
43
  size: Size;
38
44
  minWidth: number;
39
45
  maxWidth: number;
46
+ configKey: string;
40
47
  }, {}>, {
41
48
  inlineBtn?(_: {}): any;
42
49
  default?(_: {}): any;
@@ -94,12 +94,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
94
94
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
95
95
  }, {
96
96
  size: string;
97
+ modelValue: string | number;
98
+ placeholder: string;
97
99
  disabled: boolean;
98
100
  max: number;
99
101
  min: number;
100
- placeholder: string;
101
102
  step: number;
102
- modelValue: string | number;
103
103
  stepStrictly: boolean;
104
104
  thousandthPlace: boolean;
105
105
  noBorder: boolean;
@@ -142,14 +142,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
142
142
  }, {
143
143
  size: 'small' | 'large' | '';
144
144
  name: string | number | Array<number | string>;
145
+ modelValue: string | number | Array<number | string>;
146
+ placeholder: string;
145
147
  disabled: boolean;
146
148
  multiple: boolean;
147
- placeholder: string;
148
149
  total: number | null;
149
150
  filterMethod: Function | null;
150
151
  tableTitle: TableTitle[];
151
152
  border: boolean;
152
- modelValue: string | number | Array<number | string>;
153
153
  options: Option[];
154
154
  filterable: boolean;
155
155
  remote: boolean;
@@ -74,12 +74,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
74
74
  onSelectMultiple?: ((...args: any[]) => any) | undefined;
75
75
  }, {
76
76
  size: 'small' | 'large' | '';
77
- disabled: boolean;
77
+ modelValue: string | number;
78
+ clearable: boolean;
78
79
  placeholder: string;
80
+ disabled: boolean;
79
81
  total: number | null;
80
82
  tableTitle: any[];
81
- modelValue: string | number;
82
- clearable: boolean;
83
83
  options: Option[];
84
84
  remoteMethod: Function;
85
85
  scrollbarAlwaysOn: boolean;
@@ -44,8 +44,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
44
44
  }>>> & {
45
45
  "onUpdate:modelValue"?: ((data: ValueType) => any) | undefined;
46
46
  }, {
47
- multiple: boolean;
48
47
  modelValue: ValueType;
48
+ multiple: boolean;
49
49
  checkboxMode: boolean;
50
50
  showAll: boolean;
51
51
  options: Option[];
@@ -38,8 +38,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
38
38
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
39
39
  }, {
40
40
  link: boolean;
41
- tableConfigKey: string;
42
41
  modelValue: TableConfig;
42
+ tableConfigKey: string;
43
43
  foldMode: boolean;
44
44
  }, {}>;
45
45
  export default _default;
@@ -0,0 +1,19 @@
1
+ interface Slots {
2
+ default?: () => any[];
3
+ inlineBtn?: () => any[];
4
+ submitBtn?: () => any[];
5
+ }
6
+ export interface SlotsToDataReturnItem {
7
+ name: string;
8
+ props: Record<string, any> | null;
9
+ children: SlotsToDataReturnItem[];
10
+ }
11
+ export type SlotsToDataReturn = SlotsToDataReturnItem[];
12
+ /**
13
+ * @description vue3的slots转json
14
+ * @param slots 插槽对象
15
+ * @param name 插槽名
16
+ * @param data
17
+ * */
18
+ declare const slotsToData: (slots: Slots, name?: string, data?: SlotsToDataReturn) => SlotsToDataReturn;
19
+ export default slotsToData;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "br-dionysus",
3
- "version": "1.8.5",
3
+ "version": "1.8.6",
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",
@@ -0,0 +1,45 @@
1
+ <script setup>
2
+ import demo from './demo.vue'
3
+ </script>
4
+
5
+ 筛选项配置化 hook
6
+ =================
7
+
8
+ ### 1) 基础用法
9
+
10
+ <Preview comp-name="useFormInline" demo-name="demo" is-hook>
11
+ <demo />
12
+ </Preview>
13
+
14
+ ### 2) 所需参数
15
+
16
+ | 名称 | 描述 | 类型 | 可选值 | 默认值 |
17
+ |-----------|---------------|---------------------------------|:---:|:----:|
18
+ | configKey | 当前配置标识,即唯一key | string | - | '' |
19
+ | data | 筛选条件关联key map | <T extends Record<string, any>> | - | - |
20
+ | isConfig | 是否开启配置 | boolean | - | true |
21
+
22
+ ### 2) 返回值
23
+
24
+ | 名称 | 描述 | 类型 |
25
+ |----|-----|------------------------------------|
26
+ | - | 返回值 | UseFormInlineReturnType<T> \| void |
27
+
28
+ #### 2.1) UseFormInlineReturnType
29
+
30
+ | 名称 | 描述 | 类型 |
31
+ |-----------------|---------------|------------|
32
+ | \[K in keyof T] | 筛选条件关联key map | T\[K] |
33
+ | reset | 重置方法 | () => void |
34
+
35
+ ### 3) 配置结构 FormInlineConfigType<T>
36
+
37
+ | 名称 | 描述 | 类型 |
38
+ |--------------|------|---------|
39
+ | sort | 排序 | number |
40
+ | defaultValue | 默认值 | any |
41
+ | show | 是否显示 | boolean |
42
+
43
+
44
+
45
+
@@ -0,0 +1,141 @@
1
+ <template>
2
+ <div class="g-demo-m-inline-box">
3
+ <m-inline size="small">
4
+ <template #inlineBtn>
5
+ <el-button
6
+ type="primary"
7
+ size="small"
8
+ icon="Plus"
9
+ >
10
+ 新增
11
+ </el-button>
12
+ <el-button
13
+ type="success"
14
+ size="small"
15
+ icon="Edit"
16
+ >
17
+ 编辑
18
+ </el-button>
19
+ <el-button
20
+ type="warning"
21
+ size="small"
22
+ icon="Delete"
23
+ >
24
+ 删除
25
+ </el-button>
26
+ </template>
27
+ <template #default>
28
+ <el-form
29
+ :model="formInline"
30
+ labelWidth="80px"
31
+ :showMessage="false"
32
+ size="small"
33
+ @submit.prevent
34
+ data-box
35
+ >
36
+ <el-form-item
37
+ label="编码"
38
+ prop="code"
39
+ data-item
40
+ >
41
+ <el-input
42
+ v-model="formInline.code"
43
+ clearable
44
+ placeholder="请输入编码"
45
+ >
46
+ </el-input>
47
+ </el-form-item>
48
+ <el-form-item
49
+ label="角色名"
50
+ prop="name"
51
+ data-item
52
+ >
53
+ <el-input
54
+ v-model="formInline.name"
55
+ clearable
56
+ placeholder="请输入角色名"
57
+ >
58
+ </el-input>
59
+ </el-form-item>
60
+ <el-form-item
61
+ label="时间"
62
+ prop="time"
63
+ data-item
64
+ >
65
+ <el-input
66
+ v-model="formInline.time"
67
+ clearable
68
+ placeholder="请输入时间"
69
+ >
70
+ </el-input>
71
+ </el-form-item>
72
+ <el-form-item
73
+ label="类型"
74
+ prop="type"
75
+ data-item
76
+ >
77
+ <el-input
78
+ v-model="formInline.type"
79
+ clearable
80
+ placeholder="请输入类型"
81
+ >
82
+ </el-input>
83
+ </el-form-item>
84
+ <el-form-item
85
+ label="地区"
86
+ prop="region"
87
+ data-item
88
+ >
89
+ <el-input
90
+ v-model="formInline.region"
91
+ clearable
92
+ placeholder="请输入地区"
93
+ >
94
+ </el-input>
95
+ </el-form-item>
96
+ <el-form-item
97
+ label="等级"
98
+ prop="level"
99
+ data-item
100
+ >
101
+ <el-input
102
+ v-model="formInline.level"
103
+ clearable
104
+ placeholder="请输入等级"
105
+ >
106
+ </el-input>
107
+ </el-form-item>
108
+ </el-form>
109
+ </template>
110
+ <template #submitBtn>
111
+ <el-button
112
+ type="primary"
113
+ icon="Search"
114
+ size="small"
115
+ >
116
+ 搜索
117
+ </el-button>
118
+ </template>
119
+ </m-inline>
120
+ </div>
121
+ </template>
122
+
123
+ <script setup lang="ts">
124
+ import { reactive } from 'vue'
125
+
126
+ // 列表过滤条件表单
127
+ const formInline = reactive({
128
+ name: '',
129
+ code: '',
130
+ time: '',
131
+ type: '',
132
+ region: '',
133
+ level: ''
134
+ })
135
+ </script>
136
+
137
+ <style scoped>
138
+ .g-demo-m-inline-box {
139
+ max-width: 1000px;
140
+ }
141
+ </style>
@@ -0,0 +1,60 @@
1
+ import { reactive } from 'vue'
2
+ import usePackageConfig from './../usePackageConfig/usePackageConfig'
3
+
4
+ type UseFormInlineReturnType<T extends Record<string, any>> = {
5
+ [K in keyof T]: T[K];
6
+ } & {
7
+ reset: () => void;
8
+ }
9
+ export type FormInlineConfigType<T extends Record<string, any>> = {
10
+ [K in keyof T]: {
11
+ /** 排序 */
12
+ sort: number;
13
+ /** 默认值 */
14
+ defaultValue: any;
15
+ /** 是否显示 */
16
+ show: boolean;
17
+ }
18
+ }
19
+ /**
20
+ * @description 筛选项配置化hook
21
+ * @param configKey string 当前配置标识,即唯一key
22
+ * @param data 筛选条件关联key map
23
+ * @param isConfig boolean 是否开启配置,默认true
24
+ * @return function<reset> 重置方法
25
+ * @return object 筛选条件关联key map
26
+ * */
27
+ const useFormInline = <T extends Record<string, any>>(
28
+ configKey: string = '',
29
+ data: T,
30
+ isConfig: boolean = true
31
+ ): UseFormInlineReturnType<T> | void => {
32
+ if (!configKey) return
33
+ const _configKey = 'formInline'
34
+ const packageConfig = usePackageConfig()
35
+ const config = packageConfig.get<FormInlineConfigType<T>>(_configKey)
36
+ const _data = data
37
+
38
+ if (isConfig) {
39
+ for (const key in _data) {
40
+ _data[key] = config[key].defaultValue || data[key]
41
+ }
42
+ }
43
+
44
+ const returnData = reactive<UseFormInlineReturnType<T>>({
45
+ ..._data,
46
+ reset: () => {}
47
+ }) as UseFormInlineReturnType<T>
48
+
49
+ returnData.reset = () => {
50
+ for (const key in data) {
51
+ if (key === 'reset') continue
52
+ if (!isConfig) (returnData as any)[key] = data[key]
53
+ if (isConfig) (returnData as any)[key] = config[key].defaultValue || data[key]
54
+ }
55
+ }
56
+
57
+ return returnData as UseFormInlineReturnType<T>
58
+ }
59
+
60
+ export default useFormInline
@@ -5,7 +5,7 @@ interface UsePackageConfig {
5
5
  /** 触发设置配置 */
6
6
  set: (key: string, value: any) => void,
7
7
  /** 触发获取配置 */
8
- get: (key: string) => any
8
+ get: <T>(key: string) => T
9
9
  }
10
10
 
11
11
  interface UsePackageConfigParameter {
@@ -60,7 +60,7 @@ const useTableConfig = (name: string = '', tableTitle: TableTitle[] = [], tableD
60
60
  /** 表格列头 */
61
61
  const _tableTitle: Ref<TableTitle[]> = ref<TableTitle[]>([])
62
62
  const tableConfig: Ref<TableConfig> = ref<TableConfig>(packageConfig.get('tableConfig' + name))
63
- const pageConfig = packageConfig.get('tablePage' + name)
63
+ const pageConfig = packageConfig.get('tablePage' + name) as TableConfig
64
64
  const page = ref<Page>(new Page(pageConfig))
65
65
  const _tableData = tableData || ref<any[]>([])
66
66
  /** 列筛选 */
@@ -13,14 +13,15 @@ import demo from './demo.vue'
13
13
 
14
14
  ### 2) Attributes
15
15
 
16
- | 参数 | 说明 | 类型 | 可选值 | 默认值 |
17
- |----------|:-----:|:------:|:-------------------------:|:-------:|
18
- | minWidth | 列最小宽度 | number | - | 200 |
19
- | maxWidth | 列最大宽度 | number | - | 300 |
20
- | size | 组件尺寸 | enum | large \| default \| small | default |
16
+ | 参数 | 说明 | 类型 | 可选值 | 默认值 |
17
+ |-----------|:-----:|:------:|:-------------------------:|:-------:|
18
+ | minWidth | 列最小宽度 | number | - | 200 |
19
+ | maxWidth | 列最大宽度 | number | - | 300 |
20
+ | size | 组件尺寸 | enum | large \| default \| small | default |
21
+ | configKey | 配置key | string | - | - |
21
22
 
22
23
  ### 2) Events
23
24
 
24
- | 方法名 | 说明 | 参数 |
25
+ | 事件名 | 说明 | 参数 |
25
26
  |--------|:----------------------:|:---------------:|
26
27
  | switch | 当切换展开与折叠模式时触发,返回当前展开状态 | unfold(boolean) |
@@ -70,38 +70,38 @@
70
70
  </el-input>
71
71
  </el-form-item>
72
72
  <el-form-item
73
- label="编码"
74
- prop="code"
73
+ label="类型"
74
+ prop="type"
75
75
  data-item
76
76
  >
77
77
  <el-input
78
- v-model="formInline.code"
78
+ v-model="formInline.type"
79
79
  clearable
80
- placeholder="请输入编码"
80
+ placeholder="请输入类型"
81
81
  >
82
82
  </el-input>
83
83
  </el-form-item>
84
84
  <el-form-item
85
- label="角色名"
86
- prop="name"
85
+ label="地区"
86
+ prop="region"
87
87
  data-item
88
88
  >
89
89
  <el-input
90
- v-model="formInline.name"
90
+ v-model="formInline.region"
91
91
  clearable
92
- placeholder="请输入角色名"
92
+ placeholder="请输入地区"
93
93
  >
94
94
  </el-input>
95
95
  </el-form-item>
96
96
  <el-form-item
97
- label="时间"
98
- prop="time"
97
+ label="等级"
98
+ prop="level"
99
99
  data-item
100
100
  >
101
101
  <el-input
102
- v-model="formInline.time"
102
+ v-model="formInline.level"
103
103
  clearable
104
- placeholder="请输入时间"
104
+ placeholder="请输入等级"
105
105
  >
106
106
  </el-input>
107
107
  </el-form-item>
@@ -127,7 +127,10 @@ import { reactive } from 'vue'
127
127
  const formInline = reactive({
128
128
  name: '',
129
129
  code: '',
130
- time: ''
130
+ time: '',
131
+ type: '',
132
+ region: '',
133
+ level: ''
131
134
  })
132
135
  </script>
133
136