quasar-ui-danx 0.3.13 → 0.3.22
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/dist/danx.es.js +5907 -5978
 - package/dist/danx.es.js.map +1 -1
 - package/dist/danx.umd.js +5 -5
 - package/dist/danx.umd.js.map +1 -1
 - package/dist/style.css +1 -1
 - package/package.json +1 -1
 - package/src/components/ActionTable/ActionTable.vue +4 -24
 - package/src/components/ActionTable/Filters/CollapsableFiltersSidebar.vue +2 -10
 - package/src/components/ActionTable/Form/Fields/DateRangeField.vue +5 -3
 - package/src/components/ActionTable/Form/Fields/FileUploadButton.vue +34 -33
 - package/src/components/ActionTable/Layouts/ActionTableLayout.vue +1 -1
 - package/src/components/ActionTable/TableSummaryRow.vue +4 -4
 - package/src/components/ActionTable/listControls.ts +383 -378
 - package/src/components/Utility/Layouts/CollapsableSidebar.vue +1 -1
 - package/src/styles/quasar-reset.scss +19 -63
 - package/src/styles/themes/danx/action-table.scss +0 -19
 - package/src/styles/themes/danx/index.scss +0 -1
 
| 
         @@ -81,7 +81,7 @@ const isCollapsed = ref(getItem(props.name + "-is-collapsed", props.collapse)); 
     | 
|
| 
       81 
81 
     | 
    
         | 
| 
       82 
82 
     | 
    
         
             
            function setCollapse(state) {
         
     | 
| 
       83 
83 
     | 
    
         
             
              isCollapsed.value = state;
         
     | 
| 
       84 
     | 
    
         
            -
              setItem(props.name + "-is-collapsed",  
     | 
| 
      
 84 
     | 
    
         
            +
              setItem(props.name + "-is-collapsed", isCollapsed.value ? "1" : "");
         
     | 
| 
       85 
85 
     | 
    
         
             
            }
         
     | 
| 
       86 
86 
     | 
    
         | 
| 
       87 
87 
     | 
    
         
             
            function toggleCollapse() {
         
     | 
| 
         @@ -1,76 +1,32 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
             
     | 
| 
       2 
     | 
    
         
            -
               
     | 
| 
       3 
     | 
    
         
            -
             
     | 
| 
       4 
     | 
    
         
            -
              }
         
     | 
| 
       5 
     | 
    
         
            -
             
     | 
| 
       6 
     | 
    
         
            -
              .q-table__card {
         
     | 
| 
       7 
     | 
    
         
            -
                background: inherit;
         
     | 
| 
       8 
     | 
    
         
            -
                color: inherit;
         
     | 
| 
       9 
     | 
    
         
            -
              }
         
     | 
| 
      
 1 
     | 
    
         
            +
            .q-tab {
         
     | 
| 
      
 2 
     | 
    
         
            +
              text-transform: capitalize
         
     | 
| 
      
 3 
     | 
    
         
            +
            }
         
     | 
| 
       10 
4 
     | 
    
         | 
| 
       11 
     | 
    
         
            -
             
     | 
| 
       12 
     | 
    
         
            -
             
     | 
| 
       13 
     | 
    
         
            -
              }
         
     | 
| 
      
 5 
     | 
    
         
            +
            .q-tab-panels {
         
     | 
| 
      
 6 
     | 
    
         
            +
              overflow: visible;
         
     | 
| 
       14 
7 
     | 
    
         | 
| 
       15 
     | 
    
         
            -
              .q- 
     | 
| 
      
 8 
     | 
    
         
            +
              .q-panel {
         
     | 
| 
       16 
9 
     | 
    
         
             
                overflow: visible;
         
     | 
| 
       17 
10 
     | 
    
         | 
| 
       18 
     | 
    
         
            -
                 
     | 
| 
       19 
     | 
    
         
            -
                  overflow:  
     | 
| 
       20 
     | 
    
         
            -
             
     | 
| 
       21 
     | 
    
         
            -
                  &.scroll {
         
     | 
| 
       22 
     | 
    
         
            -
                    overflow: auto;
         
     | 
| 
       23 
     | 
    
         
            -
                  }
         
     | 
| 
       24 
     | 
    
         
            -
             
     | 
| 
       25 
     | 
    
         
            -
                  .q-tab-panel {
         
     | 
| 
       26 
     | 
    
         
            -
                    padding: 0;
         
     | 
| 
       27 
     | 
    
         
            -
                  }
         
     | 
| 
      
 11 
     | 
    
         
            +
                &.scroll {
         
     | 
| 
      
 12 
     | 
    
         
            +
                  overflow: auto;
         
     | 
| 
       28 
13 
     | 
    
         
             
                }
         
     | 
| 
       29 
14 
     | 
    
         | 
| 
       30 
     | 
    
         
            -
                 
     | 
| 
       31 
     | 
    
         
            -
                   
     | 
| 
      
 15 
     | 
    
         
            +
                .q-tab-panel {
         
     | 
| 
      
 16 
     | 
    
         
            +
                  padding: 0;
         
     | 
| 
       32 
17 
     | 
    
         
             
                }
         
     | 
| 
       33 
18 
     | 
    
         
             
              }
         
     | 
| 
       34 
19 
     | 
    
         | 
| 
       35 
     | 
    
         
            -
               
     | 
| 
       36 
     | 
    
         
            -
                 
     | 
| 
       37 
     | 
    
         
            -
                padding: 0;
         
     | 
| 
       38 
     | 
    
         
            -
              }
         
     | 
