bge-ui 1.5.7 → 1.5.9

package/dist/form/form-item.vue.d.ts

@@ -1,10 +1,12 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    showError: BooleanConstructor;
     label: StringConstructor;
     formItemClass: StringConstructor;
     prop: (StringConstructor | ArrayConstructor)[];
     required: BooleanConstructor;
     rules: (ObjectConstructor | ArrayConstructor)[];
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showError: BooleanConstructor;
     label: StringConstructor;
     formItemClass: StringConstructor;
     prop: (StringConstructor | ArrayConstructor)[];
@@ -12,6 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     rules: (ObjectConstructor | ArrayConstructor)[];
 }>>, {
     required: boolean;
+    showError: boolean;
 }, {}>, {
     label?(_: {
         label: string;

package/dist/index.js

@@ -5990,6 +5990,7 @@ const formContextKey = "bge-form-context";
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "form-item",
   props: {
+    showError: Boolean,
     label: String,
     formItemClass: String,
     prop: [String, Array],
@@ -6137,7 +6138,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           ])
         ])) : createCommentVNode("", true),
         createElementVNode("div", {
-          class: normalizeClass(["bge-form-item__content", { error: shouldShowError.value }])
+          class: normalizeClass(["bge-form-item__content", { error: shouldShowError.value || __props.showError }])
         }, [
           renderSlot(_ctx.$slots, "default"),
           createVNode(TransitionGroup, { name: "form-item-zoom-in-top" }, {
@@ -6355,6 +6356,11 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     function addPane(pane) {
       panes.value.push(pane);
     }
+    watch(() => props.modelValue, () => {
+      setTimeout(() => {
+        update();
+      }, 100);
+    });
     function changeValue(value) {
       emits("update:modelValue", value);
       setTimeout(() => {

package/dist/style.css

@@ -1619,8 +1619,6 @@ to {
   font-size: 14px;
   align-items: center;
   align-self: stretch;
-  overflow-y: auto;
-  max-height: 224px;
 }
 .bge-select .bge-select__wrapper .bge-select__inner {
   display: flex;
@@ -1665,6 +1663,8 @@ to {
   display: block;
 }
 .bge-select .bge-popper-wrapper {
+  max-height: 224px;
+  overflow-y: auto;
   min-width: 120px;
   width: 100%;
 }

package/package.json

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

package/src/form/form-item.vue

@@ -6,7 +6,7 @@
       </slot>
     </div>
 
-    <div class="bge-form-item__content" :class="{ error: shouldShowError }">
+    <div class="bge-form-item__content" :class="{ error: shouldShowError || showError }">
       <slot />
       <transition-group name="form-item-zoom-in-top">
         <slot v-if="shouldShowError" name="error" :error="validateMessage">
@@ -24,6 +24,7 @@ import { refDebounced } from '@vueuse/core'
 import AsyncValidator from 'async-validator'
 
 const props = defineProps({
+  showError: Boolean,
   label: String,
   formItemClass: String,
   prop: [String, Array],

package/src/select/index.vue

@@ -110,8 +110,6 @@ const emits = defineEmits([
     font-size: 14px;
     align-items: center;
     align-self: stretch;
-    overflow-y: auto;
-    max-height: 224px;
 
     .bge-select__inner {
       display: flex;
@@ -177,6 +175,8 @@ const emits = defineEmits([
   }
 
   .bge-popper-wrapper {
+    max-height: 224px;
+    overflow-y: auto;
     min-width: 120px;
     width: 100%;
     .popper-content {

package/src/tabs/index.vue

@@ -7,7 +7,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { provide, ref, onMounted } from "vue"
+import { provide, ref, onMounted, watch } from "vue"
 defineOptions({
   name: "Tabs",
 })
@@ -35,11 +35,17 @@ function addPane(pane: any) {
   panes.value.push(pane)
 }
 
+watch(() => props.modelValue, () => {
+  setTimeout(() => {
+    update()
+  }, 100)
+})
+
 function changeValue(value: string) {
   emits('update:modelValue', value)
   setTimeout(() => {
     update()
-  }, 100);
+  }, 100)
 }
 
 const tabsKey = 'bge-tabs-context'