bge-ui 1.3.1 → 1.3.3

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

@@ -6198,6 +6198,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       emit("change", input.value);
       emit("update:modelValue", input.value);
     }
+    onMounted(() => {
+      if (props.modelValue) {
+        input.value = props.modelValue;
+      }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createElementVNode("div", {
@@ -6439,9 +6444,6 @@ const _hoisted_3$3 = ["onClick"];
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
-    /**
-     * 是否将弹出层追加到body元素下
-     */
     customClass: {
       type: String,
       default: ""
@@ -8114,7 +8116,7 @@ const usePopper = function(triggerReference, suppliedOptions = {}) {
             h(
               "div",
               {
-                class: "bge-popper-wrapper",
+                class: `bge-popper-wrapper ${options.customClass}`,
                 ref: tooltipReference,
                 style: createTooltipStyle.value,
                 onMouseleave: () => {
@@ -8258,6 +8260,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       type: String,
       default: "详情"
     },
+    customClass: {
+      type: String,
+      default: ""
+    },
     buttonText: {
       type: String,
       default: "知道了"
@@ -8419,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);
@@ -10667,7 +10674,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               ref_key: "tooltip",
               ref: tooltip,
               placement: "top",
-              size: "mini"
+              size: "mini",
+              class: "asdasd"
             }, {
               content: withCtx(() => [
                 createTextVNode(toDisplayString(__props.formatTooltip ? __props.formatTooltip(__props.modelValue) : `${__props.modelValue}%`), 1)

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.1",
+  "version": "1.3.3",
   "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/input/index.vue

@@ -24,7 +24,7 @@
 </template>
 <script setup lang="ts">
 import MonoClose from "../icons/MonoClose.vue";
-import { ref, useSlots, inject, watch } from 'vue'
+import { ref, useSlots, inject, watch, onMounted } from 'vue'
 const props = defineProps({
   type: {
     type: String,
@@ -106,6 +106,12 @@ function handelClear() {
   emit('update:modelValue', input.value)
 }
 
+onMounted(() => { 
+  if (props.modelValue) {
+    input.value = props.modelValue
+  } 
+})
+
 </script>
 <style lang="scss">
 .bge-input {

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"  class="asdasd">
           <template #content>
             {{ formatTooltip ? formatTooltip(modelValue) : `${modelValue}%` }}
           </template>

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}`,
                 ref: tooltipReference,
                 style: createTooltipStyle.value,
                 onMouseleave: () => {