bge-ui 1.6.0 → 1.6.2

package/dist/index.js

@@ -8517,7 +8517,6 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
     const getInstance = (id) => {
       const idx = props.instances.findIndex((instance) => {
-        console.log(id, instance.id);
         return instance.id === id;
       });
       const current = props.instances[idx];
@@ -8642,7 +8641,6 @@ function createMessage(_options = {}, context) {
     ...messageDefaults,
     ..._options
   };
-  console.log(_options.styleType === "notification", instances, id);
   const { appendTo: appendTo2, ...options } = normalized;
   const userOnClose = normalized.onClose;
   const container = document.createElement("div");
@@ -10776,7 +10774,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       state2.newValue = Math.floor(Number(new BigNumber(percent).div(100).multipliedBy(new BigNumber(maxValue.value).minus(minValue.value)).plus(minValue.value).toFixed(0)));
       emit("input", state2.newValue);
       emit("update:modelValue", state2.newValue);
-      const newPercent = new BigNumber(new BigNumber(state2.newValue).minus(minValue.value)).div(new BigNumber(maxValue.value).minus(minValue.value)).multipliedBy(100).toFixed(0);
+      const newPercent = new BigNumber(new BigNumber(state2.newValue).minus(minValue.value)).div(new BigNumber(maxValue.value).minus(minValue.value)).multipliedBy(100).toFixed(2);
       if (newPercent !== percent) {
         setPosition(newPercent);
       }
@@ -10785,7 +10783,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       }, 50);
     }
     watch(() => props.modelValue, () => {
-      const percent = new BigNumber(new BigNumber(props.modelValue).minus(minValue.value)).div(new BigNumber(maxValue.value).minus(minValue.value)).multipliedBy(100).toFixed(0);
+      const percent = new BigNumber(new BigNumber(props.modelValue).minus(minValue.value)).div(new BigNumber(maxValue.value).minus(minValue.value)).multipliedBy(100).toFixed(2);
       setPosition(percent);
     }, {
       immediate: true

package/dist/style.css

@@ -77,7 +77,13 @@
   --btn: var(--btn-red);
   --btn-hover: var(--btn-red-hover);
   --btn-pressed: var(--btn-red-hover);
-  --btn-disable: var(--btn-red-disable);
+  --btn-disable: var(--btn-red);
+}
+.bge-button.bge-button--red:disabled {
+  opacity: 0.4;
+}
+.bge-button.bge-button--red:disabled span {
+  color: var(--persistent-white);
 }
 .bge-button.bge-button--green {
   --color: var(--persistent-white);
@@ -85,7 +91,13 @@
   --btn: var(--btn-green);
   --btn-hover: var(--btn-green-hover);
   --btn-pressed: var(--btn-green-hover);
-  --btn-disable: var(--btn-green-disable);
+  --btn-disable: var(--btn-green);
+}
+.bge-button.bge-button--green:disabled {
+  opacity: 0.4;
+}
+.bge-button.bge-button--green:disabled span {
+  color: var(--persistent-white);
 }
 .bge-button.bge-button--large {
   font-size: 16px;

package/package.json

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

package/src/button/index.vue

@@ -112,7 +112,14 @@ defineProps({
     --btn: var(--btn-red);
     --btn-hover: var(--btn-red-hover);
     --btn-pressed: var(--btn-red-hover);
-    --btn-disable: var(--btn-red-disable);
+    --btn-disable: var(--btn-red);
+
+    &:disabled {
+      opacity: 0.4;
+      span {
+        color: var(--persistent-white);
+      }
+    }
   }
   
   &.bge-button--green {
@@ -121,7 +128,14 @@ defineProps({
     --btn: var(--btn-green);
     --btn-hover: var(--btn-green-hover);
     --btn-pressed: var(--btn-green-hover);
-    --btn-disable: var(--btn-green-disable);
+    --btn-disable: var(--btn-green);
+
+    &:disabled {
+      opacity: 0.4;
+      span {
+        color: var(--persistent-white);
+      }
+    }
   }
 
   &.bge-button--large {

package/src/message/index.vue

@@ -79,7 +79,6 @@ function clearTimer() {
 
 const getInstance = (id: string) => {
   const idx = props.instances.findIndex((instance: {id: String}) => {
-    console.log(id, instance.id)
     return instance.id === id
   })
   const current = props.instances[idx]

package/src/message/method.ts

@@ -61,7 +61,7 @@ function createMessage(_options: any = {}, context?: AppContext | null) {
     ...messageDefaults,
     ..._options,
   }
-  console.log(_options.styleType === 'notification', instances, id)
+  // console.log(_options.styleType === 'notification', instances, id)
   const { appendTo, ...options } = normalized
 
   const userOnClose = normalized.onClose

package/src/slider/index.vue

@@ -200,7 +200,7 @@ function setPosition (percent: string) {
   state.newValue = Math.floor(Number(new BigNumber(percent).div(100).multipliedBy(new BigNumber(maxValue.value).minus(minValue.value)).plus(minValue.value).toFixed(0)))
   emit('input', state.newValue)
   emit('update:modelValue', state.newValue)
-  const newPercent = new BigNumber(new BigNumber(state.newValue).minus(minValue.value)).div(new BigNumber(maxValue.value).minus(minValue.value)).multipliedBy(100).toFixed(0)
+  const newPercent = new BigNumber(new BigNumber(state.newValue).minus(minValue.value)).div(new BigNumber(maxValue.value).minus(minValue.value)).multipliedBy(100).toFixed(2)
   if (newPercent !== percent) {
     setPosition(newPercent)
   }
@@ -210,7 +210,7 @@ function setPosition (percent: string) {
 }
 
 watch(() => props.modelValue, () => {
-  const percent = new BigNumber(new BigNumber(props.modelValue).minus(minValue.value)).div(new BigNumber(maxValue.value).minus(minValue.value)).multipliedBy(100).toFixed(0)
+  const percent = new BigNumber(new BigNumber(props.modelValue).minus(minValue.value)).div(new BigNumber(maxValue.value).minus(minValue.value)).multipliedBy(100).toFixed(2)
   setPosition(percent)
 }, {
   immediate: true