@dataloop-ai/components 0.20.49 → 0.20.50

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/basic/DlPanelContainer/DlPanelContainer.vue +20 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.20.49",
3
+ "version": "0.20.50",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
package/src/components/basic/DlPanelContainer/DlPanelContainer.vue CHANGED
@@ -7,12 +7,18 @@
7
7
  :data-resizable="resizable"
8
8
  :data-collapsable="collapsable"
9
9
  :data-direction="direction"
10
+ @mouseenter="handleMouseEnter"
11
+ @mouseleave="handleMouseLeave"
10
12
  >
11
13
  <div ref="panel" class="inner-container" style="height: 100%">
12
14
  <div v-if="collapsed" class="inner-container-overlay" />
13
15
  <div v-if="collapsable === true">
14
16
  <div
15
- v-if="direction === 'right' && isFullWidth === true"
17
+ v-if="
18
+ direction === 'right' &&
19
+ isFullWidth === true &&
20
+ hideCollapseButton === false
21
+ "
16
22
  class="collapse-icon collapse-icon--right"
17
23
  @click="handleCollapseButtonClick"
18
24
  >
@@ -36,7 +42,11 @@
36
42
  />
37
43
  </div>
38
44
  <div
39
- v-else-if="direction === 'left' && isFullWidth === true"
45
+ v-else-if="
46
+ direction === 'left' &&
47
+ isFullWidth === true &&
48
+ hideCollapseButton === false
49
+ "
40
50
  class="collapse-icon collapse-icon--left"
41
51
  @click="handleCollapseButtonClick"
42
52
  >
@@ -181,7 +191,8 @@ export default defineComponent({
181
191
  left: 0,
182
192
  isFullWidth: true,
183
193
  avoidUserSelect: false,
184
- collapsed: false
194
+ collapsed: false,
195
+ hideCollapseButton: false
185
196
  }
186
197
  },
187
198
  computed: {
@@ -288,6 +299,12 @@ export default defineComponent({
288
299
  }
289
300
  },
290
301
  methods: {
302
+ handleMouseEnter() {
303
+ this.hideCollapseButton = false
304
+ },
305
+ handleMouseLeave() {
306
+ this.hideCollapseButton = true
307
+ },
291
308
  reset() {
292
309
  const element = this.$refs['panel'] as HTMLDivElement
293
310
  element.style.width = this.w + 'px'