| 
       39 
     | 
    
         
            -
             
     | 
| 
       40 
     | 
    
         
            -
              .q-notification__actions {
         
     | 
| 
       41 
     | 
    
         
            -
                color: inherit;
         
     | 
| 
       42 
     | 
    
         
            -
              }
         
     | 
| 
       43 
     | 
    
         
            -
             
     | 
| 
       44 
     | 
    
         
            -
              .q-date {
         
     | 
| 
       45 
     | 
    
         
            -
                min-width: 100px;
         
     | 
| 
       46 
     | 
    
         
            -
             
     | 
| 
       47 
     | 
    
         
            -
                .q-date__view {
         
     | 
| 
       48 
     | 
    
         
            -
                  min-height: 0;
         
     | 
| 
       49 
     | 
    
         
            -
                }
         
     | 
| 
      
 20 
     | 
    
         
            +
              &.overflow-y-auto {
         
     | 
| 
      
 21 
     | 
    
         
            +
                overflow-y: auto;
         
     | 
| 
       50 
22 
     | 
    
         
             
              }
         
     | 
| 
      
 23 
     | 
    
         
            +
            }
         
     | 
| 
       51 
24 
     | 
    
         | 
| 
       52 
     | 
    
         
            -
             
     | 
| 
       53 
     | 
    
         
            -
             
     | 
| 
       54 
     | 
    
         
            -
             
     | 
| 
       55 
     | 
    
         
            -
             
     | 
| 
       56 
     | 
    
         
            -
             
     | 
| 
       57 
     | 
    
         
            -
                    .q-field__native {
         
     | 
| 
       58 
     | 
    
         
            -
                      min-height: 0;
         
     | 
| 
       59 
     | 
    
         
            -
                      color: inherit;
         
     | 
| 
       60 
     | 
    
         
            -
                    }
         
     | 
| 
       61 
     | 
    
         
            -
                  }
         
     | 
| 
       62 
     | 
    
         
            -
             
     | 
| 
       63 
     | 
    
         
            -
                  .q-field__control-container {
         
     | 
| 
       64 
     | 
    
         
            -
                    padding-top: 1.1rem;
         
     | 
| 
       65 
     | 
    
         
            -
                  }
         
     | 
| 
       66 
     | 
    
         
            -
                }
         
     | 
| 
       67 
     | 
    
         
            -
             
     | 
| 
       68 
     | 
    
         
            -
                .q-field__label {
         
     | 
| 
       69 
     | 
    
         
            -
                  color: inherit;
         
     | 
| 
       70 
     | 
    
         
            -
                }
         
     | 
| 
      
 25 
     | 
    
         
            +
            .q-toolbar {
         
     | 
| 
      
 26 
     | 
    
         
            +
              min-height: 0;
         
     | 
| 
      
 27 
     | 
    
         
            +
              padding: 0;
         
     | 
| 
      
 28 
     | 
    
         
            +
            }
         
     | 
| 
       71 
29 
     | 
    
         | 
| 
       72 
     | 
    
         
            -
             
     | 
| 
       73 
     | 
    
         
            -
             
     | 
| 
       74 
     | 
    
         
            -
                }
         
     | 
| 
       75 
     | 
    
         
            -
              }
         
     | 
| 
      
 30 
     | 
    
         
            +
            .q-notification__actions {
         
     | 
| 
      
 31 
     | 
    
         
            +
              color: inherit;
         
     | 
| 
       76 
32 
     | 
    
         
             
            }
         
     | 
| 
         @@ -1,19 +0,0 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            .dx-table-summary-tr {
         
     | 
| 
       2 
     | 
    
         
            -
              @apply bg-gray-100;
         
     | 
| 
       3 
     | 
    
         
            -
             
     | 
| 
       4 
     | 
    
         
            -
              &.has-selection {
         
     | 
| 
       5 
     | 
    
         
            -
                @apply bg-blue-600 text-white;
         
     | 
| 
       6 
     | 
    
         
            -
              }
         
     | 
| 
       7 
     | 
    
         
            -
             
     | 
| 
       8 
     | 
    
         
            -
              &.is-loading {
         
     | 
| 
       9 
     | 
    
         
            -
                @apply opacity-50;
         
     | 
| 
       10 
     | 
    
         
            -
              }
         
     | 
| 
       11 
     | 
    
         
            -
             
     | 
| 
       12 
     | 
    
         
            -
              .dx-table-summary-td {
         
     | 
| 
       13 
     | 
    
         
            -
                @apply font-bold bg-gray-100 pl-5;
         
     | 
| 
       14 
     | 
    
         
            -
             
     | 
| 
       15 
     | 
    
         
            -
                &.has-selection {
         
     | 
| 
       16 
     | 
    
         
            -
                  @apply bg-blue-600 text-white pl-4;
         
     | 
| 
       17 
     | 
    
         
            -
                }
         
     | 
| 
       18 
     | 
    
         
            -
              }
         
     | 
| 
       19 
     | 
    
         
            -
            }
         
     | 
| 
         @@ -1 +0,0 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            @import "action-table";
         
     |