lkt-table 1.3.13 → 1.3.15

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 (6) hide show
  1. package/dist/build.d.ts +62 -62
  2. package/dist/build.js +492 -499
  3. package/dist/style.css +1 -1
  4. package/package.json +1 -1
  5. package/src/components/LktTableCell.vue +5 -17
  6. package/src/lib-components/LktTable.vue +7 -3
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .lkt-table-page{display:flex;width:100%;flex-direction:column;gap:var(--lkt-table-page-gap)}.lkt-table-page-content-wrapper{display:grid;width:100%;flex-direction:column;gap:var(--lkt-table-page-gap)}.lkt-table{width:var(--lkt-table-width);font-family:var(--lkt-table-font-family),serif}.lkt-table .lkt-field{--lkt-field-font-size: var(--lkt-table-font-size-row)}.lkt-table>table{width:100%;max-width:100%;border-collapse:var(--lkt-table-border-collapse);border-radius:var(--lkt-table-border-radius);border-spacing:var(--lkt-table-border-spacing)}.lkt-table th,.lkt-table td{vertical-align:middle;text-align:var(--lkt-table-text-align);padding:var(--lkt-table-padding-row);font-size:var(--lkt-table-font-size-row);color:var(--lkt-table-color-row)}.lkt-table th{font-family:var(--lkt-table-font-family-header),serif;padding:var(--lkt-table-padding-header)}.lkt-table thead tr{background-color:var(--lkt-table-bg-header);position:sticky;top:0;z-index:1}.lkt-table tbody tr{background-color:var(--lkt-table-bg-row)}.lkt-table tbody tr:nth-child(odd){background-color:var(--lkt-table-bg-row-odd)}.lkt-table [data-sort=asc]>div,.lkt-table [data-sort=desc]>div{display:inline-block}.lkt-table [data-sort=asc]>div:after,.lkt-table [data-sort=desc]>div:after{font-family:var(--lkt-table-font-family-sort-icon),serif;display:inline-block;font-size:var(--lkt-table-font-size-sort-icon)}.lkt-table [data-sort=asc]>div:after{content:var(--lkt-table-sort-icon-content-asc)}.lkt-table [data-sort=desc]>div:after{content:var(--lkt-table-sort-icon-content-desc)}.lkt-table td[data-role=drag-indicator],.lkt-table td[data-role=invalid-drag-indicator]{width:var(--lkt-table-width-drag);height:40px;padding:0!important;position:relative;background:#eee;cursor:pointer}.lkt-table td[data-role=drag-indicator]:before,.lkt-table td[data-role=invalid-drag-indicator]:before{content:"";display:block;background:#eee;width:18px;height:36px;margin:auto}.lkt-table td[data-role=drag-indicator]:after,.lkt-table td[data-role=invalid-drag-indicator]:after{content:"…";color:#000;display:block;position:absolute;top:50%;left:50%;font-weight:700;width:15px;height:7px;transform:rotate(90deg);transform-origin:center center}[data-lkt=empty-table]{border:1px solid #ddd;border-radius:var(--lkt-table-border-radius);width:100%;padding:10px;background-color:#f8f7e5;font-family:var(--lkt-table-font-family);font-size:13px;color:#444;text-align:var(--lkt-table-text-align)}.sortable-chosen{border:var(--lkt-table-border-sortable-chosen)}.sortable-chosen.ghost{background:var(--lkt-table-bg-sortable-chosen-ghost)}.lkt-table td.lkt-table-nav-cell{padding:0}.lkt-table-nav-container{display:flex;align-items:center;flex-direction:column;justify-content:center}.lkt-table-page-buttons{position:sticky;top:calc(-1 * var(--lkt-table-gap-buttons));display:flex;align-items:center;gap:var(--lkt-table-gap-buttons);transition:all linear .15s;background:transparent;z-index:2}.lkt-table-page-buttons-bottom{justify-content:center}.lkt-table-page-buttons>.switch-edition-mode{margin-left:auto}.lkt-table .lkt-table-col-drop{width:var(--lkt-table-width-col-drop);text-align:var(--lkt-table-text-align-col-drop)}
1
+ .lkt-table-page{display:flex;width:100%;flex-direction:column;gap:var(--lkt-table-page-gap)}.lkt-table-page-content-wrapper{display:grid;width:100%;flex-direction:column;gap:var(--lkt-table-page-gap)}.lkt-table{width:var(--lkt-table-width);font-family:var(--lkt-table-font-family),serif}.lkt-table .lkt-field{--lkt-field-font-size: var(--lkt-table-font-size-row)}.lkt-table>table{width:100%;max-width:100%;border-collapse:var(--lkt-table-border-collapse);border-radius:var(--lkt-table-border-radius);border-spacing:var(--lkt-table-border-spacing)}.lkt-table th,.lkt-table td{vertical-align:middle;text-align:var(--lkt-table-text-align);padding:var(--lkt-table-padding-row);font-size:var(--lkt-table-font-size-row);color:var(--lkt-table-color-row)}.lkt-table th{font-family:var(--lkt-table-font-family-header),serif;padding:var(--lkt-table-padding-header)}.lkt-table thead tr{background-color:var(--lkt-table-bg-header);position:sticky;top:0;z-index:1}.lkt-table tbody tr{background-color:var(--lkt-table-bg-row)}.lkt-table tbody tr:nth-child(odd){background-color:var(--lkt-table-bg-row-odd)}.lkt-table [data-sort=asc]>div,.lkt-table [data-sort=desc]>div{display:inline-block}.lkt-table [data-sort=asc]>div:after,.lkt-table [data-sort=desc]>div:after{font-family:var(--lkt-table-font-family-sort-icon),serif;display:inline-block;font-size:var(--lkt-table-font-size-sort-icon)}.lkt-table [data-sort=asc]>div:after{content:var(--lkt-table-sort-icon-content-asc)}.lkt-table [data-sort=desc]>div:after{content:var(--lkt-table-sort-icon-content-desc)}.lkt-table td[data-role=drag-indicator],.lkt-table td[data-role=invalid-drag-indicator]{width:var(--lkt-table-width-drag);height:40px;padding:0!important;position:relative;background:#eee;cursor:pointer}.lkt-table td[data-role=drag-indicator]:before,.lkt-table td[data-role=invalid-drag-indicator]:before{content:"";display:block;background:#d4d4d4;border-bottom:1px solid #848484;margin:auto;position:absolute;top:0;left:0;height:100%;width:100%}.lkt-table td[data-role=drag-indicator]:after,.lkt-table td[data-role=invalid-drag-indicator]:after{content:"…";color:#000;display:block;position:absolute;top:50%;left:60%;font-weight:700;width:15px;height:7px;transform:rotate(90deg);transform-origin:center center}[data-lkt=empty-table]{border:1px solid #ddd;border-radius:var(--lkt-table-border-radius);width:100%;padding:10px;background-color:#f8f7e5;font-family:var(--lkt-table-font-family);font-size:13px;color:#444;text-align:var(--lkt-table-text-align)}.sortable-chosen{border:var(--lkt-table-border-sortable-chosen)}.sortable-chosen.ghost{background:var(--lkt-table-bg-sortable-chosen-ghost)}.lkt-table td.lkt-table-nav-cell{padding:0}.lkt-table-nav-container{display:flex;align-items:center;flex-direction:column;justify-content:center}.lkt-table-page-buttons{position:sticky;top:calc(-1 * var(--lkt-table-gap-buttons));display:flex;align-items:center;gap:var(--lkt-table-gap-buttons);transition:all linear .15s;background:transparent;z-index:2}.lkt-table-page-buttons-bottom{justify-content:center}.lkt-table-page-buttons>.switch-edition-mode{margin-left:auto}.lkt-table .lkt-table-col-drop{width:var(--lkt-table-width-col-drop);text-align:var(--lkt-table-text-align-col-drop)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "lkt-table",
3
- "version": "1.3.13",
3
+ "version": "1.3.15",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "lkt",
package/src/components/LktTableCell.vue CHANGED
@@ -27,6 +27,9 @@ const item = ref(props.modelValue),
27
27
  value = ref(item.value[props.column.key]),
28
28
  inputElement = ref(null);
29
29
 
30
+ let calculatedColumnType = props.column.type;
31
+ if ([TypeOfColumn.Integer, TypeOfColumn.Float].includes(calculatedColumnType)) calculatedColumnType = TypeOfColumn.Number;
32
+
30
33
  watch(value, (v) => {
31
34
  const payload = JSON.parse(JSON.stringify(item.value));
32
35
  payload[props.column.key] = v;
@@ -56,19 +59,6 @@ const computedModalData = computed(() => {
56
59
  }
57
60
  return props.column.field?.modalData;
58
61
  });
59
-
60
- const computedOptions = computed(() => {
61
- if (typeof props.column.field?.options === 'string' && props.column.field?.options.startsWith('prop:')) {
62
- let prop = props.column.field?.options.substring(5);
63
- return item.value[prop];
64
- }
65
- return props.column.field.options;
66
- });
67
-
68
- const computedColumnType = computed(() => {
69
- if ([TypeOfColumn.Integer, TypeOfColumn.Float].includes(props.column.type)) return TypeOfColumn.Number;
70
- return props.column.type;
71
- })
72
62
  </script>
73
63
 
74
64
  <template>
@@ -83,26 +73,24 @@ const computedColumnType = computed(() => {
83
73
  <template v-else-if="column.type !== '' && hasInlineEditPerm">
84
74
  <lkt-field
85
75
  v-bind="column.field"
86
- :type="computedColumnType"
76
+ :type="calculatedColumnType"
87
77
  :read-mode="!column.editable || !editModeEnabled"
88
78
  :ref="(el:any) => inputElement = el"
89
79
  :slot-data="slotData"
90
80
  :label="column.type === 'switch' || column.type === 'check' ? column.label : ''"
91
81
  :modal-data="computedModalData"
92
- :options="computedOptions"
93
82
  :prop="item"
94
83
  v-model="value"/>
95
84
  </template>
96
85
  <template v-else-if="column.type !== ''">
97
86
  <lkt-field
98
87
  v-bind="column.field"
99
- :type="computedColumnType"
88
+ :type="calculatedColumnType"
100
89
  read-mode
101
90
  :ref="(el:any) => inputElement = el"
102
91
  :slot-data="slotData"
103
92
  :label="column.type === 'switch' || column.type === 'check' ? column.label : ''"
104
93
  :modal-data="computedModalData"
105
- :options="computedOptions"
106
94
  :prop="item"
107
95
  :model-value="value"/>
108
96
  </template>
package/src/lib-components/LktTable.vue CHANGED
@@ -556,7 +556,9 @@ const hasEmptySlot = computed(() => {
556
556
  class="lkt-table-page-content-wrapper"
557
557
  :class="wrapContentClass"
558
558
  >
559
- <div class="lkt-table-page-buttons" v-show="showEditionButtons">
559
+ <div
560
+ class="lkt-table-page-buttons"
561
+ v-if="showEditionButtons">
560
562
  <lkt-button
561
563
  class="lkt-table--save-button"
562
564
  ref="saveButton"
@@ -596,11 +598,13 @@ const hasEmptySlot = computed(() => {
596
598
  </div>
597
599
  </div>
598
600
 
599
- <div class="lkt-table-page-buttons" v-if="slots.buttons">
601
+ <div class="lkt-table-page-buttons"
602
+ v-if="slots.buttons">
600
603
  <slot name="buttons"/>
601
604
  </div>
602
605
 
603
- <div class="lkt-table-page-filters" v-if="firstLoadReady && slots.filters">
606
+ <div class="lkt-table-page-filters"
607
+ v-if="firstLoadReady && slots.filters">
604
608
  <slot name="filters" :items="Items" :is-loading="isLoading"/>
605
609
  </div>
606
610