@policystudio/policy-studio-ui-vue 1.2.0-access.80 → 1.2.0-access.82

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.2.0-access.80",
3
+ "version": "1.2.0-access.82",
4
4
  "description": "Policy Studio UI",
5
5
  "author": "Policy Studio Team",
6
6
  "scripts": {
@@ -2,7 +2,7 @@
2
2
  <div
3
3
  class="psui-el-switch"
4
4
  :class="[getComponentClass, { disabled: disabled }]"
5
- @click="change()"
5
+ @click.prevent="change()"
6
6
  @keydown.enter.stop="change()"
7
7
  :tabindex="tabindex"
8
8
  >
@@ -147,7 +147,6 @@
147
147
  position="top"
148
148
  layout="gray"
149
149
  class="psui-inline-flex psui-cursor-default"
150
- :class="[isHoveringRow === index ? 'opacity-1' : 'opacity-0']"
151
150
  :ignore-dialog="getIgnoreDialogIcon(item)"
152
151
  >
153
152
  <template #trigger>
@@ -155,11 +154,13 @@
155
154
  :icon="getIcon(item)"
156
155
  :class="[
157
156
  'psui-flex psui-text-gray-60 psui-cursor-pointer leading-none hover:psui-text-blue-60 psui-gap-3 transition-all',
158
- layout === 'flexible' ? 'px-1 psui-py-0' : 'psui-px-5 psui-py-1'
157
+ layout === 'flexible' ? 'px-1 psui-py-0' : 'psui-px-5 psui-py-1',
158
+ isHoveringRow === index ? 'opacity-1' : 'opacity-0'
159
159
  ]"
160
160
  size="18"
161
161
  display="flex"
162
162
  @click.native="executeCallback(item)"
163
+ @keydown.enter.native="executeCallback(item)"
163
164
  />
164
165
  </template>
165
166
  <template #content>
@@ -311,7 +312,6 @@
311
312
  size="small"
312
313
  :label="column.title ? `${column.title} Switch Button` : null"
313
314
  @change="emit('switchButtonItemChanged', item, $event)"
314
- @keydown.enter.native="emit('switchButtonItemChanged', item, $event)"
315
315
  />
316
316
  </div>
317
317
  </div>
@@ -10,12 +10,14 @@
10
10
  <p class="title">
11
11
  {{ columnGroup.title }}
12
12
  </p>
13
+
13
14
  <PsIcon
14
15
  icon="info_outline"
15
16
  size="18"
16
17
  display="flex"
17
18
  class="helper psui-mt-[2px] psui-cursor-pointer psui-text-gray-60 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
18
19
  @click="emit('click-column-group-helper', columnGroup, $event)"
20
+ @keydown.enter.stop="emit('click-column-group-helper', columnGroup, $event)"
19
21
  />
20
22
  </div>
21
23
  </th>
@@ -77,6 +79,7 @@
77
79
  class="helper psui-cursor-pointer psui-text-gray-60 hover:psui-text-blue-60 psui-opacity-0 psui-leading-none psui-transition"
78
80
  display="flex"
79
81
  @click="emit('click-column-helper', column, $event)"
82
+ @keydown.enter.stop="emit('click-column-helper', column, $event)"
80
83
  />
81
84
 
82
85
  <PsIcon
@@ -86,7 +89,8 @@
86
89
  size="18"
87
90
  class="helper psui-cursor-pointer psui-text-blue-50 psui-opacity-0 psui-leading-none psui-transition"
88
91
  :style="{ display: 'flex', marginTop: '1px' }"
89
- @click="emit('click-order-column', column)"
92
+ @click="emit('click-order-column', column)"
93
+ @keydown.enter.stop="emit('click-order-column', column)"
90
94
  />
91
95
  </div>
92
96
  </div>