@4399ywkf/design 2.1.0 → 2.1.1

package/dist/AiConversation/_lobe/DropdownMenu/atoms.d.ts

@@ -0,0 +1,114 @@
+import { Menu } from '@base-ui/react/menu';
+import type React from 'react';
+import { type DropdownMenuPlacement } from './type';
+export declare const DropdownMenuRoot: typeof Menu.Root;
+export declare const DropdownMenuSubmenuRoot: typeof Menu.SubmenuRoot;
+export declare const DropdownMenuCheckboxItemIndicator: React.ForwardRefExoticComponent<import("@base-ui/react/menu").MenuCheckboxItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+export type DropdownMenuTriggerProps = Omit<React.ComponentPropsWithRef<typeof Menu.Trigger>, 'children' | 'render'> & {
+    children: React.ReactNode;
+};
+export declare const DropdownMenuTrigger: {
+    ({ children, className, nativeButton, ref: refProp, ...rest }: DropdownMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type DropdownMenuPortalProps = React.ComponentProps<typeof Menu.Portal> & {
+    /**
+     * When `container` is not provided, it uses a shared container created by `usePortalContainer`.
+     */
+    container?: HTMLElement | null;
+};
+export declare const DropdownMenuPortal: {
+    ({ container, ...rest }: DropdownMenuPortalProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type DropdownMenuPositionerProps = React.ComponentProps<typeof Menu.Positioner> & {
+    hoverTrigger?: boolean;
+    placement?: DropdownMenuPlacement;
+};
+export declare const DropdownMenuPositioner: {
+    ({ className, placement, hoverTrigger, align, side, sideOffset, children, ...rest }: DropdownMenuPositionerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type DropdownMenuPopupProps = React.ComponentProps<typeof Menu.Popup>;
+export declare const DropdownMenuPopup: {
+    ({ className, ...rest }: DropdownMenuPopupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type DropdownMenuItemProps = React.ComponentProps<typeof Menu.Item> & {
+    danger?: boolean;
+};
+export declare const DropdownMenuItem: {
+    ({ className, danger, ...rest }: DropdownMenuItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof Menu.CheckboxItem> & {
+    danger?: boolean;
+};
+export declare const DropdownMenuCheckboxItemPrimitive: {
+    ({ className, danger, ...rest }: DropdownMenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type DropdownMenuSeparatorProps = React.ComponentProps<typeof Menu.Separator>;
+export declare const DropdownMenuSeparator: {
+    ({ className, ...rest }: DropdownMenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const DropdownMenuGroup: React.ForwardRefExoticComponent<import("@base-ui/react/menu").MenuGroupProps & React.RefAttributes<Element>>;
+export type DropdownMenuGroupLabelProps = React.ComponentProps<typeof Menu.GroupLabel>;
+export declare const DropdownMenuGroupLabel: {
+    ({ className, ...rest }: DropdownMenuGroupLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type DropdownMenuSubmenuTriggerProps = React.ComponentProps<typeof Menu.SubmenuTrigger> & {
+    danger?: boolean;
+};
+export declare const DropdownMenuSubmenuTrigger: {
+    ({ className, danger, ...rest }: DropdownMenuSubmenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type DropdownMenuItemContentProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const DropdownMenuItemContent: {
+    ({ className, ...rest }: DropdownMenuItemContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type DropdownMenuItemIconProps = React.HTMLAttributes<HTMLSpanElement>;
+export declare const DropdownMenuItemIcon: {
+    ({ className, ...rest }: DropdownMenuItemIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type DropdownMenuItemLabelGroupProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const DropdownMenuItemLabelGroup: {
+    ({ className, ...rest }: DropdownMenuItemLabelGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type DropdownMenuItemLabelProps = React.HTMLAttributes<HTMLSpanElement>;
+export declare const DropdownMenuItemLabel: {
+    ({ className, ...rest }: DropdownMenuItemLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type DropdownMenuItemDescProps = React.HTMLAttributes<HTMLSpanElement>;
+export declare const DropdownMenuItemDesc: {
+    ({ className, ...rest }: DropdownMenuItemDescProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type DropdownMenuItemExtraProps = React.HTMLAttributes<HTMLSpanElement>;
+export declare const DropdownMenuItemExtra: {
+    ({ className, ...rest }: DropdownMenuItemExtraProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type DropdownMenuSubmenuArrowProps = React.HTMLAttributes<HTMLSpanElement>;
+export declare const DropdownMenuSubmenuArrow: {
+    ({ className, ...rest }: DropdownMenuSubmenuArrowProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type DropdownMenuSwitchItemProps = Omit<React.ComponentProps<typeof Menu.Item>, 'onClick'> & {
+    checked?: boolean;
+    closeOnClick?: boolean;
+    danger?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+};
+export declare const DropdownMenuSwitchItem: {
+    ({ checked: checkedProp, className, closeOnClick, danger, defaultChecked, disabled, onCheckedChange, children, ...rest }: DropdownMenuSwitchItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/AiConversation/_lobe/DropdownMenu/atoms.js

@@ -0,0 +1,311 @@
+'use client';
+
+var _excluded = ["children", "className", "nativeButton", "ref"],
+  _excluded2 = ["type"],
+  _excluded3 = ["container"],
+  _excluded4 = ["className", "placement", "hoverTrigger", "align", "side", "sideOffset", "children"],
+  _excluded5 = ["className"],
+  _excluded6 = ["className", "danger"],
+  _excluded7 = ["className", "danger"],
+  _excluded8 = ["className"],
+  _excluded9 = ["className"],
+  _excluded10 = ["className", "danger"],
+  _excluded11 = ["className"],
+  _excluded12 = ["className"],
+  _excluded13 = ["className"],
+  _excluded14 = ["className"],
+  _excluded15 = ["className"],
+  _excluded16 = ["className"],
+  _excluded17 = ["className"],
+  _excluded18 = ["checked", "className", "closeOnClick", "danger", "defaultChecked", "disabled", "onCheckedChange", "children"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Menu } from '@base-ui/react/menu';
+import { mergeProps } from '@base-ui/react/merge-props';
+import { Switch } from 'antd';
+import { cx } from 'antd-style';
+import clsx from 'clsx';
+import { cloneElement, isValidElement, useCallback, useState } from 'react';
+import { mergeRefs } from 'react-merge-refs';
+import { FloatingLayerProvider } from "../hooks/useFloatingLayer";
+import { useNativeButton } from "../hooks/useNativeButton";
+import { styles } from "../Menu/sharedStyle";
+import { CLASSNAMES } from "../styles/classNames";
+import { useAppElement } from "../ThemeProvider";
+import { placementMap } from "../utils/placement";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var DropdownMenuRoot = function DropdownMenuRoot(props) {
+  return /*#__PURE__*/_jsx(Menu.Root, _objectSpread({
+    modal: false
+  }, props));
+};
+export var DropdownMenuSubmenuRoot = Menu.SubmenuRoot;
+export var DropdownMenuCheckboxItemIndicator = Menu.CheckboxItemIndicator;
+var mergeStateClassName = function mergeStateClassName(base, className) {
+  if (typeof className === 'function') return function (state) {
+    return cx(base, className(state));
+  };
+  return cx(base, className);
+};
+export var DropdownMenuTrigger = function DropdownMenuTrigger(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    nativeButton = _ref.nativeButton,
+    refProp = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useNativeButton = useNativeButton({
+      children: children,
+      nativeButton: nativeButton
+    }),
+    isNativeButtonTriggerElement = _useNativeButton.isNativeButtonTriggerElement,
+    resolvedNativeButton = _useNativeButton.resolvedNativeButton;
+  var renderer = function renderer(props) {
+    // Base UI's trigger props include `type="button"` by default.
+    // If we render into a non-<button> element, that prop is invalid and can warn.
+    var resolvedProps = function () {
+      if (isNativeButtonTriggerElement) return props;
+      var _ref2 = props,
+        type = _ref2.type,
+        restProps = _objectWithoutProperties(_ref2, _excluded2);
+      return restProps;
+    }();
+    var mergedProps = mergeProps(children.props, resolvedProps);
+    return /*#__PURE__*/cloneElement(children, _objectSpread(_objectSpread({}, mergedProps), {}, {
+      className: clsx(CLASSNAMES.DropdownMenuTrigger, className, mergedProps.className),
+      ref: mergeRefs([children.ref, props.ref, refProp])
+    }));
+  };
+  if ( /*#__PURE__*/isValidElement(children)) {
+    return /*#__PURE__*/_jsx(Menu.Trigger, _objectSpread(_objectSpread({}, rest), {}, {
+      nativeButton: resolvedNativeButton,
+      render: renderer
+    }));
+  }
+  return /*#__PURE__*/_jsx(Menu.Trigger, _objectSpread(_objectSpread({}, rest), {}, {
+    className: clsx(CLASSNAMES.DropdownMenuTrigger, className),
+    nativeButton: resolvedNativeButton,
+    ref: refProp,
+    children: children
+  }));
+};
+DropdownMenuTrigger.displayName = 'DropdownMenuTrigger';
+export var DropdownMenuPortal = function DropdownMenuPortal(_ref3) {
+  var _ref4;
+  var container = _ref3.container,
+    rest = _objectWithoutProperties(_ref3, _excluded3);
+  var appElement = useAppElement();
+  return /*#__PURE__*/_jsx(Menu.Portal, _objectSpread({
+    container: (_ref4 = container !== null && container !== void 0 ? container : appElement) !== null && _ref4 !== void 0 ? _ref4 : undefined
+  }, rest));
+};
+DropdownMenuPortal.displayName = 'DropdownMenuPortal';
+export var DropdownMenuPositioner = function DropdownMenuPositioner(_ref5) {
+  var className = _ref5.className,
+    placement = _ref5.placement,
+    hoverTrigger = _ref5.hoverTrigger,
+    align = _ref5.align,
+    side = _ref5.side,
+    sideOffset = _ref5.sideOffset,
+    children = _ref5.children,
+    rest = _objectWithoutProperties(_ref5, _excluded4);
+  var placementConfig = placement ? placementMap[placement] : undefined;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    positionerNode = _useState2[0],
+    setPositionerNode = _useState2[1];
+  return /*#__PURE__*/_jsx(Menu.Positioner, _objectSpread(_objectSpread({}, rest), {}, {
+    align: align !== null && align !== void 0 ? align : placementConfig === null || placementConfig === void 0 ? void 0 : placementConfig.align,
+    className: mergeStateClassName(styles.positioner, className),
+    "data-hover-trigger": hoverTrigger || undefined,
+    "data-placement": placement,
+    ref: setPositionerNode,
+    side: side !== null && side !== void 0 ? side : placementConfig === null || placementConfig === void 0 ? void 0 : placementConfig.side,
+    sideOffset: sideOffset !== null && sideOffset !== void 0 ? sideOffset : placementConfig ? 6 : undefined,
+    children: /*#__PURE__*/_jsx(FloatingLayerProvider, {
+      value: positionerNode,
+      children: children
+    })
+  }));
+};
+DropdownMenuPositioner.displayName = 'DropdownMenuPositioner';
+export var DropdownMenuPopup = function DropdownMenuPopup(_ref6) {
+  var className = _ref6.className,
+    rest = _objectWithoutProperties(_ref6, _excluded5);
+  return /*#__PURE__*/_jsx(Menu.Popup, _objectSpread(_objectSpread({}, rest), {}, {
+    className: mergeStateClassName(styles.popup, className)
+  }));
+};
+DropdownMenuPopup.displayName = 'DropdownMenuPopup';
+export var DropdownMenuItem = function DropdownMenuItem(_ref7) {
+  var _className = _ref7.className,
+    danger = _ref7.danger,
+    rest = _objectWithoutProperties(_ref7, _excluded6);
+  return /*#__PURE__*/_jsx(Menu.Item, _objectSpread(_objectSpread({}, rest), {}, {
+    className: function className(state) {
+      return cx(styles.item, danger && styles.danger, typeof _className === 'function' ? _className(state) : _className);
+    }
+  }));
+};
+DropdownMenuItem.displayName = 'DropdownMenuItem';
+export var DropdownMenuCheckboxItemPrimitive = function DropdownMenuCheckboxItemPrimitive(_ref8) {
+  var _className2 = _ref8.className,
+    danger = _ref8.danger,
+    rest = _objectWithoutProperties(_ref8, _excluded7);
+  return /*#__PURE__*/_jsx(Menu.CheckboxItem, _objectSpread(_objectSpread({}, rest), {}, {
+    className: function className(state) {
+      return cx(styles.item, danger && styles.danger, typeof _className2 === 'function' ? _className2(state) : _className2);
+    }
+  }));
+};
+DropdownMenuCheckboxItemPrimitive.displayName = 'DropdownMenuCheckboxItemPrimitive';
+export var DropdownMenuSeparator = function DropdownMenuSeparator(_ref9) {
+  var _className3 = _ref9.className,
+    rest = _objectWithoutProperties(_ref9, _excluded8);
+  return /*#__PURE__*/_jsx(Menu.Separator, _objectSpread(_objectSpread({}, rest), {}, {
+    className: function className(state) {
+      return cx(styles.separator, typeof _className3 === 'function' ? _className3(state) : _className3);
+    }
+  }));
+};
+DropdownMenuSeparator.displayName = 'DropdownMenuSeparator';
+export var DropdownMenuGroup = Menu.Group;
+export var DropdownMenuGroupLabel = function DropdownMenuGroupLabel(_ref10) {
+  var _className4 = _ref10.className,
+    rest = _objectWithoutProperties(_ref10, _excluded9);
+  return /*#__PURE__*/_jsx(Menu.GroupLabel, _objectSpread(_objectSpread({}, rest), {}, {
+    className: function className(state) {
+      return cx(styles.groupLabel, typeof _className4 === 'function' ? _className4(state) : _className4);
+    }
+  }));
+};
+DropdownMenuGroupLabel.displayName = 'DropdownMenuGroupLabel';
+export var DropdownMenuSubmenuTrigger = function DropdownMenuSubmenuTrigger(_ref11) {
+  var _className5 = _ref11.className,
+    danger = _ref11.danger,
+    rest = _objectWithoutProperties(_ref11, _excluded10);
+  return /*#__PURE__*/_jsx(Menu.SubmenuTrigger, _objectSpread(_objectSpread({}, rest), {}, {
+    className: function className(state) {
+      return cx(styles.item, danger && styles.danger, typeof _className5 === 'function' ? _className5(state) : _className5);
+    }
+  }));
+};
+DropdownMenuSubmenuTrigger.displayName = 'DropdownMenuSubmenuTrigger';
+export var DropdownMenuItemContent = function DropdownMenuItemContent(_ref12) {
+  var className = _ref12.className,
+    rest = _objectWithoutProperties(_ref12, _excluded11);
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
+    className: cx(styles.itemContent, className)
+  }));
+};
+DropdownMenuItemContent.displayName = 'DropdownMenuItemContent';
+export var DropdownMenuItemIcon = function DropdownMenuItemIcon(_ref13) {
+  var className = _ref13.className,
+    rest = _objectWithoutProperties(_ref13, _excluded12);
+  return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, rest), {}, {
+    className: cx(styles.icon, className)
+  }));
+};
+DropdownMenuItemIcon.displayName = 'DropdownMenuItemIcon';
+export var DropdownMenuItemLabelGroup = function DropdownMenuItemLabelGroup(_ref14) {
+  var className = _ref14.className,
+    rest = _objectWithoutProperties(_ref14, _excluded13);
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
+    className: cx(styles.labelGroup, className)
+  }));
+};
+DropdownMenuItemLabelGroup.displayName = 'DropdownMenuItemLabelGroup';
+export var DropdownMenuItemLabel = function DropdownMenuItemLabel(_ref15) {
+  var className = _ref15.className,
+    rest = _objectWithoutProperties(_ref15, _excluded14);
+  return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, rest), {}, {
+    className: cx(styles.label, className)
+  }));
+};
+DropdownMenuItemLabel.displayName = 'DropdownMenuItemLabel';
+export var DropdownMenuItemDesc = function DropdownMenuItemDesc(_ref16) {
+  var className = _ref16.className,
+    rest = _objectWithoutProperties(_ref16, _excluded15);
+  return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, rest), {}, {
+    className: cx(styles.desc, className)
+  }));
+};
+DropdownMenuItemDesc.displayName = 'DropdownMenuItemDesc';
+export var DropdownMenuItemExtra = function DropdownMenuItemExtra(_ref17) {
+  var className = _ref17.className,
+    rest = _objectWithoutProperties(_ref17, _excluded16);
+  return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, rest), {}, {
+    className: cx(styles.extra, className)
+  }));
+};
+DropdownMenuItemExtra.displayName = 'DropdownMenuItemExtra';
+export var DropdownMenuSubmenuArrow = function DropdownMenuSubmenuArrow(_ref18) {
+  var className = _ref18.className,
+    rest = _objectWithoutProperties(_ref18, _excluded17);
+  return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({}, rest), {}, {
+    className: cx(styles.submenuArrow, className)
+  }));
+};
+DropdownMenuSubmenuArrow.displayName = 'DropdownMenuSubmenuArrow';
+export var DropdownMenuSwitchItem = function DropdownMenuSwitchItem(_ref19) {
+  var checkedProp = _ref19.checked,
+    _className6 = _ref19.className,
+    _ref19$closeOnClick = _ref19.closeOnClick,
+    closeOnClick = _ref19$closeOnClick === void 0 ? false : _ref19$closeOnClick,
+    danger = _ref19.danger,
+    defaultChecked = _ref19.defaultChecked,
+    disabled = _ref19.disabled,
+    onCheckedChange = _ref19.onCheckedChange,
+    children = _ref19.children,
+    rest = _objectWithoutProperties(_ref19, _excluded18);
+  var _useState3 = useState(defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    internalChecked = _useState4[0],
+    setInternalChecked = _useState4[1];
+  var isControlled = checkedProp !== undefined;
+  var checked = isControlled ? checkedProp : internalChecked;
+  var handleCheckedChange = useCallback(function (newChecked) {
+    if (!isControlled) {
+      setInternalChecked(newChecked);
+    }
+    onCheckedChange === null || onCheckedChange === void 0 || onCheckedChange(newChecked);
+  }, [isControlled, onCheckedChange]);
+  return /*#__PURE__*/_jsxs(Menu.Item, _objectSpread(_objectSpread({}, rest), {}, {
+    closeOnClick: closeOnClick,
+    disabled: disabled,
+    className: function className(state) {
+      return cx(styles.item, danger && styles.danger, typeof _className6 === 'function' ? _className6(state) : _className6);
+    },
+    onClick: function onClick(e) {
+      e.preventDefault();
+      if (!disabled) {
+        handleCheckedChange(!checked);
+      }
+    },
+    children: [children, /*#__PURE__*/_jsx(Switch, {
+      checked: checked,
+      disabled: disabled,
+      size: "small",
+      style: {
+        marginInlineStart: 16
+      },
+      onChange: handleCheckedChange,
+      onClick: function onClick(_, e) {
+        return e.stopPropagation();
+      }
+    })]
+  }));
+};
+DropdownMenuSwitchItem.displayName = 'DropdownMenuSwitchItem';

package/dist/AiConversation/_lobe/DropdownMenu/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../base-ui/DropdownMenu';
+export { default } from '../base-ui/DropdownMenu';

package/dist/AiConversation/_lobe/DropdownMenu/index.js

@@ -0,0 +1,2 @@
+export * from "../base-ui/DropdownMenu";
+export { default } from "../base-ui/DropdownMenu";

package/dist/AiConversation/_lobe/DropdownMenu/renderItems.d.ts

@@ -0,0 +1,5 @@
+import { type ReactNode } from 'react';
+import { type RenderOptions } from '../Menu';
+import { type DropdownItem } from './type';
+export type { IconAlign, IconSpaceMode } from '../Menu';
+export declare const renderDropdownMenuItems: (items: DropdownItem[], keyPath?: string[], options?: RenderOptions) => ReactNode[];

package/dist/AiConversation/_lobe/DropdownMenu/renderItems.js

@@ -0,0 +1,185 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { Check, ChevronRight } from 'lucide-react';
+import { getItemKey, getItemLabel, hasAnyIcon, hasCheckboxAndIcon, renderIcon } from "../Menu";
+import { styles } from "../Menu/sharedStyle";
+import { DropdownMenuCheckboxItemIndicator, DropdownMenuCheckboxItemPrimitive, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuItemContent, DropdownMenuItemDesc, DropdownMenuItemExtra, DropdownMenuItemIcon, DropdownMenuItemLabel, DropdownMenuItemLabelGroup, DropdownMenuPopup, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuSeparator, DropdownMenuSubmenuArrow, DropdownMenuSubmenuRoot, DropdownMenuSubmenuTrigger, DropdownMenuSwitchItem } from "./atoms";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var renderItemContent = function renderItemContent(item, options, iconNode) {
+  var label = getItemLabel(item);
+  var desc = 'desc' in item ? item.desc : undefined;
+  var extra = 'extra' in item ? item.extra : undefined;
+  var indicatorOnRight = options === null || options === void 0 ? void 0 : options.indicatorOnRight;
+  var alignStart = Boolean(desc) && (options === null || options === void 0 ? void 0 : options.iconAlign) === 'start';
+  var hasCustomIcon = iconNode !== undefined && !indicatorOnRight;
+  var hasIcon = hasCustomIcon ? Boolean(iconNode) : Boolean(item.icon);
+  var shouldRenderIcon = hasCustomIcon ? Boolean((options === null || options === void 0 ? void 0 : options.reserveIconSpace) || iconNode) : Boolean(hasIcon || (options === null || options === void 0 ? void 0 : options.reserveIconSpace));
+  var labelNode = desc ? /*#__PURE__*/_jsxs(DropdownMenuItemLabelGroup, {
+    children: [/*#__PURE__*/_jsx(DropdownMenuItemLabel, {
+      children: label
+    }), /*#__PURE__*/_jsx(DropdownMenuItemDesc, {
+      children: desc
+    })]
+  }) : /*#__PURE__*/_jsx(DropdownMenuItemLabel, {
+    children: label
+  });
+  return /*#__PURE__*/_jsxs(DropdownMenuItemContent, {
+    className: alignStart ? styles.itemContentAlignStart : undefined,
+    children: [shouldRenderIcon ? /*#__PURE__*/_jsx(DropdownMenuItemIcon, {
+      "aria-hidden": !hasIcon,
+      className: alignStart ? styles.iconAlignStart : undefined,
+      children: hasCustomIcon ? iconNode : hasIcon ? renderIcon(item.icon) : null
+    }) : null, labelNode, extra ? /*#__PURE__*/_jsx(DropdownMenuItemExtra, {
+      children: extra
+    }) : null, indicatorOnRight && iconNode ? iconNode : null, options !== null && options !== void 0 && options.submenu ? /*#__PURE__*/_jsx(DropdownMenuSubmenuArrow, {
+      children: /*#__PURE__*/_jsx(ChevronRight, {
+        size: 16
+      })
+    }) : null]
+  });
+};
+var invokeItemClick = function invokeItemClick(item, keyPath, event) {
+  var _ref, _item$key;
+  if (!item.onClick) return;
+  var key = (_ref = (_item$key = item.key) !== null && _item$key !== void 0 ? _item$key : keyPath.at(-1)) !== null && _ref !== void 0 ? _ref : '';
+  var info = {
+    domEvent: event,
+    item: event.currentTarget,
+    key: String(key),
+    keyPath: keyPath
+  };
+  item.onClick(info);
+};
+export var renderDropdownMenuItems = function renderDropdownMenuItems(items) {
+  var _options$iconSpaceMod, _options$reserveIconS, _options$indicatorOnR;
+  var keyPath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var options = arguments.length > 2 ? arguments[2] : undefined;
+  var iconAlign = options === null || options === void 0 ? void 0 : options.iconAlign;
+  var iconSpaceMode = (_options$iconSpaceMod = options === null || options === void 0 ? void 0 : options.iconSpaceMode) !== null && _options$iconSpaceMod !== void 0 ? _options$iconSpaceMod : 'global';
+  var reserveIconSpace = (_options$reserveIconS = options === null || options === void 0 ? void 0 : options.reserveIconSpace) !== null && _options$reserveIconS !== void 0 ? _options$reserveIconS : hasAnyIcon(items, iconSpaceMode === 'global');
+  var indicatorOnRight = (_options$indicatorOnR = options === null || options === void 0 ? void 0 : options.indicatorOnRight) !== null && _options$indicatorOnR !== void 0 ? _options$indicatorOnR : hasCheckboxAndIcon(items);
+  return items.map(function (item, index) {
+    if (!item) return null;
+    var fallbackKey = "".concat(keyPath.join('-') || 'root', "-").concat(index);
+    var itemKey = getItemKey(item, fallbackKey);
+    var nextKeyPath = [].concat(_toConsumableArray(keyPath), [String(itemKey)]);
+    if (item.type === 'checkbox') {
+      var checkboxItem = item;
+      var _label = getItemLabel(checkboxItem);
+      var _labelText = typeof _label === 'string' ? _label : undefined;
+      var _isDanger = Boolean(checkboxItem.danger);
+      var indicator = /*#__PURE__*/_jsx(DropdownMenuCheckboxItemIndicator, {
+        children: renderIcon(Check)
+      });
+      return /*#__PURE__*/_jsx(DropdownMenuCheckboxItemPrimitive, {
+        checked: checkboxItem.checked,
+        closeOnClick: checkboxItem.closeOnClick,
+        danger: _isDanger,
+        defaultChecked: checkboxItem.defaultChecked,
+        disabled: checkboxItem.disabled,
+        label: _labelText,
+        onCheckedChange: function onCheckedChange(checked) {
+          var _checkboxItem$onCheck;
+          return (_checkboxItem$onCheck = checkboxItem.onCheckedChange) === null || _checkboxItem$onCheck === void 0 ? void 0 : _checkboxItem$onCheck.call(checkboxItem, checked);
+        },
+        children: renderItemContent(checkboxItem, {
+          iconAlign: iconAlign,
+          indicatorOnRight: indicatorOnRight,
+          reserveIconSpace: reserveIconSpace
+        }, indicator)
+      }, itemKey);
+    }
+    if (item.type === 'switch') {
+      var switchItem = item;
+      var _label2 = getItemLabel(switchItem);
+      var _labelText2 = typeof _label2 === 'string' ? _label2 : undefined;
+      var _isDanger2 = Boolean(switchItem.danger);
+      return /*#__PURE__*/_jsx(DropdownMenuSwitchItem, {
+        checked: switchItem.checked,
+        closeOnClick: switchItem.closeOnClick,
+        danger: _isDanger2,
+        defaultChecked: switchItem.defaultChecked,
+        disabled: switchItem.disabled,
+        label: _labelText2,
+        onCheckedChange: function onCheckedChange(checked) {
+          var _switchItem$onChecked;
+          return (_switchItem$onChecked = switchItem.onCheckedChange) === null || _switchItem$onChecked === void 0 ? void 0 : _switchItem$onChecked.call(switchItem, checked);
+        },
+        children: renderItemContent(switchItem, {
+          iconAlign: iconAlign,
+          reserveIconSpace: reserveIconSpace
+        })
+      }, itemKey);
+    }
+    if (item.type === 'divider') {
+      return /*#__PURE__*/_jsx(DropdownMenuSeparator, {}, itemKey);
+    }
+    if (item.type === 'group') {
+      var group = item;
+      var groupReserveIconSpace = iconSpaceMode === 'group' ? group.children ? hasAnyIcon(group.children) : false : reserveIconSpace;
+      var groupIndicatorOnRight = group.children ? hasCheckboxAndIcon(group.children) : false;
+      return /*#__PURE__*/_jsxs(DropdownMenuGroup, {
+        children: [group.label ? /*#__PURE__*/_jsx(DropdownMenuGroupLabel, {
+          children: group.label
+        }) : null, group.children ? renderDropdownMenuItems(group.children, nextKeyPath, {
+          iconAlign: iconAlign,
+          iconSpaceMode: iconSpaceMode,
+          indicatorOnRight: groupIndicatorOnRight,
+          reserveIconSpace: groupReserveIconSpace
+        }) : null]
+      }, itemKey);
+    }
+    if (item.type === 'submenu' || 'children' in item) {
+      var submenu = item;
+      var _label3 = getItemLabel(submenu);
+      var _labelText3 = typeof _label3 === 'string' ? _label3 : undefined;
+      var _isDanger3 = 'danger' in submenu && Boolean(submenu.danger);
+      return /*#__PURE__*/_jsxs(DropdownMenuSubmenuRoot, {
+        children: [/*#__PURE__*/_jsx(DropdownMenuSubmenuTrigger, {
+          danger: _isDanger3,
+          disabled: submenu.disabled,
+          label: _labelText3,
+          children: renderItemContent(submenu, {
+            iconAlign: iconAlign,
+            reserveIconSpace: reserveIconSpace,
+            submenu: true
+          })
+        }), /*#__PURE__*/_jsx(DropdownMenuPortal, {
+          children: /*#__PURE__*/_jsx(DropdownMenuPositioner, {
+            alignOffset: -4,
+            "data-submenu": "",
+            sideOffset: -1,
+            children: /*#__PURE__*/_jsx(DropdownMenuPopup, {
+              children: submenu.children ? renderDropdownMenuItems(submenu.children, nextKeyPath, {
+                iconAlign: iconAlign,
+                iconSpaceMode: iconSpaceMode
+              }) : null
+            })
+          })
+        })]
+      }, itemKey);
+    }
+    var menuItem = item;
+    var label = getItemLabel(menuItem);
+    var labelText = typeof label === 'string' ? label : undefined;
+    var isDanger = 'danger' in menuItem && Boolean(menuItem.danger);
+    return /*#__PURE__*/_jsx(DropdownMenuItem, {
+      closeOnClick: menuItem.closeOnClick,
+      danger: isDanger,
+      disabled: menuItem.disabled,
+      label: labelText,
+      onClick: function onClick(event) {
+        return invokeItemClick(menuItem, nextKeyPath, event);
+      },
+      children: renderItemContent(menuItem, {
+        iconAlign: iconAlign,
+        reserveIconSpace: reserveIconSpace
+      })
+    }, itemKey);
+  });
+};

package/dist/AiConversation/_lobe/DropdownMenu/type.d.ts

@@ -0,0 +1,39 @@
+import type { MenuPopupProps, MenuPortalProps, MenuPositionerProps, MenuRootProps, MenuTriggerProps } from '@base-ui/react/menu';
+import type { ReactNode } from 'react';
+import type { BaseMenuItemType, IconAlign, MenuCheckboxItemType, MenuSwitchItemType } from '../Menu';
+import type { Trigger } from '../types';
+import type { Placement } from '../utils/placement';
+import type { IconSpaceMode } from './renderItems';
+export type DropdownMenuPlacement = Placement;
+export type DropdownMenuCheckboxItem = MenuCheckboxItemType;
+export type DropdownMenuSwitchItem = MenuSwitchItemType;
+export type DropdownItem = BaseMenuItemType;
+export interface DropdownMenuProps<Payload = unknown> extends Omit<MenuRootProps<Payload>, 'children'> {
+    children: 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'>;
+}