bge-ui 1.2.1 → 1.2.3

package/dist/index.js

@@ -10625,8 +10625,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function setPosition(percent) {
       state.sliderBarStyle = `width: ${percent}%`;
       state.sliderButtonStyle = `left: ${percent}%`;
-      state.stopValue = Number((percent / 100 * (Object.values(props.marks).length - 1)).toFixed());
-      state.newValue = Number(percent.toFixed());
+      state.stopValue = Math.floor(percent / 100 * (Object.values(props.marks).length - 1));
+      state.newValue = Math.floor(percent);
       emit("input", state.newValue);
       emit("update:modelValue", state.newValue);
       setTimeout(() => {

package/dist/style.css

@@ -5,6 +5,7 @@
   border-radius: var(--radius-small, 4px);
   padding: 8px 16px;
   font-size: 14px;
+  line-height: 24px;
   font-weight: 500;
   border: none;
   outline: none;
@@ -1006,7 +1007,7 @@ to {
   top: 50%;
   transform: translate(-50%, -50%);
   height: 160px;
-  padding: 24px 0;
+  padding: 16px 0;
   overflow: hidden;
 }
 .bge-dialog .bge-dialog__header {
@@ -1453,11 +1454,11 @@ to {
   position: absolute;
 }
 .bge-slider .bge-slider__runway .slider-button-wrapper {
-  height: 16px;
-  width: 16px;
+  height: 14px;
+  width: 14px;
   position: absolute;
   z-index: 100;
-  top: -15px;
+  top: -6px;
   transform: translateX(-50%);
   background-color: transparent;
   text-align: center;
@@ -1466,17 +1467,18 @@ to {
   -ms-user-select: none;
   user-select: none;
   line-height: normal;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .bge-slider .bge-slider__runway .slider-button-wrapper .slider-button {
   background: var(--bg-slider-selected, #4F5C71);
   position: relative;
-  top: 6px;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   transition: 0.2s;
   user-select: none;
-  vertical-align: middle;
   display: inline-block;
 }
 .bge-slider .bge-slider__runway .slider-button-wrapper .slider-button:hover {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bge-ui",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "",
   "type": "module",
   "main": "./src/index.ts",

package/src/button/index.vue

@@ -148,6 +148,7 @@ defineProps({
   border-radius: var(--radius-small, 4px);
   padding: 8px 16px;
   font-size: 14px;
+  line-height: 24px;
   font-weight: 500;
   border: none;
   outline: none;

package/src/dialog/index.vue

@@ -132,7 +132,7 @@ function close() {
   top: 50%;
   transform: translate(-50%, -50%);
   height: 160px;
-  padding: 24px 0;
+  padding: 16px 0;
   overflow: hidden;
 
   .bge-dialog__header {

package/src/slider/index.vue

@@ -146,8 +146,8 @@ const tooltip = ref()
 function setPosition (percent: any) {
   state.sliderBarStyle = `width: ${percent}%`
   state.sliderButtonStyle = `left: ${percent}%`
-  state.stopValue = Number((percent / 100 * (Object.values(props.marks).length - 1)).toFixed())
-  state.newValue = Number(percent.toFixed())
+  state.stopValue = Math.floor(percent / 100 * (Object.values(props.marks).length - 1))
+  state.newValue = Math.floor(percent)
   emit('input', state.newValue)
   emit('update:modelValue', state.newValue)
   setTimeout(() => {
@@ -189,11 +189,11 @@ watch(() => props.modelValue, (val: number) => {
     }
 
     .slider-button-wrapper {
-      height: 16px;
-      width: 16px;
+      height: 14px;
+      width: 14px;
       position: absolute;
       z-index: 100;
-      top: -15px;
+      top: -6px;
       transform: translateX(-50%);
       background-color: transparent;
       text-align: center;
@@ -202,18 +202,19 @@ watch(() => props.modelValue, (val: number) => {
       -ms-user-select: none;
       user-select: none;
       line-height: normal;
+      display: flex;
+      align-items: center;
+      justify-content: center;
 
       .slider-button {
         // border: solid 4px rgba(255, 214, 51, 0.16);
         background: var(--bg-slider-selected, #4F5C71);
         position: relative;
-        top: 6px;
         width: 14px;
         height: 14px;
         border-radius: 50%;
         transition: 0.2s;
         user-select: none;
-        vertical-align: middle;
         display: inline-block;
 
         &:hover {