niuma-ui 2.0.4 → 2.1.0

package/dist/components/popover/src/RsPopover.css

@@ -1,24 +1,134 @@
 
-.rs-popover__content {
+.rs-popover[data-v-4709e2b1] {
+  display: inline-flex;
+  max-width: 100%;
+  vertical-align: middle;
+}
+.rs-popover__content[data-v-4709e2b1] {
   z-index: var(--rs-z-dropdown);
-  padding: 0.75rem;
-  border-radius: var(--rs-radius-sm);
-  border: 1px solid var(--rs-border);
-  background: var(--rs-surface-elevated);
-  box-shadow: var(--rs-shadow);
+  box-sizing: border-box;
+  inset: auto;
+  margin: 0;
+  padding: var(--rs-popover-pad);
+  border-radius: var(--rs-popover-radius, var(--rs-radius-sm));
+  border: 1px solid var(--rs-popover-border);
+  background: var(--rs-popover-bg);
+  color: var(--rs-popover-fg);
+  font-size: var(--rs-popover-font-size);
+  line-height: var(--rs-line-height-normal);
+  box-shadow: var(--rs-popover-shadow);
   outline: none;
   overflow: visible;
 }
-.rs-popover__content--sm {
-  width: 12rem;
+.rs-popover__content--in-dialog[data-v-4709e2b1] {
+  z-index: calc(var(--rs-z-modal) + 2);
+}
+.rs-popover__content[data-v-4709e2b1]:focus-visible {
+  outline: none;
+  box-shadow:
+    var(--rs-popover-shadow),
+    0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
+}
+.rs-popover__content--size-ssm[data-v-4709e2b1] {
+  --rs-popover-pad: 0.5rem;
+  --rs-popover-font-size: var(--rs-font-size-xs);
+}
+.rs-popover__content--size-sm[data-v-4709e2b1] {
+  --rs-popover-pad: 0.625rem;
+  --rs-popover-font-size: var(--rs-font-size-xs);
 }
-.rs-popover__content--md {
-  width: 16rem;
+.rs-popover__content--size-md[data-v-4709e2b1] {
+  --rs-popover-pad: 0.75rem;
+  --rs-popover-font-size: var(--rs-font-size-sm);
 }
-.rs-popover__content--lg {
-  width: 22rem;
+.rs-popover__content--size-lg[data-v-4709e2b1] {
+  --rs-popover-pad: 1rem;
+  --rs-popover-font-size: var(--rs-font-size-md);
 }
-.rs-popover__content--auto {
+.rs-popover__content--sm[data-v-4709e2b1] {
+  width: var(--rs-popover-width-sm);
+  max-width: calc(100vw - 1rem);
+}
+.rs-popover__content--md[data-v-4709e2b1] {
+  width: var(--rs-popover-width-md);
+  max-width: calc(100vw - 1rem);
+}
+.rs-popover__content--lg[data-v-4709e2b1] {
+  width: var(--rs-popover-width-lg);
+  max-width: calc(100vw - 1rem);
+}
+.rs-popover__content--auto[data-v-4709e2b1] {
   width: auto;
-  min-width: 10rem;
+  min-width: var(--rs-popover-width-auto-min);
+  max-width: min(var(--rs-popover-width-lg), calc(100vw - 1rem));
+}
+.rs-popover__head[data-v-4709e2b1] {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--rs-popover-title-gap);
+  margin-block-end: var(--rs-space-xs);
+}
+.rs-popover__title[data-v-4709e2b1] {
+  min-width: 0;
+  margin: 0;
+  color: var(--rs-popover-title-fg);
+  font-weight: var(--rs-font-weight-semibold);
+  line-height: var(--rs-line-height-tight);
+}
+.rs-popover__close[data-v-4709e2b1] {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  margin-inline-start: auto;
+  padding: 0.125rem;
+  border: none;
+  border-radius: var(--rs-radius-sm);
+  background: transparent;
+  color: var(--rs-popover-fg-muted);
+  cursor: pointer;
+  line-height: 0;
+}
+.rs-popover__close[data-v-4709e2b1]:hover {
+  color: var(--rs-popover-fg);
+}
+.rs-popover__close[data-v-4709e2b1]:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
+}
+.rs-popover__body[data-v-4709e2b1] {
+  min-width: 0;
+}
+.rs-popover__arrow[data-v-4709e2b1] {
+  position: absolute;
+  width: 0.5rem;
+  height: 0.5rem;
+  background: var(--rs-popover-bg);
+  border-block-start: 1px solid var(--rs-popover-border);
+  border-inline-start: 1px solid var(--rs-popover-border);
+  pointer-events: none;
+}
+.rs-popover__content[data-side='bottom'] > .rs-popover__arrow[data-v-4709e2b1] {
+  top: 0;
+  inset-inline-start: var(--rs-popover-arrow-cross, 0.75rem);
+  transform: translateY(-50%) rotate(45deg);
+}
+.rs-popover__content[data-side='top'] > .rs-popover__arrow[data-v-4709e2b1] {
+  bottom: 0;
+  inset-inline-start: var(--rs-popover-arrow-cross, 0.75rem);
+  transform: translateY(50%) rotate(225deg);
+}
+.rs-popover__content[data-side='left'] > .rs-popover__arrow[data-v-4709e2b1],
+.rs-popover__content[data-side='right'] > .rs-popover__arrow[data-v-4709e2b1] {
+  inset-block-start: var(--rs-popover-arrow-cross, 0.75rem);
+}
+.rs-popover__content[data-side='right'] > .rs-popover__arrow[data-v-4709e2b1] {
+  inset-inline-start: 0;
+  transform: translateX(-50%) rotate(-45deg);
+}
+.rs-popover__content[data-side='left'] > .rs-popover__arrow[data-v-4709e2b1] {
+  inset-inline-end: 0;
+  transform: translateX(50%) rotate(135deg);
 }

package/dist/components/popover/src/RsPopover.d.ts

@@ -1,37 +1,68 @@
-import type { RsPopoverAlign, RsPopoverSide, RsPopoverWidth } from './popover-utils';
+import type { RsComponentSize, RsRadius } from '../../../theme/types';
+import { type RsPopoverAlign, type RsPopoverExpose, type RsPopoverGetPopupContainer, type RsPopoverSide, type RsPopoverTrigger, type RsPopoverWidth } from './popover-utils';
+export type { RsPopoverAlign, RsPopoverExpose, RsPopoverGetPopupContainer, RsPopoverInstance, RsPopoverSide, RsPopoverTrigger, RsPopoverWidth, } from './popover-utils';
 type __VLS_Props = {
     side?: RsPopoverSide;
     align?: RsPopoverAlign;
     sideOffset?: number;
+    alignOffset?: number;
     modal?: boolean;
     width?: RsPopoverWidth;
     lazyMount?: boolean;
     forceMount?: boolean;
     /** 附加到弹出层，对齐 RsSelect popupClassName */
     popupClassName?: string;
+    trigger?: RsPopoverTrigger | RsPopoverTrigger[];
+    disabled?: boolean;
+    title?: string;
+    arrow?: boolean;
+    showClose?: boolean;
+    closeOnEsc?: boolean;
+    closeOnOutside?: boolean;
+    mouseEnterDelay?: number;
+    mouseLeaveDelay?: number;
+    getPopupContainer?: RsPopoverGetPopupContainer;
+    size?: RsComponentSize;
+    radius?: RsRadius;
+    ariaLabel?: string;
+    id?: string;
 };
+declare function close(): void;
 type __VLS_ModelProps = {
     'open'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_14: {}, __VLS_28: {};
+declare var __VLS_12: {}, __VLS_19: {
+    close: typeof close;
+};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    title?: (props: typeof __VLS_12) => any;
 } & {
-    content?: (props: typeof __VLS_28) => any;
+    content?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, RsPopoverExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    openChange: (open: boolean) => any;
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onOpenChange?: ((open: boolean) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
     width: RsPopoverWidth;
+    disabled: boolean;
+    trigger: RsPopoverTrigger | RsPopoverTrigger[];
+    align: RsPopoverAlign;
     side: RsPopoverSide;
     sideOffset: number;
-    align: RsPopoverAlign;
-    forceMount: boolean;
+    arrow: boolean;
+    alignOffset: number;
     modal: boolean;
     lazyMount: boolean;
+    forceMount: boolean;
+    showClose: boolean;
+    closeOnEsc: boolean;
+    closeOnOutside: boolean;
+    mouseEnterDelay: number;
+    mouseLeaveDelay: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;