bge-ui 1.3.0 → 1.3.2

package/dist/index.js

@@ -6198,6 +6198,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       emit("change", input.value);
       emit("update:modelValue", input.value);
     }
+    onMounted(() => {
+      if (props.modelValue) {
+        input.value = props.modelValue;
+      }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createElementVNode("div", {
@@ -6481,7 +6486,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       if (value) {
         setTimeout(() => {
           opacity.value = 1;
-          height.value = 96 + Number(DialogBody.value.offsetHeight);
+          height.value = 48 + 64 + Number(DialogBody.value.offsetHeight);
         });
       }
     }, {

package/dist/style.css

@@ -1015,11 +1015,11 @@ to {
   top: 50%;
   transform: translate(-50%, -50%);
   height: 160px;
-  padding: 16px 0;
+  padding: 32px 0;
   overflow: hidden;
 }
 .bge-dialog .bge-dialog__header {
-  padding: 0 24px;
+  padding: 0 32px;
   line-height: 32px;
   font-size: 20px;
   font-weight: 600;
@@ -1033,8 +1033,8 @@ to {
   display: flex;
   justify-content: center;
   align-items: center;
-  height: 48px;
-  width: 48px;
+  height: 32px;
+  width: 24px;
   color: var(--tc-tertiary);
   cursor: pointer;
 }
@@ -1042,12 +1042,12 @@ to {
   color: var(--tc-primary);
 }
 .bge-dialog .bge-dialog__body {
-  padding: 16px 24px;
+  padding: 16px 32px 0 32px;
   max-height: calc(94vh - 86px);
   color: var(--tc-secondary, #B2BAC2);
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 400;
-  line-height: 28px;
+  line-height: 24px;
 }
 .bge-dialog .bge-dialog__body.full {
   padding: 16px 0;

package/package.json

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

package/src/dialog/index.vue

@@ -63,7 +63,7 @@ watch(() => [props.visible, props.resetState], ([value]) => {
   if (value) {
     setTimeout(() => {
       opacity.value = 1
-      height.value = 96 + Number(DialogBody.value.offsetHeight)
+      height.value = 48 + 64 + Number(DialogBody.value.offsetHeight)
     })
   }
 }, {
@@ -132,11 +132,11 @@ function close() {
   top: 50%;
   transform: translate(-50%, -50%);
   height: 160px;
-  padding: 16px 0;
+  padding: 32px 0;
   overflow: hidden;
 
   .bge-dialog__header {
-    padding: 0 24px;
+    padding: 0 32px;
     line-height: 32px;
     font-size: 20px;
     font-weight: 600;
@@ -150,8 +150,8 @@ function close() {
       display: flex;
       justify-content: center;
       align-items: center;
-      height: 48px;
-      width: 48px;
+      height: 32px;
+      width: 24px;
       color: var(--tc-tertiary);
       cursor: pointer;
 
@@ -162,12 +162,12 @@ function close() {
   }
 
   .bge-dialog__body {
-    padding: 16px 24px;
+    padding: 16px 32px 0 32px;
     max-height: calc(94vh - 86px);
     color: var(--tc-secondary, #B2BAC2);
-    font-size: 16px;
+    font-size: 14px;
     font-weight: 400;
-    line-height: 28px;
+    line-height: 24px;
 
     &.full {
       padding: 16px 0;

package/src/input/index.vue

@@ -24,7 +24,7 @@
 </template>
 <script setup lang="ts">
 import MonoClose from "../icons/MonoClose.vue";
-import { ref, useSlots, inject, watch } from 'vue'
+import { ref, useSlots, inject, watch, onMounted } from 'vue'
 const props = defineProps({
   type: {
     type: String,
@@ -106,6 +106,12 @@ function handelClear() {
   emit('update:modelValue', input.value)
 }
 
+onMounted(() => { 
+  if (props.modelValue) {
+    input.value = props.modelValue
+  } 
+})
+
 </script>
 <style lang="scss">
 .bge-input {