bge-ui 1.6.8 → 1.7.0

package/dist/index.js

@@ -6186,6 +6186,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       type: [String, Number],
       default: ""
     },
+    clearable: Boolean,
     thousand: Boolean,
     placeholder: String,
     disabled: Boolean,
@@ -6314,7 +6315,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["bge-input__suffix", { suffix: !!unref(suffixSlot) }])
           }, [
             createElementVNode("span", _hoisted_6$5, [
-              __props.modelValue && !__props.readonly && !__props.disabled ? (openBlock(), createBlock(_sfc_main$1C, {
+              __props.modelValue && !__props.readonly && !__props.disabled && __props.clearable ? (openBlock(), createBlock(_sfc_main$1C, {
                 key: 0,
                 class: "bge-input__icon clear",
                 onMouseover: _cache[0] || (_cache[0] = withModifiers(($event) => hoverClear(true), ["prevent"])),
@@ -7955,7 +7956,7 @@ const usePopper = function(triggerReference, suppliedOptions = {}) {
   };
   const openWithDelay = useDebounceFn(async () => {
     var _a;
-    if (isTargetHovered.value) {
+    if (isTargetHovered.value || !options.hover) {
       const updated = await ((_a = popperInstance.value) == null ? void 0 : _a.update());
       placementState.value = (updated == null ? void 0 : updated.placement) || options.placement;
       isOpened.value = true;
@@ -8278,7 +8279,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
      */
     openDelay: {
       type: Number,
-      default: 500,
+      default: 200,
       validator: (value) => {
         const isPositive = value >= 0;
         if (!isPositive) {
@@ -8389,7 +8390,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         size: props.size,
         type: props.type,
         disableClickOutside: props.disableClickOutside,
-        openDelay: props.openDelay,
+        openDelay: props.type === "dropdown" ? 0 : props.openDelay,
         closeDelay: props.closeDelay,
         showArrow: props.showArrow,
         strategy: props.strategy,
@@ -10934,6 +10935,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           class: "bge-select-popper-wrapper",
           teleported: false,
           "show-arrow": false,
+          "open-delay": 0,
           type: "dropdown",
           hover: false
         }, {

package/dist/input/index.vue.d.ts

@@ -8,6 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    clearable: BooleanConstructor;
     thousand: BooleanConstructor;
     placeholder: StringConstructor;
     disabled: BooleanConstructor;
@@ -36,6 +37,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    clearable: BooleanConstructor;
     thousand: BooleanConstructor;
     placeholder: StringConstructor;
     disabled: BooleanConstructor;
@@ -58,6 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     type: string;
     disabled: boolean;
     modelValue: string | number;
+    clearable: boolean;
     readonly: boolean;
     thousand: boolean;
     rows: string | number;

package/package.json

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

package/src/input/index.vue

@@ -14,7 +14,7 @@
         @change="handleChange" @input="handleInput" />
       <span class="bge-input__suffix" :class="{ suffix: !!suffixSlot }">
         <span class="bge-input__suffix-inner">
-          <mono-close class="bge-input__icon clear" v-if="modelValue && !readonly && !disabled"  @mouseover.prevent="hoverClear(true)"
+          <mono-close class="bge-input__icon clear" v-if="modelValue && !readonly && !disabled && clearable"  @mouseover.prevent="hoverClear(true)"
             @mouseout.prevent="hoverClear(false)" @click="handelClear" size="20" />
           <slot v-if="type !== 'textarea'" name="suffix" />
         </span>
@@ -39,6 +39,7 @@ const props = defineProps({
     type: [String, Number],
     default: '',
   },
+  clearable: Boolean,
   thousand: Boolean,
   placeholder: String,
   disabled: Boolean,

package/src/select/index.vue

@@ -9,6 +9,7 @@
       class="bge-select-popper-wrapper"
       :teleported="false"
       :show-arrow="false"
+      :open-delay="0"
       type="dropdown"
       :hover="false"
     >

package/src/tooltip/index.vue

@@ -84,7 +84,7 @@ const props = defineProps({
    */
   openDelay: {
     type: Number,
-    default: 500,
+    default: 200,
     validator: (value: number) => {
       const isPositive = value >= 0;
       if (!isPositive) {
@@ -212,7 +212,7 @@ function initTooltip() {
     size: props.size,
     type: props.type,
     disableClickOutside: props.disableClickOutside,
-    openDelay: props.openDelay,
+    openDelay: props.type === 'dropdown' ? 0 : props.openDelay,
     closeDelay: props.closeDelay,
     showArrow: props.showArrow,
     strategy: props.strategy,

package/src/tooltip/usePopper.ts

@@ -198,7 +198,7 @@ const usePopper = function (triggerReference, suppliedOptions: Options = {}) {
    * Handle the opening of the tooltip with delay
    */
   const openWithDelay = useDebounceFn(async () => {
-    if (isTargetHovered.value) {
+    if (isTargetHovered.value || !options.hover) {
       const updated = await popperInstance.value?.update();
       placementState.value = updated?.placement || options.placement;
       isOpened.value = true;