bge-ui 1.0.7 → 1.0.9

package/dist/index.js

@@ -6648,15 +6648,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       emit("focus");
     }
     function handleBlur() {
-      if (!isClearHover.value) {
-        isFocus.value = false;
-      }
+      isFocus.value = false;
       emit("blur");
       emit("update:modelValue", input.value);
     }
     watch(() => props.modelValue, (val) => {
       input.value = val;
-      formItemContext.validate && formItemContext.validate().catch((err) => err);
+      formItemContext && formItemContext.validate && formItemContext.validate().catch((err) => err);
     });
     function handleChange() {
       emit("change", input.value);

package/dist/style.css

@@ -3192,6 +3192,7 @@
 }
 .bge-form .bge-form-item__content.error .bge-input__wrapper {
   border: 1px solid var(--tc-red, #FF477E);
+  background-color: var(--bg-red-08, rgba(255, 82, 133, 0.08));
 }.bge-form {
   margin: 0;
 }.bge-form-item {
@@ -3237,7 +3238,7 @@
   background: var(--bg-input, rgba(88, 126, 163, 0.08));
 }
 .bge-input .bge-input__wrapper.focus {
-  border: 1px solid var(--tc-secondary, #798EA3);
+  border: 1px solid var(--tc-theme, #292D33);
   background: transparent;
 }
 .bge-input .bge-input__wrapper.textarea {
@@ -3273,7 +3274,7 @@
   box-sizing: border-box;
   resize: none;
 }
-.bge-input .bge-input__inner ::placeholder {
+.bge-input .bge-input__inner::placeholder {
   color: var(--tc-quaternary, #3B4C5C);
   font-weight: 500;
 }

package/package.json

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

package/src/form/index.vue

@@ -110,6 +110,7 @@ defineExpose({
     &.error {
       .bge-input__wrapper {
         border: 1px solid var(--tc-red, #FF477E);
+        background-color: var(--bg-red-08, rgba(#ff5285, 0.08));
       }
     }
   }

package/src/input/index.vue

@@ -73,16 +73,14 @@ function handleFocus() {
 }
 
 function handleBlur() {
-  if (!isClearHover.value) {
-    isFocus.value = false
-  }
+  isFocus.value = false
   emit('blur')
   emit('update:modelValue', input.value)
 }
 
 watch(() => props.modelValue, (val) => {
   input.value = val
-  formItemContext.validate && formItemContext.validate().catch((err: any) => (err))
+  formItemContext && formItemContext.validate && formItemContext.validate().catch((err: any) => (err))
 })
 
 function handleChange() {
@@ -137,7 +135,7 @@ function handelClear() {
     }
 
     &.focus {
-      border: 1px solid var(--tc-secondary, #798EA3);
+      border: 1px solid var(--tc-theme, #292D33);
       background: transparent;
     }
 
@@ -179,7 +177,7 @@ function handelClear() {
     box-sizing: border-box;
     resize: none;
 
-    ::placeholder {
+    &::placeholder {
       color: var(--tc-quaternary, #3B4C5C);
       font-weight: 500;
     }