bge-ui 1.6.1 → 1.6.3

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");
@@ -8768,6 +8766,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           opacity.value = 1;
           height.value = 48 + 64 + 16 + Number(offsetHeight);
         });
+        document.body.classList.add("ui-parent--hidden");
       }
     }, {
       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;
@@ -1236,8 +1248,12 @@ to {
 .bge-message.fade-enter-from {
   opacity: 0;
   transform: translate(-50%, -100%);
-}.bge-modal {
-  position: fixed;
+}.ui-parent--hidden {
+  overflow-y: hidden;
+  position: relative;
+}
+.bge-modal {
+  position: absolute;
   left: 0;
   top: 0;
   width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bge-ui",
-  "version": "1.6.1",
+  "version": "1.6.3",
   "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/dialog/index.vue

@@ -74,6 +74,7 @@ watch(() => [props.visible, props.resetState], ([value]) => {
       opacity.value = 1
       height.value = 48 + 64 + 16 + Number(offsetHeight)
     })
+    document.body.classList.add('ui-parent--hidden')
   }
 }, {
   immediate: true
@@ -108,6 +109,10 @@ defineExpose({
 })
 </script>
 <style lang="scss">
+.ui-parent--hidden {
+  overflow-y: hidden;
+  position: relative;
+}
 @mixin pc {
   @media only screen and (min-width: 1024px)
   {
@@ -129,7 +134,7 @@ defineExpose({
   }
 }
 .bge-modal {
-  position: fixed;
+  position: absolute;
   left: 0;
   top: 0;
   width: 100%;

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