bge-ui 1.1.2 → 1.1.4

package/dist/index.js

@@ -37,14 +37,14 @@ const _sfc_main$1P = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      const _component_MonoLoading = resolveComponent("MonoLoading");
+      const _component_ColorLoading = resolveComponent("ColorLoading");
       return openBlock(), createElementBlock("button", {
         type: "button",
         class: normalizeClass(`bge-button bge-button--${__props.type} bge-button--${__props.size} ${__props.loading ? "loading" : ""}`),
         disabled: __props.disabled || __props.loading
       }, [
         createElementVNode("span", _hoisted_2$1y, [
-          createVNode(_component_MonoLoading, {
+          createVNode(_component_ColorLoading, {
             size: __props.size === "default" ? 20 : __props.size === "large" ? 24 : 16,
             color: ""
           }, null, 8, ["size"])
@@ -7777,16 +7777,24 @@ const usePopper = function(triggerReference, suppliedOptions = {}) {
       isOpened.value = false;
     }
   }, getCloseDelay());
-  const toggleTooltip = (status = "") => {
+  const toggleTooltip = (status = "", isDelay = true) => {
     let nextStatus = status;
     if (status === "") {
       nextStatus = isOpened.value ? "close" : "open";
     }
     if (nextStatus === "open") {
-      openWithDelay();
+      if (isDelay) {
+        openWithDelay();
+      } else {
+        isOpened.value = true;
+      }
       return;
     }
-    closeWithDelay();
+    if (isDelay) {
+      closeWithDelay();
+    } else {
+      isOpened.value = false;
+    }
   };
   const toggleTooltipHover = (status = "", source = "") => {
     if (options.hover === false) {

package/dist/style.css

@@ -1071,7 +1071,7 @@ to {
 }
 .bge-popper-wrapper .popper-content.dropdown {
   --bg-tooltip: var(--bg-float);
-  padding: 0;
+  padding: var(--layout-x-3, 12px) 0;
 }
 .bge-popper-wrapper .popper-content.popper-content--mini {
   font-size: 12px;

package/dist/tooltip/usePopper.d.ts

@@ -248,7 +248,7 @@ declare const usePopper: (triggerReference: any, suppliedOptions?: Options) => {
         update: () => Promise<Partial<import("@popperjs/core").State>>;
         setOptions: (setOptionsAction: Partial<import("@popperjs/core").OptionsGeneric<any>> | ((prev: Partial<import("@popperjs/core").OptionsGeneric<any>>) => Partial<import("@popperjs/core").OptionsGeneric<any>>)) => Promise<Partial<import("@popperjs/core").State>>;
     } | undefined>;
-    toggleTooltip: (status?: string) => void;
+    toggleTooltip: (status?: string, isDelay?: boolean) => void;
     isOpened: import("vue").ComputedRef<boolean>;
 };
 export { usePopper };

package/package.json

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

package/src/button/index.vue

@@ -37,7 +37,7 @@ defineProps({
 
 <template>
   <button type="button" :class="`bge-button bge-button--${type} bge-button--${size} ${loading ? 'loading' : ''}`" :disabled="disabled || loading">
-    <span class="loading-icon"><MonoLoading :size="size === 'default' ? 20 : (size === 'large' ? 24 : 16)"  color=""></MonoLoading></span>
+    <span class="loading-icon"><ColorLoading :size="size === 'default' ? 20 : (size === 'large' ? 24 : 16)"  color=""></ColorLoading></span>
     <span>
       <slot></slot>
     </span>

package/src/tooltip/index.vue

@@ -313,7 +313,7 @@ defineExpose({
 
     &.dropdown {
       --bg-tooltip: var(--bg-float);
-      padding: 0;
+      padding: var(--layout-x-3, 12px) 0;
     }
 
     &.popper-content--mini {

package/src/tooltip/usePopper.ts

@@ -221,7 +221,7 @@ const usePopper = function (triggerReference, suppliedOptions: Options = {}) {
    *
    * @param {string} status The status of the tooltip (open|close)
    */
-  const toggleTooltip = (status = '') => {
+  const toggleTooltip = (status = '', isDelay = true) => {
     let nextStatus = status;
 
     if (status === '') {
@@ -229,11 +229,18 @@ const usePopper = function (triggerReference, suppliedOptions: Options = {}) {
     }
 
     if (nextStatus === 'open') {
-      openWithDelay();
+      if (isDelay) {
+        openWithDelay();
+      } else {
+        isOpened.value = true
+      }
       return;
     }
-
-    closeWithDelay();
+    if (isDelay) {
+      closeWithDelay();
+    } else {
+      isOpened.value = false
+    }
   };
 
   /**