bge-ui 1.0.27 → 1.1.2

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 (5) hide show
  1. package/dist/index.js +0 -3
  2. package/dist/style.css +18 -0
  3. package/package.json +1 -1
  4. package/src/tooltip/index.vue +18 -0
  5. package/src/tooltip/usePopper.ts +4 -3
package/dist/index.js CHANGED
@@ -7805,9 +7805,6 @@ const usePopper = function(triggerReference, suppliedOptions = {}) {
7805
7805
  triggerReference.value && triggerReference.value.addEventListener("mouseleave", () => {
7806
7806
  toggleTooltipHover("close", "trigger");
7807
7807
  });
7808
- triggerReference.value && triggerReference.value.addEventListener("focus", () => {
7809
- toggleTooltipHover("open");
7810
- });
7811
7808
  triggerReference.value && triggerReference.value.addEventListener("click", () => {
7812
7809
  toggleTooltip();
7813
7810
  });
package/dist/style.css CHANGED
@@ -1028,19 +1028,35 @@ to {
1028
1028
  .bge-popper-wrapper[data-popper-placement^=top] > .popper-content > [data-popper-arrow] {
1029
1029
  bottom: -4px;
1030
1030
  }
1031
+ .bge-popper-wrapper[data-popper-placement^=top] > .popper-content > [data-popper-arrow]::before {
1032
+ border-top: none;
1033
+ border-left: none;
1034
+ }
1031
1035
  .bge-popper-wrapper[data-popper-placement^=bottom] > .popper-content > [data-popper-arrow] {
1032
1036
  top: -4px;
1033
1037
  }
1038
+ .bge-popper-wrapper[data-popper-placement^=bottom] > .popper-content > [data-popper-arrow]::before {
1039
+ border-bottom: none;
1040
+ border-right: none;
1041
+ }
1034
1042
  .bge-popper-wrapper[data-popper-placement^=left] > .popper-content > [data-popper-arrow] {
1035
1043
  right: -4px;
1036
1044
  top: 50% !important;
1037
1045
  transform: translateY(-50%) !important;
1038
1046
  }
1047
+ .bge-popper-wrapper[data-popper-placement^=left] > .popper-content > [data-popper-arrow]::before {
1048
+ border-left: none;
1049
+ border-bottom: none;
1050
+ }
1039
1051
  .bge-popper-wrapper[data-popper-placement^=right] > .popper-content > [data-popper-arrow] {
1040
1052
  left: -4px;
1041
1053
  top: 50% !important;
1042
1054
  transform: translateY(-50%) !important;
1043
1055
  }
1056
+ .bge-popper-wrapper[data-popper-placement^=right] > .popper-content > [data-popper-arrow]::before {
1057
+ border-top: none;
1058
+ border-right: none;
1059
+ }
1044
1060
  .bge-popper-wrapper .popper-content {
1045
1061
  max-width: 360px;
1046
1062
  box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.08);
@@ -1055,6 +1071,7 @@ to {
1055
1071
  }
1056
1072
  .bge-popper-wrapper .popper-content.dropdown {
1057
1073
  --bg-tooltip: var(--bg-float);
1074
+ padding: 0;
1058
1075
  }
1059
1076
  .bge-popper-wrapper .popper-content.popper-content--mini {
1060
1077
  font-size: 12px;
@@ -1078,6 +1095,7 @@ to {
1078
1095
  width: 8px;
1079
1096
  height: 8px;
1080
1097
  background: var(--bg-tooltip, #53677A);
1098
+ border: solid 0.5px var(--separator-separator);
1081
1099
  visibility: visible;
1082
1100
  transform: rotate(45deg);
1083
1101
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bge-ui",
3
- "version": "1.0.27",
3
+ "version": "1.1.2",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "main": "./src/index.ts",
package/src/tooltip/index.vue CHANGED
@@ -264,20 +264,36 @@ defineExpose({
264
264
  z-index: 20;
265
265
 
266
266
  &[data-popper-placement^="top"]>.popper-content>[data-popper-arrow] {
267
+ &::before {
268
+ border-top: none;
269
+ border-left: none;
270
+ }
267
271
  bottom: -4px;
268
272
  }
269
273
 
270
274
  &[data-popper-placement^="bottom"]>.popper-content>[data-popper-arrow] {
275
+ &::before {
276
+ border-bottom: none;
277
+ border-right: none;
278
+ }
271
279
  top: -4px;
272
280
  }
273
281
 
274
282
  &[data-popper-placement^="left"]>.popper-content>[data-popper-arrow] {
283
+ &::before {
284
+ border-left: none;
285
+ border-bottom: none;
286
+ }
275
287
  right: -4px;
276
288
  top: 50% !important;
277
289
  transform: translateY(-50%) !important;
278
290
  }
279
291
 
280
292
  &[data-popper-placement^="right"]>.popper-content>[data-popper-arrow] {
293
+ &::before {
294
+ border-top: none;
295
+ border-right: none;
296
+ }
281
297
  left: -4px;
282
298
  top: 50% !important;
283
299
  transform: translateY(-50%) !important;
@@ -297,6 +313,7 @@ defineExpose({
297
313
 
298
314
  &.dropdown {
299
315
  --bg-tooltip: var(--bg-float);
316
+ padding: 0;
300
317
  }
301
318
 
302
319
  &.popper-content--mini {
@@ -325,6 +342,7 @@ defineExpose({
325
342
  width: 8px;
326
343
  height: 8px;
327
344
  background: var(--bg-tooltip, #53677A);
345
+ border: solid 0.5px var(--separator-separator);
328
346
  visibility: visible;
329
347
  transform: rotate(45deg);
330
348
  }
package/src/tooltip/usePopper.ts CHANGED
@@ -269,9 +269,10 @@ const usePopper = function (triggerReference, suppliedOptions: Options = {}) {
269
269
  triggerReference.value && triggerReference.value.addEventListener('mouseleave', () => {
270
270
  toggleTooltipHover('close', 'trigger')
271
271
  })
272
- triggerReference.value && triggerReference.value.addEventListener('focus', () => {
273
- toggleTooltipHover('open');
274
- })
272
+ // triggerReference.value && triggerReference.value.addEventListener('focus', () => {
273
+ // toggleTooltipHover('open');
274
+ // })
275
+
275
276
  triggerReference.value && triggerReference.value.addEventListener('click', () => {
276
277
  toggleTooltip();
277
278
  })