bge-ui 1.3.2 → 1.3.4

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

@@ -1,7 +1,4 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    /**
-     * 是否将弹出层追加到body元素下
-     */
     customClass: {
         type: StringConstructor;
         default: string;
@@ -30,9 +27,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "update:visible": (...args: any[]) => void;
     close: (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * 是否将弹出层追加到body元素下
-     */
     customClass: {
         type: StringConstructor;
         default: string;

package/dist/index.js

@@ -6444,9 +6444,6 @@ const _hoisted_3$3 = ["onClick"];
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
-    /**
-     * 是否将弹出层追加到body元素下
-     */
     customClass: {
       type: String,
       default: ""
@@ -8119,7 +8116,7 @@ const usePopper = function(triggerReference, suppliedOptions = {}) {
             h(
               "div",
               {
-                class: "bge-popper-wrapper",
+                class: `bge-popper-wrapper${options.customClass ? " " + options.customClass : ""}`,
                 ref: tooltipReference,
                 style: createTooltipStyle.value,
                 onMouseleave: () => {
@@ -8263,6 +8260,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       type: String,
       default: "详情"
     },
+    customClass: {
+      type: String,
+      default: ""
+    },
     buttonText: {
       type: String,
       default: "知道了"
@@ -8424,6 +8425,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         animation: props.animation,
         placement: props.placement,
         interactive: props.interactive,
+        customClass: props.customClass,
         animationDuration: props.animationDuration,
         onTransition: (transition, element) => {
           emits("transition", transition, element);
@@ -10534,6 +10536,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       type: Boolean,
       default: true
     },
+    tooltipCustomClass: {
+      type: String,
+      default: ""
+    },
     formatTooltip: {
       type: Function,
       default: void 0
@@ -10672,7 +10678,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               ref_key: "tooltip",
               ref: tooltip,
               placement: "top",
-              size: "mini"
+              size: "mini",
+              customClass: __props.tooltipCustomClass
             }, {
               content: withCtx(() => [
                 createTextVNode(toDisplayString(__props.formatTooltip ? __props.formatTooltip(__props.modelValue) : `${__props.modelValue}%`), 1)
@@ -10685,7 +10692,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 }, null, 32)
               ]),
               _: 1
-            }, 512)) : (openBlock(), createElementBlock("div", {
+            }, 8, ["customClass"])) : (openBlock(), createElementBlock("div", {
               key: 1,
               class: "slider-button",
               onMouseover: _cache[2] || (_cache[2] = ($event) => state.hovering = true),

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

@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipCustomClass: {
+        type: StringConstructor;
+        default: string;
+    };
     formatTooltip: {
         type: FunctionConstructor;
         default: undefined;
@@ -33,6 +37,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    tooltipCustomClass: {
+        type: StringConstructor;
+        default: string;
+    };
     formatTooltip: {
         type: FunctionConstructor;
         default: undefined;
@@ -46,6 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: number;
     showToolTip: boolean;
     marks: Record<string, any>;
+    tooltipCustomClass: string;
     formatTooltip: Function;
 }, {}>;
 export default _default;

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

@@ -8,6 +8,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    customClass: {
+        type: StringConstructor;
+        default: string;
+    };
     buttonText: {
         type: StringConstructor;
         default: string;
@@ -120,6 +124,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    customClass: {
+        type: StringConstructor;
+        default: string;
+    };
     buttonText: {
         type: StringConstructor;
         default: string;
@@ -224,6 +232,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: string;
     type: string;
     title: string;
+    customClass: string;
     teleported: boolean;
     animation: string;
     animationDuration: number | unknown[];

package/dist/tooltip/usePopper.d.ts

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

package/package.json

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

package/src/dialog/index.vue

@@ -4,7 +4,9 @@
       <div class="bge-dialog" :style="`height:${height}px`" >
         <div class="bge-dailog__wrapper">
           <div  class="bge-dialog__header">
-            <template v-if="title">{{ title }}</template>
+            <template v-if="title">
+              {{ title }}
+            </template>
             <slot v-else name="header" />
             <span class="bge-dialog__close" @click.stop="close">
               <MonoClose></MonoClose>
@@ -22,9 +24,6 @@
 import { ref, watch } from 'vue';
 
 const props = defineProps({
-  /**
-   * 是否将弹出层追加到body元素下
-   */
   customClass: {
     type: String,
     default: ''

package/src/slider/index.vue

@@ -6,7 +6,7 @@
            @touchstart="onButtonDown"
            @mousedown="onButtonDown"
       >
-        <ui-tooltip v-if="showToolTip" ref="tooltip" placement="top" size="mini" >
+        <ui-tooltip v-if="showToolTip" ref="tooltip" placement="top" size="mini"  :customClass="tooltipCustomClass">
           <template #content>
             {{ formatTooltip ? formatTooltip(modelValue) : `${modelValue}%` }}
           </template>
@@ -41,6 +41,10 @@ const props = defineProps({
     type: Boolean,
     default: true
   },
+  tooltipCustomClass: {
+    type: String,
+    default: ''
+  },
   formatTooltip: {
     type: Function,
     default: undefined

package/src/tooltip/index.vue

@@ -39,6 +39,10 @@ const props = defineProps({
     type: String,
     default: '详情',
    },
+   customClass: {
+    type: String,
+    default: ''
+   },
    buttonText: {
     type: String,
     default: '知道了',
@@ -215,6 +219,7 @@ function initTooltip() {
     animation: props.animation,
     placement: props.placement,
     interactive: props.interactive,
+    customClass: props.customClass,
     animationDuration: props.animationDuration as any,
 
     onTransition: (transition: string, element: HTMLElement) => {
@@ -249,7 +254,6 @@ defineExpose({
 </script>
 <style lang="scss">
 .bge-popper-wrapper {
-
   z-index: 20;
 
   &[data-popper-placement^="top"]>.popper-content>[data-popper-arrow] {

package/src/tooltip/usePopper.ts

@@ -86,6 +86,7 @@ const transformOriginMap = {
 
 type Options = {
   placement?: Placement;
+  customClass?: String;
   size?: string;
   type?: string;
   hover?: boolean;
@@ -431,7 +432,7 @@ const usePopper = function (triggerReference, suppliedOptions: Options = {}) {
             h(
               'div',
               {
-                class: 'bge-popper-wrapper',
+                class: `bge-popper-wrapper${options.customClass ? ' ' + options.customClass : ''}`,
                 ref: tooltipReference,
                 style: createTooltipStyle.value,
                 onMouseleave: () => {