@policystudio/policy-studio-ui-vue 1.0.92 → 1.0.94

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@policystudio/policy-studio-ui-vue",
3
- "version": "1.0.92",
3
+ "version": "1.0.94",
4
4
  "description": "Policy Studio UI",
5
5
  "main": "src/index.js",
6
6
  "author": "Policy Studio Team",
@@ -6,8 +6,15 @@
6
6
  :ref="indexColumnGroup"
7
7
  :id="`edit-group-${indexColumnGroup}`"
8
8
  >
9
+ <PsTooltip
10
+ position="top"
11
+ :ignoreDialog="!columnGroup.disabled"
12
+ class="w-full"
13
+ >
14
+ <template v-slot:trigger>
9
15
  <div
10
16
  class="psui-el-draggable-wrapper-title"
17
+ :class="{'psui-opacity-50 psui-pointer-events-none':columnGroup.disabled}"
11
18
  draggable="true"
12
19
  @dragstart="$emit('drag-start-group', indexColumnGroup)"
13
20
  @dragend="$emit('drag-end-group', indexColumnGroup)"
@@ -19,14 +26,17 @@
19
26
  v-if="columnGroup.hasHelper.showOnEditHideColumns"
20
27
  icon="info"
21
28
  size="16"
22
- icon-classes="psui-ml-2 psui-text-blue-50 psui-cursor-pointer"
29
+ :icon-classes="columnGroup.disabled ? 'psui-ml-2 psui-text-gray-50':'psui-ml-2 psui-text-blue-50 psui-cursor-pointer'"
23
30
  @click.native="$emit('column-group-helper', columnGroup.hasHelper)"
24
31
  />
25
32
  </span>
26
33
  <i class="material-icons-round">drag_indicator</i>
27
34
  </div>
28
35
 
29
- <div class="psui-el-draggable-wrapper-list">
36
+ <div
37
+ class="psui-el-draggable-wrapper-list"
38
+ :class="{'psui-opacity-50 psui-pointer-events-none':columnGroup.disabled}"
39
+ >
30
40
 
31
41
  <div
32
42
  v-for="(column, indexColumn) in columnGroup.columns"
@@ -41,7 +51,7 @@
41
51
  <div
42
52
  class="psui-w-full psui-flex psui-items-center"
43
53
  >
44
- <span class="psui-el-draggable-item-title psui-flex psui-items-center">
54
+ <span class="psui-el-draggable-item-title psui-flex psui-flex-row psui-items-center">
45
55
  <PsCheckboxSimple
46
56
  size="small"
47
57
  :label="column.title"
@@ -55,7 +65,7 @@
55
65
  v-if="column.hasHelper.showOnEditHideColumns"
56
66
  icon="info"
57
67
  size="16"
58
- icon-classes="psui-ml-2 psui-text-blue-50 psui-cursor-pointer"
68
+ :icon-classes="columnGroup.disabled ? 'psui-ml-2 psui-text-gray-50':'psui-ml-2 psui-text-blue-50 psui-cursor-pointer'"
59
69
  @click.native="$emit('column-helper', column.hasHelper)"
60
70
  />
61
71
  </span>
@@ -65,6 +75,11 @@
65
75
  </div>
66
76
  </div>
67
77
  </div>
78
+ </template>
79
+ <template v-slot:content class="!psui-opacity-0">
80
+ {{columnGroup.disabledTitle}}
81
+ </template>
82
+ </PsTooltip>
68
83
  </div>
69
84
  </div>
70
85
  </template>
@@ -322,7 +322,7 @@ export default {
322
322
  this.collapsedRows.push(item.index)
323
323
  }
324
324
  this.$forceUpdate()
325
- this.$emit('collapse-row', item)
325
+ this.$emit('collapse-row', this.collapsedRows)
326
326
  }
327
327
  }
328
328
  }