pxd 0.0.44 → 0.0.46

package/dist/components/number-input/index.vue

@@ -135,10 +135,10 @@ function onInputKeydown(ev) {
   <PInput
     v-bind="$attrs"
     v-model="modelValue"
-    inputmode="decimal"
     :min="min"
     :max="max"
     align="center"
+    inputmode="decimal"
     input-type="number"
     :disabled="disabled"
     :readonly="readonly"
@@ -150,7 +150,7 @@ function onInputKeydown(ev) {
   >
     <template #prefix>
       <button
-        class="flex aspect-square h-full cursor-pointer touch-manipulation appearance-none items-center justify-center text-foreground-secondary outline-none enabled:hover:bg-background-hover enabled:hover:text-gray-1000 enabled:active:bg-background-active disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-700 motion-safe:transition-colors"
+        class="mr-2 -ml-3 flex aspect-square h-full cursor-pointer touch-manipulation appearance-none items-center justify-center border-r text-foreground outline-none enabled:hover:bg-background-hover enabled:hover:text-gray-1000 enabled:active:bg-background-active disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-700 motion-safe:transition-colors"
         :disabled="decreaseDisabled"
         @pointerdown="startDecrease"
         @pointercancel="stopDecrease"
@@ -160,18 +160,14 @@ function onInputKeydown(ev) {
         <MinusIcon class="pointer-events-none" />
       </button>
 
-      <span v-if="$slots.prefix" class="ml-1 text-foreground">
-        <slot name="prefix" />
-      </span>
+      <slot name="prefix" />
     </template>
 
     <template #suffix>
-      <span v-if="$slots.suffix" class="mr-1 text-foreground">
-        <slot name="suffix" />
-      </span>
+      <slot name="suffix" />
 
       <button
-        class="flex aspect-square h-full cursor-pointer touch-manipulation appearance-none items-center justify-center text-foreground-secondary outline-none enabled:hover:bg-background-hover enabled:hover:text-gray-1000 enabled:active:bg-background-active disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-700 motion-safe:transition-colors"
+        class="ml-2 -mr-3 flex aspect-square h-full cursor-pointer touch-manipulation appearance-none items-center justify-center border-l text-foreground outline-none enabled:hover:bg-background-hover enabled:hover:text-gray-1000 enabled:active:bg-background-active disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-700 motion-safe:transition-colors"
         :disabled="increaseDisabled"
         @pointerdown="startIncrease"
         @pointercancel="stopIncrease"

package/dist/components/number-input/index.vue.d.ts

@@ -8,19 +8,19 @@ interface Props {
     scientific?: boolean;
     modelValue?: number | null;
 }
-declare var __VLS_15: {}, __VLS_18: {};
+declare var __VLS_16: {}, __VLS_19: {};
 type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_15) => any;
+    prefix?: (props: typeof __VLS_16) => any;
 } & {
-    suffix?: (props: typeof __VLS_18) => any;
+    suffix?: (props: typeof __VLS_19) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (args_0: number) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((args_0: number) => any) | undefined;
 }>, {
-    disabled: boolean;
     max: number;
+    disabled: boolean;
     precision: number;
     min: number;
     readonly: boolean;

package/dist/components/overlay/index.d.vue.ts

@@ -8,9 +8,9 @@ interface Props {
     closeOnClickOverlay?: boolean;
     shownElement?: string | HTMLElement;
 }
-declare var __VLS_11: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (args_0: MouseEvent) => any;

package/dist/components/overlay/index.vue

@@ -6,17 +6,19 @@ import {
   shallowRef,
   watch
 } from "vue";
+import { useLockScroll } from "../../composables";
 import {
   getScrollContainer,
   getScrollElByContainer,
   hasScrollbar,
   isScrollable
 } from "../../utils/dom";
-import { optimizedOff, optimizedOn, preventDefaultScroll } from "../../utils/event";
+import { optimizedOff, optimizedOn } from "../../utils/event";
 import { isTruthyProp } from "../../utils/format";
 import { isServer } from "../../utils/is";
 import { unrefElement } from "../../utils/ref";
 import PTeleport from "../teleport/index.vue";
+import { isTopOverlay, pushOverlay, removeOverlay } from "./overlay-stack";
 defineOptions({
   name: "POverlay",
   inheritAttrs: false,
@@ -36,6 +38,12 @@ const props = defineProps({
   shownElement: { type: null, required: false }
 });
 const emits = defineEmits(["click", "escape", "update:modelValue"]);
+const {
+  isLocked,
+  lockScroll,
+  unlockScroll
+} = useLockScroll();
+const overlayId = Symbol("pxd-overlay");
 let scrollContainer;
 const clipPath = shallowRef("");
 const overlayRef = shallowRef();
@@ -51,6 +59,9 @@ function onOverlayKeydown(ev) {
   if (!props.modelValue || !isTruthyProp(props.closeOnPressEscape)) {
     return;
   }
+  if (!isTopOverlay(overlayId)) {
+    return;
+  }
   if (ev.ctrlKey || ev.metaKey || ev.altKey || ev.shiftKey) {
     return;
   }
@@ -64,34 +75,30 @@ function lockScrollContainer() {
   if (!scrollContainer) {
     return;
   }
-  scrollContainer.lockedCounts++;
-  if (scrollContainer.lockedCounts > 1) {
-    return;
-  }
-  const { x: xScrollbar, y: yScrollbar } = hasScrollbar(scrollContainer);
-  const { x: xScrollable, y: yScrollable } = isScrollable(scrollContainer);
-  if (xScrollbar && xScrollable) {
-    scrollContainer.classList.add("scrollbar-stable", "scroll-disabled-x");
-  }
-  if (yScrollbar && yScrollable) {
-    scrollContainer.classList.add("scrollbar-stable", "scroll-disabled-y");
+  if (!isLocked(scrollContainer)) {
+    const { x: xScrollbar, y: yScrollbar } = hasScrollbar(scrollContainer);
+    const { x: xScrollable, y: yScrollable } = isScrollable(scrollContainer);
+    if (xScrollbar && xScrollable) {
+      scrollContainer.classList.add("scrollbar-stable", "scroll-disabled-x");
+    }
+    if (yScrollbar && yScrollable) {
+      scrollContainer.classList.add("scrollbar-stable", "scroll-disabled-y");
+    }
   }
-  optimizedOn(document, "touchmove", preventDefaultScroll, { passive: false });
+  lockScroll(scrollContainer);
 }
-async function unlockScrollContainer() {
+function unlockScrollContainer() {
   if (!scrollContainer) {
     return;
   }
-  scrollContainer.lockedCounts = Math.max(scrollContainer.lockedCounts - 1, 0);
-  if (scrollContainer.lockedCounts) {
-    return;
+  unlockScroll(scrollContainer);
+  if (!isLocked(scrollContainer)) {
+    scrollContainer.classList.remove(
+      "scrollbar-stable",
+      "scroll-disabled-x",
+      "scroll-disabled-y"
+    );
   }
-  scrollContainer.classList.remove(
-    "scrollbar-stable",
-    "scroll-disabled-x",
-    "scroll-disabled-y"
-  );
-  optimizedOff(document, "touchmove", preventDefaultScroll);
 }
 function tryGetShownElementIfNeed() {
   const { shownElement } = props;
@@ -121,18 +128,17 @@ function onOverlayVisibleChange(visible) {
     return;
   }
   if (!visible) {
+    removeOverlay(overlayId);
     unlockScrollContainer();
     optimizedOff(document, "keydown", onOverlayKeydown);
     return;
   }
+  pushOverlay(overlayId);
   nextTick(() => {
     if (!scrollContainer) {
       scrollContainer = getScrollElByContainer(
         getScrollContainer(overlayRef.value)
       );
-      if (!scrollContainer.lockedCounts) {
-        scrollContainer.lockedCounts = 0;
-      }
     }
     lockScrollContainer();
     tryGetShownElementIfNeed();
@@ -150,6 +156,7 @@ watch(
 );
 onBeforeUnmount(() => {
   optimizedOff(document, "keydown", onOverlayKeydown);
+  removeOverlay(overlayId);
   unlockScrollContainer();
   scrollContainer = null;
 });

package/dist/components/overlay/index.vue.d.ts

@@ -8,9 +8,9 @@ interface Props {
     closeOnClickOverlay?: boolean;
     shownElement?: string | HTMLElement;
 }
-declare var __VLS_11: {};
+declare var __VLS_14: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (args_0: MouseEvent) => any;

package/dist/components/overlay/overlay-stack.d.ts

@@ -0,0 +1,3 @@
+export declare function pushOverlay(id: symbol): void;
+export declare function removeOverlay(id: symbol): void;
+export declare function isTopOverlay(id: symbol): boolean;

package/dist/components/overlay/overlay-stack.js

@@ -0,0 +1,17 @@
+const overlayStack = [];
+export function pushOverlay(id) {
+  const idx = overlayStack.indexOf(id);
+  if (idx !== -1) {
+    overlayStack.splice(idx, 1);
+  }
+  overlayStack.push(id);
+}
+export function removeOverlay(id) {
+  const idx = overlayStack.indexOf(id);
+  if (idx !== -1) {
+    overlayStack.splice(idx, 1);
+  }
+}
+export function isTopOverlay(id) {
+  return overlayStack[overlayStack.length - 1] === id;
+}

package/dist/components/pagination/index.d.vue.ts

@@ -6,9 +6,9 @@ interface Props {
     prev?: Page;
     next?: Page;
 }
-declare var __VLS_11: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/pagination/index.vue

@@ -13,7 +13,7 @@ const config = useConfigProvider();
 
 <template>
   <nav aria-label="pagination" class="pxd-pagination relative flex w-full flex-wrap items-start justify-between">
-    <RouterLink v-if="prev" :to="prev.href" class="pxd-pagination--prev min-h-13 group py-1 pr-2 pl-6 rounded-md !no-underline self-focus-ring outline-none">
+    <RouterLink v-if="prev" :to="prev.href" class="pxd-pagination--prev min-h-13 group py-1 pr-2 pl-6 rounded-md no-underline! self-focus-ring outline-none">
       <span secondary class="text-13px text-foreground-secondary group-hover:text-foreground motion-safe:transition-colors">
         {{ config.locale.compare.prev }}
       </span>
@@ -28,7 +28,7 @@ const config = useConfigProvider();
       <slot />
     </div>
 
-    <RouterLink v-if="next" :to="next.href" class="pxd-pagination--next min-h-13 group py-1 pl-2 pr-6 rounded-md !no-underline self-focus-ring outline-none">
+    <RouterLink v-if="next" :to="next.href" class="pxd-pagination--next min-h-13 group py-1 pl-2 pr-6 rounded-md no-underline! self-focus-ring outline-none">
       <span secondary class="text-13px text-foreground-secondary group-hover:text-foreground motion-safe:transition-colors">
         {{ config.locale.compare.next }}
       </span>

package/dist/components/pagination/index.vue.d.ts

@@ -6,9 +6,9 @@ interface Props {
     prev?: Page;
     next?: Page;
 }
-declare var __VLS_11: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/pin-input/index.d.vue.ts

@@ -1,10 +1,9 @@
 import type { HTMLAttributes } from 'vue';
-import type { ComponentLabel, ComponentSizeWithXs } from '../../types/shared';
+import type { ComponentSizeWithXs } from '../../types/shared';
 interface Props {
     size?: ComponentSizeWithXs;
-    error?: string;
+    error?: boolean | string;
     length?: number;
-    label?: ComponentLabel;
     readonly?: boolean;
     disabled?: boolean;
     required?: boolean;
@@ -13,11 +12,7 @@ interface Props {
     inputMode?: HTMLAttributes['inputmode'];
     type?: 'numeric' | 'alphabetic' | 'alphanumeric' | 'numeric-password' | 'alphabetic-password' | 'alphanumeric-password';
 }
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (args_0: string) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
@@ -27,11 +22,5 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
     placeholder: string;
     modelValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/pin-input/index.vue

@@ -3,7 +3,6 @@ import { computed, ref, shallowRef } from "vue";
 import { useConfigProvider } from "../../composables/use-config-provider-context";
 import { useModelValue } from "../../composables/use-model-value";
 import { getFallbackValue } from "../../utils/get";
-import PError from "../error/index.vue";
 defineOptions({
   name: "PPinInput",
   model: {
@@ -13,9 +12,8 @@ defineOptions({
 });
 const props = defineProps({
   size: { type: String, required: false },
-  error: { type: String, required: false },
+  error: { type: [Boolean, String], required: false },
   length: { type: Number, required: false, default: 4 },
-  label: { type: [String, Number, Array, null], required: false },
   readonly: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
   required: { type: Boolean, required: false },
@@ -189,43 +187,33 @@ function onInputPastedValue(ev) {
 </script>
 
 <template>
-  <label class="pxd-pin-input flex w-max flex-col">
-    <div v-if="label || $slots.label" class="pxd-form--label">
-      <slot name="label">{{ label }}</slot>
+  <label
+    class="pxd-pin-input gap-1.5 flex size-max items-center"
+    @keydown="onContainerKeydown"
+    @compositionend="onCompositionEnd"
+    @click="onContainerClick"
+  >
+    <div v-for="(n, i) of length" :key="n" :class="computedClass">
+      <input
+        ref="inputsRef"
+        :value="modelValueLocal[i]"
+        :aria-label="`pin code ${n} of ${length}`"
+        :type="computedInputType"
+        :data-index="i"
+        class="aspect-square size-full appearance-none rounded-inherit border-none bg-transparent text-center font-inherit outline-none placeholder:text-gray-600 placeholder:select-none focus:placeholder:opacity-0 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-700 disabled:placeholder:text-gray-400 motion-safe:transition-all"
+        minlength="1"
+        maxlength="1"
+        autocorrect="off"
+        autocomplete="off"
+        autocapitalize="off"
+        :readonly="readonly"
+        :disabled="disabled"
+        :required="required"
+        :placeholder="placeholder"
+        :inputmode="computedInputMode"
+        @paste="onInputPastedValue"
+        @beforeinput="onBeforeInputValue"
+      >
     </div>
-
-    <div
-      class="gap-1.5 flex w-max items-center"
-      @keydown="onContainerKeydown"
-      @compositionend="onCompositionEnd"
-      @click="onContainerClick"
-    >
-      <div v-for="(n, i) of length" :key="n" :class="computedClass">
-        <input
-          ref="inputsRef"
-          :value="modelValueLocal[i]"
-          :aria-label="`pin code ${n} of ${length}`"
-          :type="computedInputType"
-          :data-index="i"
-          class="aspect-square size-full appearance-none rounded-inherit border-none bg-transparent text-center font-inherit outline-none placeholder:text-gray-600 placeholder:select-none focus:placeholder:opacity-0 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-700 disabled:placeholder:text-gray-400 motion-safe:transition-all"
-          minlength="1"
-          maxlength="1"
-          autocorrect="off"
-          autocomplete="off"
-          autocapitalize="off"
-          :readonly="readonly"
-          :disabled="disabled"
-          :required="required"
-          :placeholder="placeholder"
-          :inputmode="computedInputMode"
-          @paste="onInputPastedValue"
-          @beforeinput="onBeforeInputValue"
-        >
-      </div>
-    </div>
-
-    <PError v-if="error" class="mt-2" :size="size">
-      {{ error }}
-    </PError>
   </label>
 </template>

package/dist/components/pin-input/index.vue.d.ts

@@ -1,10 +1,9 @@
 import type { HTMLAttributes } from 'vue';
-import type { ComponentLabel, ComponentSizeWithXs } from '../../types/shared';
+import type { ComponentSizeWithXs } from '../../types/shared';
 interface Props {
     size?: ComponentSizeWithXs;
-    error?: string;
+    error?: boolean | string;
     length?: number;
-    label?: ComponentLabel;
     readonly?: boolean;
     disabled?: boolean;
     required?: boolean;
@@ -13,11 +12,7 @@ interface Props {
     inputMode?: HTMLAttributes['inputmode'];
     type?: 'numeric' | 'alphabetic' | 'alphanumeric' | 'numeric-password' | 'alphabetic-password' | 'alphanumeric-password';
 }
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    label?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (args_0: string) => any;
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
@@ -27,11 +22,5 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
     placeholder: string;
     modelValue: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/placeholder/index.d.vue.ts

@@ -1,10 +1,18 @@
 interface Props {
+    gap?: number | string;
     color?: string;
-    width?: string;
-    height?: string;
-    border?: boolean;
     invert?: boolean;
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/placeholder/index.vue

@@ -6,45 +6,39 @@ defineOptions({
   inheritAttrs: false
 });
 const props = defineProps({
+  gap: { type: [Number, String], required: false },
   color: { type: String, required: false },
-  width: { type: String, required: false },
-  height: { type: String, required: false },
-  border: { type: Boolean, required: false },
   invert: { type: Boolean, required: false }
 });
 const computedStyle = computed(() => {
   return {
-    color: props.color,
-    width: getCssUnitValue(props.width),
-    height: getCssUnitValue(props.height)
+    "--placeholder-color": props.color,
+    "--placeholder-gap": getCssUnitValue(props.gap)
   };
 });
 </script>
 
 <template>
   <div
-    class="pxd-placeholder relative max-w-full overflow-hidden rounded-lg"
-    :class="{ 'border': border, 'is-invert': invert }"
+    class="pxd-placeholder max-w-full min-w-full"
+    :class="{ 'is-invert': invert }"
     :style="computedStyle"
     v-bind="$attrs"
-  />
+  >
+    <slot />
+  </div>
 </template>
 
 <style lang="postcss">
 .pxd-placeholder {
-  --deg: -45deg;
-
   &.is-invert {
-    --deg: 45deg;
+    --placeholder-deg: 45deg;
   }
 
-  width: 100%;
-  height: 36px;
-  color: var(--color-gray-400);
-  background-image: repeating-linear-gradient(var(--deg),currentColor 0 1px,#0000 0 50%);
-  background-size: 10px 10px;
-  background-repeat: repeat;
-  background-position: 0 0;
-  background-origin: padding-box;
+  --placeholder-deg: -45deg;
+  background:
+    linear-gradient(var(--placeholder-deg),var(--placeholder-color) 12.5%,#0000 12.5%,#0000 50%,var(--placeholder-color) 50%,var(--placeholder-color) 62.5%,#0000 62.5%,#0000 100%)
+    0 0 / var(--placeholder-gap, 12px) var(--placeholder-gap, 12px)
+    padding-box fixed;
 }
 </style>

package/dist/components/placeholder/index.vue.d.ts

@@ -1,10 +1,18 @@
 interface Props {
+    gap?: number | string;
     color?: string;
-    width?: string;
-    height?: string;
-    border?: boolean;
     invert?: boolean;
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/popover/index.d.vue.ts

@@ -2,12 +2,12 @@ import type { CSSProperties } from 'vue';
 import type { PopoverTrigger } from '../../types/components/popover';
 import type { ComponentClass, ComponentPosition } from '../../types/shared';
 interface Props {
-    zIndex?: number;
+    zIndex?: number | string;
     offset?: number;
     visible?: boolean;
     trigger?: PopoverTrigger | PopoverTrigger[];
     disabled?: boolean;
-    maxWidth?: number;
+    maxWidth?: number | string;
     position?: ComponentPosition;
     showDelay?: number;
     hideDelay?: number;
@@ -15,26 +15,20 @@ interface Props {
     showArrow?: boolean;
     arrowColor?: string;
     autoPosition?: boolean;
-    closeOnScroll?: boolean;
     wrapperClass?: ComponentClass;
     contentClass?: ComponentClass;
     contentStyle?: CSSProperties | string;
-    showTransition?: boolean;
-    hideTransition?: boolean;
     transitionType?: 'fade' | 'fade-scale';
+    closeOnInvisible?: boolean;
     closeOnPressEscape?: boolean;
-    /** 自动调整位置的阈值, 当滚动距离超过该值时, 自动调整位置, 单位: px */
-    autoPositionThreshold?: number;
-    /** 滚动隐藏的阈值, 当滚动距离超过该值时, 自动隐藏弹窗, 单位: px */
-    closeOnScrollThreshold?: number;
 }
-declare function handlePopoverShow(immediate?: boolean): Promise<void>;
+declare function handlePopoverShow(): Promise<void>;
 declare function handlePopoverHide(immediate?: boolean): Promise<void>;
-declare var __VLS_1: {}, __VLS_7: {};
+declare var __VLS_1: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    content?: (props: typeof __VLS_7) => any;
+    content?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {
     show: typeof handlePopoverShow;
@@ -54,19 +48,15 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
     "onOutside-click"?: ((args_0: MouseEvent) => any) | undefined;
     "onTrigger-click"?: ((args_0: PointerEvent) => any) | undefined;
 }>, {
-    zIndex: number;
+    position: ComponentPosition;
     offset: number;
     trigger: PopoverTrigger | PopoverTrigger[];
-    position: ComponentPosition;
     showDelay: number;
     hideDelay: number;
     arrowColor: string;
     autoPosition: boolean;
-    showTransition: boolean;
-    hideTransition: boolean;
     transitionType: "fade" | "fade-scale";
-    autoPositionThreshold: number;
-    closeOnScrollThreshold: number;
+    closeOnInvisible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;