br-dionysus 1.8.4 → 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 (63) hide show
  1. package/README.md +861 -88
  2. package/attributes.json +1 -1
  3. package/cypress/e2e/2-advanced-examples/actions.cy.js +3 -3
  4. package/cypress/e2e/2-advanced-examples/assertions.cy.js +2 -2
  5. package/cypress/e2e/2-advanced-examples/cypress_api.cy.js +5 -6
  6. package/cypress/e2e/2-advanced-examples/files.cy.js +1 -1
  7. package/cypress/e2e/2-advanced-examples/misc.cy.js +1 -1
  8. package/cypress/e2e/2-advanced-examples/navigation.cy.js +1 -1
  9. package/cypress/e2e/2-advanced-examples/network_requests.cy.js +22 -22
  10. package/cypress/e2e/2-advanced-examples/spies_stubs_clocks.cy.js +7 -7
  11. package/cypress/e2e/2-advanced-examples/storage.cy.js +8 -8
  12. package/cypress/e2e/2-advanced-examples/utilities.cy.js +15 -15
  13. package/dist/br-dionysus.es.js +4708 -4519
  14. package/dist/br-dionysus.umd.js +8 -8
  15. package/dist/index.css +1 -1
  16. package/dist/packages/Hook/useFormInline/useFormInline.d.ts +25 -0
  17. package/dist/packages/Hook/usePackageConfig/usePackageConfig.d.ts +1 -1
  18. package/dist/packages/MDialog/src/MDialog.vue.d.ts +1 -1
  19. package/dist/packages/MInline/src/MInline.vue.d.ts +7 -0
  20. package/dist/packages/MInputNumber/src/MInputNumber.vue.d.ts +2 -2
  21. package/dist/packages/MSelectTable/src/MSelectTable.vue.d.ts +2 -2
  22. package/dist/packages/MSelectTableV1/src/MSelectTableV1.vue.d.ts +3 -3
  23. package/dist/packages/MSelectV2/src/MSelectV2.vue.d.ts +1 -1
  24. package/dist/packages/MTableColumnSet/src/MTableColumnSet.vue.d.ts +1 -1
  25. package/dist/packages/MTableSuper/index.d.ts +4 -0
  26. package/dist/packages/MTableSuper/src/MTableSuper.vue.d.ts +11 -0
  27. package/dist/packages/MTableSuper/src/token.d.ts +23 -0
  28. package/dist/packages/MTableV2/src/MTableV2.vue.d.ts +7 -0
  29. package/dist/packages/Tool/slotsToData/slotsToData.d.ts +19 -0
  30. package/dist/packages/index.d.ts +1 -0
  31. package/package.json +1 -1
  32. package/packages/Hook/useFormInline/README.md +45 -0
  33. package/packages/Hook/useFormInline/demo.vue +141 -0
  34. package/packages/Hook/useFormInline/useFormInline.ts +60 -0
  35. package/packages/Hook/usePackageConfig/usePackageConfig.ts +1 -1
  36. package/packages/Hook/useTableConfig/demo.vue +1 -1
  37. package/packages/Hook/useTableConfig/useTableConfig.ts +10 -10
  38. package/packages/MDialog/src/MDialog.vue +12 -1
  39. package/packages/MInline/docs/README.md +7 -6
  40. package/packages/MInline/docs/demo.vue +16 -13
  41. package/packages/MInline/src/MInline.vue +127 -3
  42. package/packages/MInputNumber/docs/demo.vue +42 -2
  43. package/packages/MInputNumber/src/MInputNumber.vue +7 -7
  44. package/packages/MSelectTable/src/MSelectTable.vue +1 -1
  45. package/packages/MTable/src/MTable.vue +0 -32
  46. package/packages/MTableColumn/src/MTableColumn.vue +0 -41
  47. package/packages/MTableSuper/docs/README.md +48 -0
  48. package/packages/MTableSuper/docs/demo.vue +246 -0
  49. package/packages/MTableSuper/index.ts +10 -0
  50. package/packages/MTableSuper/src/MTableSuper.vue +140 -0
  51. package/packages/MTableSuper/src/token.ts +24 -0
  52. package/packages/MTableV2/docs/README.md +1 -0
  53. package/packages/MTableV2/docs/demo.vue +9 -7
  54. package/packages/MTableV2/src/MTableV2.vue +49 -5
  55. package/packages/SkinConfig/src/useSkin.ts +2 -2
  56. package/packages/Tool/slotsToData/README.md +26 -0
  57. package/packages/Tool/slotsToData/slotsToData.ts +38 -0
  58. package/packages/index.ts +3 -0
  59. package/packages/list.json +6 -0
  60. package/packages/typings/global.d.ts +2 -2
  61. package/src/router.ts +5 -0
  62. package/tags.json +1 -1
  63. 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-610be817]{position:relative}.el-table__empty-text img[data-v-610be817]{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-f07086c1]{display:inline-block;position:relative;width:14px;height:14px;background-size:100% 100%;transform:translateY(2px);cursor:pointer}.u-filter-group[data-v-f07086c1]{display:inline-block;position:relative}.u-set[data-v-f07086c1]{padding:2.5px 0;float:right}.u-my-table-column-gp[data-v-f07086c1]{display:inline}.u-my-table-column-icon[data-v-f07086c1]{float:left;padding:4px;cursor:pointer;transition:.3s;font-size:14px}.u-my-table-column-icon[data-active=true][data-v-f07086c1]{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)}.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-fbb57207]{position:relative}.br-m-table-v2-box .br-m-table-config-set[data-v-fbb57207]{position:absolute;top:0;right:0;z-index:4}.br-m-table-v2-box[data-size=small] .br-m-table-config-set[data-v-fbb57207]{top:3px}.br-m-table-v2-box[data-size=default] .br-m-table-config-set[data-v-fbb57207]{top:13px}.br-m-table-v2-box[data-size=large] .br-m-table-config-set[data-v-fbb57207]{top:20px}.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}
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,4 @@
1
+ import { Plugin } from 'vue';
2
+ import MTableSuper from './src/MTableSuper.vue';
3
+ export declare const MTableSuperPlugin: Plugin;
4
+ export { MTableSuper };
@@ -0,0 +1,11 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
2
+ default?(_: {}): any;
3
+ append?(_: {}): any;
4
+ empty?(_: {}): any;
5
+ }>;
6
+ export default _default;
7
+ type __VLS_WithTemplateSlots<T, S> = T & {
8
+ new (): {
9
+ $slots: S;
10
+ };
11
+ };
@@ -0,0 +1,23 @@
1
+ import { InjectionKey } from 'vue';
2
+ import type { Ref } from 'vue';
3
+ import { TableConfig } from '../../Hook/useTableConfig/useTableConfig';
4
+ export declare const tableKey: InjectionKey<{
5
+ /** 表格列配置 */
6
+ tableConfig: Ref<TableConfig>;
7
+ /** 最后一列 */
8
+ lastColumnProp: Ref<string>;
9
+ /** 展开图标列 */
10
+ expandProp: string;
11
+ /** 表格数据 */
12
+ tableData: Ref<any[]>;
13
+ /** 展开列 */
14
+ expandRowKeys: Ref<any[] | null>;
15
+ /** 行数据的 Key */
16
+ rowKey: Function | string;
17
+ /** 表格配置key */
18
+ tableConfigKey: string;
19
+ /** expandProp模式下 当用户对某一行展开或者关闭的时候会触发 */
20
+ privateExpandChange: Function;
21
+ /** 是否显示筛选图标 */
22
+ showFilter: boolean;
23
+ }>;
@@ -25,6 +25,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
25
25
  estimatedRowHeight?: number | null | undefined;
