Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 | 7x 7x 7x 7x 33x 33x | <template> <div> <slot></slot> </div> </template> <script> import { MComplex } from '../m-complex.vue'; export default { name: 'u-table-view-filters', childName: 'u-table-view-filter', extends: MComplex, props: { // @inherit: value: { type: String, default: '' }, // @inherit: field: { type: String, default: 'text' }, // @inherit: data: Array, // @inherit: cancelable: { type: Boolean, default: false }, // @inherit: multiple: { type: Boolean, default: false }, // @inherit: keepOrder: { type: Boolean, default: false }, // : { type: Boolean, default: false }, }, data() { return { columnVM: undefined, }; }, created() { this.$on('select', () => { if (!this.multiple) this.close(); }); }, methods: { open() { this.$refs.popper && this.$refs.popper.open(); }, close() { this.$refs.popper && this.$refs.popper.close(); }, toggle(opened) { this.$refs.popper && this.$refs.popper.toggle(opened); }, }, // created() { // !this.columnVM && this.$contact('u-table-view-column', (columnVM) => { // this.columnVM = columnVM; // columnVM.filterVM = this; // }); // }, // destroyed() { // !this.columnVM && this.$contact('u-table-view-column', (columnVM) => { // columnVM.filterVM = undefined; // this.columnVM = undefined; // }); // }, }; </script> <style module> .root { position: absolute; line-height: var(--table-view-filter-line-height); /* max-height: var(--table-view-filter-max-height); */ /* overflow: auto; */ background: var(--table-view-filter-background); border: 1px solid var(--border-color-base); z-index: var(--z-index-popper); max-width: 300px; } .wrap { display: inline-block; min-width: 100%; max-height: var(--table-view-filter-max-height); } .footer { padding: 0 12px; height: 36px; line-height: 36px; border-top: 1px solid var(--table-view-filter-border-color); } </style> |