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.
- package/README.md +861 -88
- package/attributes.json +1 -1
- package/cypress/e2e/2-advanced-examples/actions.cy.js +3 -3
- package/cypress/e2e/2-advanced-examples/assertions.cy.js +2 -2
- package/cypress/e2e/2-advanced-examples/cypress_api.cy.js +5 -6
- package/cypress/e2e/2-advanced-examples/files.cy.js +1 -1
- package/cypress/e2e/2-advanced-examples/misc.cy.js +1 -1
- package/cypress/e2e/2-advanced-examples/navigation.cy.js +1 -1
- package/cypress/e2e/2-advanced-examples/network_requests.cy.js +22 -22
- package/cypress/e2e/2-advanced-examples/spies_stubs_clocks.cy.js +7 -7
- package/cypress/e2e/2-advanced-examples/storage.cy.js +8 -8
- package/cypress/e2e/2-advanced-examples/utilities.cy.js +15 -15
- package/dist/br-dionysus.es.js +4708 -4519
- package/dist/br-dionysus.umd.js +8 -8
- package/dist/index.css +1 -1
- package/dist/packages/Hook/useFormInline/useFormInline.d.ts +25 -0
- package/dist/packages/Hook/usePackageConfig/usePackageConfig.d.ts +1 -1
- package/dist/packages/MDialog/src/MDialog.vue.d.ts +1 -1
- package/dist/packages/MInline/src/MInline.vue.d.ts +7 -0
- package/dist/packages/MInputNumber/src/MInputNumber.vue.d.ts +2 -2
- package/dist/packages/MSelectTable/src/MSelectTable.vue.d.ts +2 -2
- package/dist/packages/MSelectTableV1/src/MSelectTableV1.vue.d.ts +3 -3
- package/dist/packages/MSelectV2/src/MSelectV2.vue.d.ts +1 -1
- package/dist/packages/MTableColumnSet/src/MTableColumnSet.vue.d.ts +1 -1
- package/dist/packages/MTableSuper/index.d.ts +4 -0
- package/dist/packages/MTableSuper/src/MTableSuper.vue.d.ts +11 -0
- package/dist/packages/MTableSuper/src/token.d.ts +23 -0
- package/dist/packages/MTableV2/src/MTableV2.vue.d.ts +7 -0
- package/dist/packages/Tool/slotsToData/slotsToData.d.ts +19 -0
- package/dist/packages/index.d.ts +1 -0
- package/package.json +1 -1
- package/packages/Hook/useFormInline/README.md +45 -0
- package/packages/Hook/useFormInline/demo.vue +141 -0
- package/packages/Hook/useFormInline/useFormInline.ts +60 -0
- package/packages/Hook/usePackageConfig/usePackageConfig.ts +1 -1
- package/packages/Hook/useTableConfig/demo.vue +1 -1
- package/packages/Hook/useTableConfig/useTableConfig.ts +10 -10
- package/packages/MDialog/src/MDialog.vue +12 -1
- package/packages/MInline/docs/README.md +7 -6
- package/packages/MInline/docs/demo.vue +16 -13
- package/packages/MInline/src/MInline.vue +127 -3
- package/packages/MInputNumber/docs/demo.vue +42 -2
- package/packages/MInputNumber/src/MInputNumber.vue +7 -7
- package/packages/MSelectTable/src/MSelectTable.vue +1 -1
- package/packages/MTable/src/MTable.vue +0 -32
- package/packages/MTableColumn/src/MTableColumn.vue +0 -41
- package/packages/MTableSuper/docs/README.md +48 -0
- package/packages/MTableSuper/docs/demo.vue +246 -0
- package/packages/MTableSuper/index.ts +10 -0
- package/packages/MTableSuper/src/MTableSuper.vue +140 -0
- package/packages/MTableSuper/src/token.ts +24 -0
- package/packages/MTableV2/docs/README.md +1 -0
- package/packages/MTableV2/docs/demo.vue +9 -7
- package/packages/MTableV2/src/MTableV2.vue +49 -5
- package/packages/SkinConfig/src/useSkin.ts +2 -2
- package/packages/Tool/slotsToData/README.md +26 -0
- package/packages/Tool/slotsToData/slotsToData.ts +38 -0
- package/packages/index.ts +3 -0
- package/packages/list.json +6 -0
- package/packages/typings/global.d.ts +2 -2
- package/src/router.ts +5 -0
- package/tags.json +1 -1
- 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;
|
|
@@ -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
|
-
|
|
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,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;
|
package/dist/packages/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -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
|