26
26
  /** Header 的高度由height设置。 如果传入数组,它会使 header row 等于数组长度 */
27
27
  headerHeight?: number | number[] | null | undefined;
28
+ /** 单元格宽度自适应 */
29
+ cellWidthAdaptive?: boolean | undefined;
28
30
  }>, {
29
31
  size: string;
30
32
  data: () => never[];
@@ -37,6 +39,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
37
39
  fixed: boolean;
38
40
  estimatedRowHeight: null;
39
41
  headerHeight: null;
42
+ cellWidthAdaptive: boolean;
40
43
  }>, {
41
44
  scrollTo: (param: {
42
45
  scrollLeft?: number | undefined;
@@ -84,6 +87,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
84
87
  estimatedRowHeight?: number | null | undefined;
85
88
  /** Header 的高度由height设置。 如果传入数组,它会使 header row 等于数组长度 */
86
89
  headerHeight?: number | number[] | null | undefined;
90
+ /** 单元格宽度自适应 */
91
+ cellWidthAdaptive?: boolean | undefined;
87
92
  }>, {
88
93
  size: string;
89
94
  data: () => never[];
@@ -96,6 +101,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
96
101
  fixed: boolean;
97
102
  estimatedRowHeight: null;
98
103
  headerHeight: null;
104
+ cellWidthAdaptive: boolean;
99
105
  }>>> & {
100
106
  onPasteData?: ((data: {
101
107
  /** 粘贴行的行数据 */
@@ -126,6 +132,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
126
132
  tableConfigKey: string;
127
133
  estimatedRowHeight: number | null;
128
134
  headerHeight: number | number[] | null;
135
+ cellWidthAdaptive: boolean;
129
136
  }, {}>;
130
137
  export default _default;
131
138
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -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;
@@ -23,6 +23,7 @@ export * from './MSelectV2';
23
23
  export * from './MDialog';
24
24
  export * from './MSelectTableV1';
25
25
  export * from './MTableV2';
26
+ export * from './MTableSuper';
26
27
  export { useTableConfig };
27
28
  export { useTableV2Config };
28
29
  export { useRemainingSpace };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "br-dionysus",
3
- "version": "1.8.4",
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 {
@@ -23,7 +23,7 @@
23
23
  >
24
24
  <template
25
25
  #default="scope"
26
- v-if="['tag'].includes(item.prop)"
26
+ v-if="['tag'].includes(item.prop || '')"
27
27
  >
28
28
  <template v-if="item.prop === 'tag'">
29
29
  <el-tag