@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/base-ui/DropdownMenu/sharedStyle.mjs

@@ -1,309 +0,0 @@
-import { createStaticStyles } from "antd-style";
-//#region src/base-ui/DropdownMenu/sharedStyle.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	danger: css`
-    --lobe-menu-icon-color: ${cssVar.colorError};
-
-    color: ${cssVar.colorError} !important;
-
-    &:hover {
-      background: ${cssVar.colorErrorBg} !important;
-    }
-  `,
-	empty: css`
-    cursor: default;
-    font-style: italic;
-    color: ${cssVar.colorTextTertiary};
-  `,
-	extra: css`
-    margin-inline-start: auto;
-    padding-inline-start: 16px;
-
-    font-family: ${cssVar.fontFamilyCode};
-    font-size: 12px;
-    color: ${cssVar.colorTextTertiary};
-  `,
-	footer: css`
-    flex-shrink: 0;
-    padding-block: 8px;
-    padding-inline: 12px;
-    border-block-start: 1px solid ${cssVar.colorBorder};
-
-    /* A menu item pinned in a slot keeps the same inset as the rows above it. */
-    &:has(> [role^='menuitem']) {
-      padding-block: 4px;
-      padding-inline: 0;
-    }
-  `,
-	header: css`
-    flex-shrink: 0;
-    padding-block: 8px;
-    padding-inline: 12px;
-    border-block-end: 1px solid ${cssVar.colorBorder};
-
-    &:has(> [role^='menuitem']) {
-      padding-block: 4px;
-      padding-inline: 0;
-    }
-  `,
-	groupLabel: css`
-    user-select: none;
-
-    padding-block: 8px 4px;
-    padding-inline: 12px;
-
-    font-size: 10px;
-    font-weight: 600;
-    line-height: 14px;
-    color: ${cssVar.colorTextTertiary};
-    text-transform: uppercase;
-    letter-spacing: 0.6px;
-
-    [role='group']:first-child > & {
-      padding-block-start: 4px;
-    }
-  `,
-	icon: css`
-    display: flex;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-
-    width: 14px;
-    height: 14px;
-    margin-inline-end: 12px;
-
-    color: var(--lobe-menu-icon-color, ${cssVar.colorTextSecondary});
-
-    & svg {
-      width: 100%;
-      height: 100%;
-    }
-  `,
-	item: css`
-    user-select: none;
-
-    position: relative;
-
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-
-    width: 100%;
-    min-height: 32px;
-    padding-block: 6px;
-    padding-inline: 12px;
-    border-radius: ${cssVar.borderRadiusSM};
-
-    font-size: 14px;
-    line-height: 20px;
-    color: ${cssVar.colorText};
-
-    outline: none;
-
-    transition: all 150ms ${cssVar.motionEaseOut};
-
-    &:hover {
-      background: ${cssVar.colorFillTertiary};
-    }
-
-    &:active {
-      background: ${cssVar.colorFillSecondary};
-    }
-
-    &[data-disabled] {
-      cursor: not-allowed;
-      color: ${cssVar.colorTextDisabled};
-      opacity: 0.5;
-
-      &:hover {
-        background: transparent;
-      }
-    }
-
-    &[data-highlighted]:not([data-disabled]) {
-      background: ${cssVar.colorFillTertiary};
-    }
-
-    &[data-state='open']:not([data-disabled]),
-    &[data-open]:not([data-disabled]),
-    &[aria-expanded='true']:not([data-disabled]) {
-      background: ${cssVar.colorFillTertiary};
-    }
-  `,
-	itemContent: css`
-    display: flex;
-    flex: 1;
-    gap: 0;
-    align-items: center;
-  `,
-	itemContentAlignStart: css`
-    align-items: flex-start;
-  `,
-	iconAlignStart: css`
-    align-self: flex-start;
-    margin-block-start: 2px;
-  `,
-	label: css`
-    overflow: hidden;
-    flex: 1;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-
-    & a,
-    & a:visited,
-    & a:hover,
-    & a:active {
-      color: inherit;
-    }
-  `,
-	labelGroup: css`
-    overflow: hidden;
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-
-    min-width: 0;
-  `,
-	desc: css`
-    overflow: hidden;
-
-    font-size: 12px;
-    line-height: 16px;
-    color: ${cssVar.colorTextTertiary};
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  `,
-	popup: css`
-    --lobe-menu-popup-padding: 4px;
-
-    overflow-y: auto;
-
-    min-width: 220px;
-    max-height: var(--available-height);
-    padding: var(--lobe-menu-popup-padding);
-    border-radius: ${cssVar.borderRadius};
-
-    background: ${cssVar.colorBgElevated};
-    outline: none;
-    box-shadow: ${cssVar.boxShadowSecondary}, var(--lobe-ring);
-
-    &[data-has-header],
-    &:has(> [data-slot='header']) {
-      padding-block-start: 0;
-    }
-
-    &[data-has-footer],
-    &:has(> [data-slot='footer']) {
-      padding-block-end: 0;
-    }
-
-    &:has(> [data-virtual]) {
-      --lobe-virtual-scroll-inset: var(--lobe-menu-popup-padding);
-
-      overflow: hidden;
-      display: flex;
-      flex-direction: column;
-    }
-
-    /* Base UI moves data-highlighted with the arrow keys, but :hover keeps painting
-       whatever the resting cursor sits on, so two items light up at once. */
-    &:has([data-highlighted]) {
-      [role^='menuitem']:hover:not([data-highlighted]),
-      [role='option']:hover:not([data-highlighted]) {
-        background: transparent !important;
-      }
-    }
-  `,
-	popupWithSlots: css`
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
-    max-height: var(--available-height);
-  `,
-	slotViewport: css`
-    overflow-y: auto;
-    flex: 1;
-    min-height: 0;
-  `,
-	positioner: css`
-    --lobe-dropdown-animation-duration: 140ms;
-    --lobe-dropdown-animation-scale-y: 0.92;
-    --lobe-dropdown-animation-ease-in: ease-in;
-    --lobe-dropdown-animation-ease-out: ${cssVar.motionEaseOut};
-
-    z-index: 1100;
-
-    & > * {
-      will-change: opacity, transform;
-      transform-origin: var(--transform-origin);
-      animation: none;
-    }
-
-    &[data-open] > * {
-      transform: scaleY(1);
-      opacity: 1;
-      transition:
-        opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),
-        transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);
-    }
-
-    &[data-open] > *[data-starting-style] {
-      transform: scaleY(var(--lobe-dropdown-animation-scale-y));
-      opacity: 0;
-    }
-
-    &[data-closed] > * {
-      transform: scaleY(var(--lobe-dropdown-animation-scale-y));
-      opacity: 0;
-      transition:
-        opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),
-        transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);
-    }
-
-    &[data-hover-trigger] {
-      --lobe-dropdown-animation-duration: 140ms;
-    }
-
-    &[data-submenu],
-    &[data-nested] {
-      --lobe-dropdown-animation-duration: 0ms;
-      --lobe-dropdown-animation-scale-y: 1;
-
-      z-index: 1199;
-    }
-
-    &[data-side='left'],
-    &[data-side='right'] {
-      --lobe-dropdown-animation-duration: 0ms;
-      --lobe-dropdown-animation-scale-y: 1;
-    }
-  `,
-	separator: css`
-    height: 1px;
-    margin-block: 4px;
-    margin-inline: 0;
-    background: ${cssVar.colorBorder};
-  `,
-	submenuArrow: css`
-    display: flex;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-
-    width: 16px;
-    height: 16px;
-    margin-inline-start: 8px;
-
-    color: var(--lobe-menu-icon-color, ${cssVar.colorTextSecondary});
-
-    & svg {
-      width: 12px;
-      height: 12px;
-    }
-  `
-}));
-//#endregion
-export { styles };
-
-//# sourceMappingURL=sharedStyle.mjs.map

package/es/base-ui/DropdownMenu/sharedStyle.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"sharedStyle.mjs","names":[],"sources":["../../../src/base-ui/DropdownMenu/sharedStyle.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  danger: css`\n    --lobe-menu-icon-color: ${cssVar.colorError};\n\n    color: ${cssVar.colorError} !important;\n\n    &:hover {\n      background: ${cssVar.colorErrorBg} !important;\n    }\n  `,\n\n  empty: css`\n    cursor: default;\n    font-style: italic;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  extra: css`\n    margin-inline-start: auto;\n    padding-inline-start: 16px;\n\n    font-family: ${cssVar.fontFamilyCode};\n    font-size: 12px;\n    color: ${cssVar.colorTextTertiary};\n  `,\n\n  footer: css`\n    flex-shrink: 0;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-block-start: 1px solid ${cssVar.colorBorder};\n\n    /* A menu item pinned in a slot keeps the same inset as the rows above it. */\n    &:has(> [role^='menuitem']) {\n      padding-block: 4px;\n      padding-inline: 0;\n    }\n  `,\n\n  header: css`\n    flex-shrink: 0;\n    padding-block: 8px;\n    padding-inline: 12px;\n    border-block-end: 1px solid ${cssVar.colorBorder};\n\n    &:has(> [role^='menuitem']) {\n      padding-block: 4px;\n      padding-inline: 0;\n    }\n  `,\n\n  groupLabel: css`\n    user-select: none;\n\n    padding-block: 8px 4px;\n    padding-inline: 12px;\n\n    font-size: 10px;\n    font-weight: 600;\n    line-height: 14px;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: uppercase;\n    letter-spacing: 0.6px;\n\n    [role='group']:first-child > & {\n      padding-block-start: 4px;\n    }\n  `,\n\n  icon: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 14px;\n    height: 14px;\n    margin-inline-end: 12px;\n\n    color: var(--lobe-menu-icon-color, ${cssVar.colorTextSecondary});\n\n    & svg {\n      width: 100%;\n      height: 100%;\n    }\n  `,\n\n  item: css`\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 32px;\n    padding-block: 6px;\n    padding-inline: 12px;\n    border-radius: ${cssVar.borderRadiusSM};\n\n    font-size: 14px;\n    line-height: 20px;\n    color: ${cssVar.colorText};\n\n    outline: none;\n\n    transition: all 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &:active {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: ${cssVar.colorTextDisabled};\n      opacity: 0.5;\n\n      &:hover {\n        background: transparent;\n      }\n    }\n\n    &[data-highlighted]:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[data-state='open']:not([data-disabled]),\n    &[data-open]:not([data-disabled]),\n    &[aria-expanded='true']:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n\n  itemContent: css`\n    display: flex;\n    flex: 1;\n    gap: 0;\n    align-items: center;\n  `,\n\n  itemContentAlignStart: css`\n    align-items: flex-start;\n  `,\n\n  iconAlignStart: css`\n    align-self: flex-start;\n    margin-block-start: 2px;\n  `,\n\n  label: css`\n    overflow: hidden;\n    flex: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    & a,\n    & a:visited,\n    & a:hover,\n    & a:active {\n      color: inherit;\n    }\n  `,\n\n  labelGroup: css`\n    overflow: hidden;\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n\n    min-width: 0;\n  `,\n\n  desc: css`\n    overflow: hidden;\n\n    font-size: 12px;\n    line-height: 16px;\n    color: ${cssVar.colorTextTertiary};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n\n  popup: css`\n    --lobe-menu-popup-padding: 4px;\n\n    overflow-y: auto;\n\n    min-width: 220px;\n    max-height: var(--available-height);\n    padding: var(--lobe-menu-popup-padding);\n    border-radius: ${cssVar.borderRadius};\n\n    background: ${cssVar.colorBgElevated};\n    outline: none;\n    box-shadow: ${cssVar.boxShadowSecondary}, var(--lobe-ring);\n\n    &[data-has-header],\n    &:has(> [data-slot='header']) {\n      padding-block-start: 0;\n    }\n\n    &[data-has-footer],\n    &:has(> [data-slot='footer']) {\n      padding-block-end: 0;\n    }\n\n    &:has(> [data-virtual]) {\n      --lobe-virtual-scroll-inset: var(--lobe-menu-popup-padding);\n\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    /* Base UI moves data-highlighted with the arrow keys, but :hover keeps painting\n       whatever the resting cursor sits on, so two items light up at once. */\n    &:has([data-highlighted]) {\n      [role^='menuitem']:hover:not([data-highlighted]),\n      [role='option']:hover:not([data-highlighted]) {\n        background: transparent !important;\n      }\n    }\n  `,\n\n  popupWithSlots: css`\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    max-height: var(--available-height);\n  `,\n\n  slotViewport: css`\n    overflow-y: auto;\n    flex: 1;\n    min-height: 0;\n  `,\n\n  positioner: css`\n    --lobe-dropdown-animation-duration: 140ms;\n    --lobe-dropdown-animation-scale-y: 0.92;\n    --lobe-dropdown-animation-ease-in: ease-in;\n    --lobe-dropdown-animation-ease-out: ${cssVar.motionEaseOut};\n\n    z-index: 1100;\n\n    & > * {\n      will-change: opacity, transform;\n      transform-origin: var(--transform-origin);\n      animation: none;\n    }\n\n    &[data-open] > * {\n      transform: scaleY(1);\n      opacity: 1;\n      transition:\n        opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out),\n        transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-out);\n    }\n\n    &[data-open] > *[data-starting-style] {\n      transform: scaleY(var(--lobe-dropdown-animation-scale-y));\n      opacity: 0;\n    }\n\n    &[data-closed] > * {\n      transform: scaleY(var(--lobe-dropdown-animation-scale-y));\n      opacity: 0;\n      transition:\n        opacity var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in),\n        transform var(--lobe-dropdown-animation-duration) var(--lobe-dropdown-animation-ease-in);\n    }\n\n    &[data-hover-trigger] {\n      --lobe-dropdown-animation-duration: 140ms;\n    }\n\n    &[data-submenu],\n    &[data-nested] {\n      --lobe-dropdown-animation-duration: 0ms;\n      --lobe-dropdown-animation-scale-y: 1;\n\n      z-index: 1199;\n    }\n\n    &[data-side='left'],\n    &[data-side='right'] {\n      --lobe-dropdown-animation-duration: 0ms;\n      --lobe-dropdown-animation-scale-y: 1;\n    }\n  `,\n\n  separator: css`\n    height: 1px;\n    margin-block: 4px;\n    margin-inline: 0;\n    background: ${cssVar.colorBorder};\n  `,\n\n  submenuArrow: css`\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    width: 16px;\n    height: 16px;\n    margin-inline-start: 8px;\n\n    color: var(--lobe-menu-icon-color, ${cssVar.colorTextSecondary});\n\n    & svg {\n      width: 12px;\n      height: 12px;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,QAAQ,GAAG;8BACiB,OAAO,WAAW;;aAEnC,OAAO,WAAW;;;oBAGX,OAAO,aAAa;;;CAItC,OAAO,GAAG;;;aAGC,OAAO,kBAAkB;;CAGpC,OAAO,GAAG;;;;mBAIO,OAAO,eAAe;;aAE5B,OAAO,kBAAkB;;CAGpC,QAAQ,GAAG;;;;oCAIuB,OAAO,YAAY;;;;;;;;CASrD,QAAQ,GAAG;;;;kCAIqB,OAAO,YAAY;;;;;;;CAQnD,YAAY,GAAG;;;;;;;;;aASJ,OAAO,kBAAkB;;;;;;;;CASpC,MAAM,GAAG;;;;;;;;;;yCAU8B,OAAO,mBAAmB;;;;;;;CAQjE,MAAM,GAAG;;;;;;;;;;;;;qBAaU,OAAO,eAAe;;;;aAI9B,OAAO,UAAU;;;;4BAIF,OAAO,cAAc;;;oBAG7B,OAAO,kBAAkB;;;;oBAIzB,OAAO,mBAAmB;;;;;eAK/B,OAAO,kBAAkB;;;;;;;;;oBASpB,OAAO,kBAAkB;;;;;;oBAMzB,OAAO,kBAAkB;;;CAI3C,aAAa,GAAG;;;;;;CAOhB,uBAAuB,GAAG;;;CAI1B,gBAAgB,GAAG;;;;CAKnB,OAAO,GAAG;;;;;;;;;;;;;CAcV,YAAY,GAAG;;;;;;;;CASf,MAAM,GAAG;;;;;aAKE,OAAO,kBAAkB;;;;CAKpC,OAAO,GAAG;;;;;;;;qBAQS,OAAO,aAAa;;kBAEvB,OAAO,gBAAgB;;kBAEvB,OAAO,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B1C,gBAAgB,GAAG;;;;;;CAOnB,cAAc,GAAG;;;;;CAMjB,YAAY,GAAG;;;;0CAIyB,OAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkD7D,WAAW,GAAG;;;;kBAIE,OAAO,YAAY;;CAGnC,cAAc,GAAG;;;;;;;;;;yCAUsB,OAAO,mBAAmB;;;;;;;AAOnE,EAAE"}

package/es/base-ui/DropdownMenu/type.d.mts

@@ -1,58 +0,0 @@
-import { Trigger } from "../../types/trigger.mjs";
-import "../../types/index.mjs";
-import { Placement } from "../../utils/placement.mjs";
-import { VirtualListProps } from "../virtual/type.mjs";
-import "../virtual/index.mjs";
-import { MenuCheckboxItemType } from "../../Menu/checkboxItem.mjs";
-import { MenuSwitchItemType } from "../../Menu/switchItem.mjs";
-import { BaseMenuItemType } from "../../Menu/baseItem.mjs";
-import { IconAlign, IconSpaceMode } from "../../Menu/renderUtils.mjs";
-import "../../Menu/index.mjs";
-import "./renderItems.mjs";
-import { ReactNode } from "react";
-import { MenuPopupProps, MenuPortalProps, MenuPositionerProps, MenuRootProps, MenuTriggerProps } from "@base-ui/react/menu";
-//#region src/base-ui/DropdownMenu/type.d.ts
-type DropdownMenuPlacement = Placement;
-type DropdownMenuCheckboxItem = MenuCheckboxItemType;
-type DropdownMenuSwitchItem = MenuSwitchItemType;
-type DropdownItem = BaseMenuItemType;
-interface DropdownMenuProps<Payload = unknown> extends Omit<MenuRootProps<Payload>, 'children'>, Pick<VirtualListProps, 'virtual' | 'listItemHeight'> {
-  children: ReactNode;
-  /**
-   * 底部固定插槽，渲染于可滚动的 items 区域下方，自带分隔边框
-   */
-  footer?: ReactNode;
-  /**
-   * 顶部固定插槽，渲染于可滚动的 items 区域上方，自带分隔边框
-   */
-  header?: ReactNode;
-  /**
-   * 图标与 label+desc 的垂直对齐方式
-   * - 'center': 图标垂直居中（默认）
-   * - 'start': 图标与第一行文本顶部对齐，仅在 item 有 desc 时生效
-   * @default 'center'
-   */
-  iconAlign?: IconAlign;
-  /**
-   * 图标空间保留模式
-   * - 'global': 当任何一个选项有图标时，所有 item 都保留图标位
-   * - 'group': 只有当一个分组中存在图标时，该分组才保留图标位
-   * @default 'global'
-   */
-  iconSpaceMode?: IconSpaceMode;
-  items: DropdownItem[] | (() => DropdownItem[]);
-  nativeButton?: boolean;
-  placement?: DropdownMenuPlacement;
-  popupProps?: MenuPopupProps;
-  portalProps?: MenuPortalProps;
-  positionerProps?: MenuPositionerProps;
-  /**
-   * 触发方式
-   * @default 'click'
-   */
-  trigger?: Trigger;
-  triggerProps?: Omit<MenuTriggerProps<Payload>, 'children'>;
-}
-//#endregion
-export { DropdownItem, DropdownMenuCheckboxItem, DropdownMenuPlacement, DropdownMenuProps, DropdownMenuSwitchItem };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/FloatingPanel/FloatingPanel.d.mts

@@ -1,6 +0,0 @@
-import { FloatingPanelProps } from "./type.mjs";
-//#region src/base-ui/FloatingPanel/FloatingPanel.d.ts
-declare const FloatingPanel: import("react").NamedExoticComponent<FloatingPanelProps>;
-//#endregion
-export { FloatingPanel };
-//# sourceMappingURL=FloatingPanel.d.mts.map