bge-ui 1.0.25 → 1.0.27

package/dist/index.js

@@ -7954,7 +7954,7 @@ const usePopper = function(triggerReference, suppliedOptions = {}) {
                     default: () => {
                       return withDirectives(h(
                         "div",
-                        { class: "popper-content" },
+                        { class: `popper-content ${options.type ? options.type : "default"} popper-content--${options.size ? options.size : "default"}` },
                         [
                           slots.default ? slots.default() : "",
                           h(
@@ -8034,13 +8034,21 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
      */
     title: {
       type: String,
-      default: "详情",
-      required: true
+      default: "详情"
     },
     buttonText: {
       type: String,
-      default: "知道了",
-      required: true
+      default: "知道了"
+    },
+    type: {
+      type: String,
+      default: "default"
+      // default dropdown
+    },
+    size: {
+      type: String,
+      default: "default"
+      // default mini
     },
     /**
      * 是否将弹出层追加到body元素下
@@ -8188,6 +8196,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     function initTooltip() {
       const result = usePopper(triggerRef, {
         hover: props.hover,
+        size: props.size,
+        type: props.type,
         disableClickOutside: props.disableClickOutside,
         openDelay: props.openDelay,
         closeDelay: props.closeDelay,

package/dist/style.css

@@ -1044,6 +1044,7 @@ to {
 .bge-popper-wrapper .popper-content {
   max-width: 360px;
   box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.08);
+  border: solid 0.5px var(--separator-separator);
   border-radius: var(--radius-small, 4px);
   background: var(--bg-tooltip, #53677A);
   padding: var(--layout-x-3, 12px) var(--layout-x-4, 16px);
@@ -1052,6 +1053,14 @@ to {
   font-weight: 400;
   line-height: 24px;
 }
+.bge-popper-wrapper .popper-content.dropdown {
+  --bg-tooltip: var(--bg-float);
+}
+.bge-popper-wrapper .popper-content.popper-content--mini {
+  font-size: 12px;
+  line-height: 20px;
+  padding: var(--layout-x-2, 8px) var(--layout-x-3, 12px);
+}
 .bge-tooltip__closeButton {
   width: 100%;
   margin-top: 40px;

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

@@ -7,12 +7,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     title: {
         type: StringConstructor;
         default: string;
-        required: true;
     };
     buttonText: {
         type: StringConstructor;
         default: string;
-        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
     };
     /**
      * 是否将弹出层追加到body元素下
@@ -120,12 +126,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     title: {
         type: StringConstructor;
         default: string;
-        required: true;
     };
     buttonText: {
         type: StringConstructor;
         default: string;
-        required: true;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: StringConstructor;
+        default: string;
     };
     /**
      * 是否将弹出层追加到body元素下
@@ -223,6 +235,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
 }, {
+    size: string;
+    type: string;
     title: string;
     teleported: boolean;
     modifiers: Modifier<any, any>[];

package/dist/tooltip/usePopper.d.ts

@@ -2,6 +2,8 @@ import type { SetupContext, VNode } from 'vue';
 import type { PositioningStrategy, Placement, Modifier, Options as ModifierOptions } from '@popperjs/core';
 type Options = {
     placement?: Placement;
+    size?: string;
+    type?: string;
     hover?: boolean;
     disableClickOutside?: boolean;
     openDelay?: number;

package/package.json

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

package/src/tooltip/index.vue

@@ -38,12 +38,18 @@ const props = defineProps({
    title: {
     type: String,
     default: '详情',
-    required: true,
    },
    buttonText: {
     type: String,
     default: '知道了',
-    required: true,
+   },
+   type: {
+    type: String,
+    default: 'default', // default dropdown
+   },
+   size: {
+    type: String,
+    default: 'default', // default mini
    },
   /**
    * 是否将弹出层追加到body元素下
@@ -209,6 +215,8 @@ function closeToolTip() {
 function initTooltip() {
   const result = usePopper(triggerRef, {
     hover: props.hover,
+    size: props.size,
+    type: props.type,
     disableClickOutside: props.disableClickOutside,
     openDelay: props.openDelay,
     closeDelay: props.closeDelay,
@@ -278,6 +286,7 @@ defineExpose({
   .popper-content {
     max-width: 360px;
     box-shadow: 0px 12px 40px 0px rgba(0, 0, 0, 0.08);
+    border: solid 0.5px var(--separator-separator);
     border-radius: var(--radius-small, 4px);
     background: var(--bg-tooltip, #53677A);
     padding: var(--layout-x-3, 12px) var(--layout-x-4, 16px);
@@ -285,6 +294,16 @@ defineExpose({
     font-size: 14px;
     font-weight: 400;
     line-height: 24px;
+
+    &.dropdown {
+      --bg-tooltip: var(--bg-float);
+    }
+
+    &.popper-content--mini {
+      font-size: 12px;
+      line-height: 20px;
+      padding: var(--layout-x-2, 8px) var(--layout-x-3, 12px);
+    }
   }
 }
 

package/src/tooltip/usePopper.ts

@@ -86,6 +86,8 @@ const transformOriginMap = {
 
 type Options = {
   placement?: Placement;
+  size?: string;
+  type?: string;
   hover?: boolean;
   disableClickOutside?: boolean;
   openDelay?: number;
@@ -491,7 +493,7 @@ const usePopper = function (triggerReference, suppliedOptions: Options = {}) {
                   {
                     default: () => {
                       return withDirectives(h('div',
-                        { class: 'popper-content' },
+                        { class: `popper-content ${options.type ? options.type : 'default'} popper-content--${options.size ? options.size : 'default'}` },
                         [
                           slots.default ? slots.default() : '',
                           h('div',