@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/Drawer/index.js

@@ -1,2 +1,93 @@
-import { Drawer } from 'antd';
-export default Drawer;
+import { cn } from "../lib/utils.js";
+import Memo from "../Icon/components/CloseLightLine.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+//#region src/Drawer/index.tsx
+var sizePresets = {
+	default: 378,
+	large: 736
+};
+var placementStyles = {
+	right: "tw-inset-y-0 tw-right-0 tw-h-full",
+	left: "tw-inset-y-0 tw-left-0 tw-h-full",
+	top: "tw-inset-x-0 tw-top-0 tw-w-full",
+	bottom: "tw-inset-x-0 tw-bottom-0 tw-w-full"
+};
+var slideAnimationStyles = {
+	right: "tw-animate-in tw-slide-in-from-right tw-duration-300",
+	left: "tw-animate-in tw-slide-in-from-left tw-duration-300",
+	top: "tw-animate-in tw-slide-in-from-top tw-duration-300",
+	bottom: "tw-animate-in tw-slide-in-from-bottom tw-duration-300"
+};
+function Drawer(props) {
+	const { open = false, onClose, title, placement = "right", width, height, size = "default", closable = true, mask = true, maskClosable = true, className, style, contentWrapperStyle, bodyStyle, headerStyle, footer, footerStyle, extra, children, zIndex = 1e3 } = props;
+	const isHorizontal = placement === "left" || placement === "right";
+	const preset = sizePresets[size] || sizePresets.default;
+	const sizeStyle = isHorizontal ? {
+		width: width ?? preset,
+		maxWidth: "100vw"
+	} : {
+		height: height ?? preset,
+		maxHeight: "100vh"
+	};
+	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+		open,
+		onOpenChange: (val) => {
+			if (!val) onClose?.();
+		},
+		children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [mask && /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+			className: "ald-drawer-mask tw-animate-in tw-fade-in-0 tw-fixed tw-inset-0 tw-bg-black/45",
+			style: { zIndex },
+			onClick: maskClosable ? () => onClose?.() : void 0
+		}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+			className: cn("ald-drawer tw-fixed tw-flex tw-flex-col tw-bg-[var(--background-default)] tw-shadow-xl", placementStyles[placement], slideAnimationStyles[placement], className),
+			style: {
+				zIndex: zIndex + 1,
+				...sizeStyle,
+				...contentWrapperStyle,
+				...style
+			},
+			onEscapeKeyDown: () => onClose?.(),
+			onInteractOutside: maskClosable ? () => onClose?.() : void 0,
+			children: [
+				(title || closable || extra) && /* @__PURE__ */ jsxs("div", {
+					className: "ald-drawer-header tw-flex tw-items-center tw-justify-between tw-border-b tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4",
+					style: headerStyle,
+					children: [/* @__PURE__ */ jsx(DialogPrimitive.Title, {
+						className: "ald-drawer-title tw-m-0 tw-text-base tw-font-semibold tw-text-[var(--content-primary)]",
+						children: title
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "tw-flex tw-items-center tw-gap-2",
+						children: [extra, closable && /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+							asChild: true,
+							children: /* @__PURE__ */ jsx("button", {
+								type: "button",
+								className: "ald-drawer-close tw-flex tw-size-8 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-r-50 tw-border-0 tw-bg-transparent hover:tw-bg-[var(--action-ghost-hover)]",
+								onClick: () => onClose?.(),
+								children: /* @__PURE__ */ jsx(Memo, {
+									size: 20,
+									color: "var(--content-secondary)"
+								})
+							})
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "ald-drawer-body tw-flex-1 tw-overflow-auto tw-px-6 tw-py-4",
+					style: bodyStyle,
+					children
+				}),
+				footer && /* @__PURE__ */ jsx("div", {
+					className: "ald-drawer-footer tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4",
+					style: footerStyle,
+					children: footer
+				})
+			]
+		})] })
+	});
+}
+//#endregion
+export { Drawer as default };
+
+//# sourceMappingURL=index.js.map

package/dist/Drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Drawer/index.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport React from 'react';\nimport { CloseLightLine } from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface DrawerProps {\n  open?: boolean;\n  onClose?: (e?: React.MouseEvent | React.KeyboardEvent) => void;\n  title?: React.ReactNode;\n  placement?: 'top' | 'right' | 'bottom' | 'left';\n  width?: number | string;\n  height?: number | string;\n  size?: 'default' | 'large';\n  closable?: boolean;\n  mask?: boolean;\n  maskClosable?: boolean;\n  destroyOnClose?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  contentWrapperStyle?: React.CSSProperties;\n  bodyStyle?: React.CSSProperties;\n  headerStyle?: React.CSSProperties;\n  footer?: React.ReactNode;\n  footerStyle?: React.CSSProperties;\n  extra?: React.ReactNode;\n  children?: React.ReactNode;\n  zIndex?: number;\n  keyboard?: boolean;\n  getContainer?: () => HTMLElement;\n}\n\nconst sizePresets: Record<string, number> = {\n  default: 378,\n  large: 736,\n};\n\nconst placementStyles: Record<string, string> = {\n  right: 'tw-inset-y-0 tw-right-0 tw-h-full',\n  left: 'tw-inset-y-0 tw-left-0 tw-h-full',\n  top: 'tw-inset-x-0 tw-top-0 tw-w-full',\n  bottom: 'tw-inset-x-0 tw-bottom-0 tw-w-full',\n};\n\nconst slideAnimationStyles: Record<string, string> = {\n  right: 'tw-animate-in tw-slide-in-from-right tw-duration-300',\n  left: 'tw-animate-in tw-slide-in-from-left tw-duration-300',\n  top: 'tw-animate-in tw-slide-in-from-top tw-duration-300',\n  bottom: 'tw-animate-in tw-slide-in-from-bottom tw-duration-300',\n};\n\nfunction Drawer(props: DrawerProps) {\n  const {\n    open = false,\n    onClose,\n    title,\n    placement = 'right',\n    width,\n    height,\n    size = 'default',\n    closable = true,\n    mask = true,\n    maskClosable = true,\n    className,\n    style,\n    contentWrapperStyle,\n    bodyStyle,\n    headerStyle,\n    footer,\n    footerStyle,\n    extra,\n    children,\n    zIndex = 1000,\n  } = props;\n\n  const isHorizontal = placement === 'left' || placement === 'right';\n  const preset = sizePresets[size] || sizePresets.default;\n  const effectiveWidth = width ?? preset;\n  const effectiveHeight = height ?? preset;\n  const sizeStyle = isHorizontal\n    ? { width: effectiveWidth, maxWidth: '100vw' }\n    : { height: effectiveHeight, maxHeight: '100vh' };\n\n  return (\n    <DialogPrimitive.Root\n      open={open}\n      onOpenChange={(val) => {\n        if (!val) onClose?.();\n      }}\n    >\n      <DialogPrimitive.Portal>\n        {mask && (\n          <DialogPrimitive.Overlay\n            className=\"ald-drawer-mask tw-animate-in tw-fade-in-0 tw-fixed tw-inset-0 tw-bg-black/45\"\n            style={{ zIndex }}\n            onClick={maskClosable ? () => onClose?.() : undefined}\n          />\n        )}\n        <DialogPrimitive.Content\n          className={cn(\n            'ald-drawer tw-fixed tw-flex tw-flex-col tw-bg-[var(--background-default)] tw-shadow-xl',\n            placementStyles[placement],\n            slideAnimationStyles[placement],\n            className,\n          )}\n          style={{\n            zIndex: zIndex + 1,\n            ...sizeStyle,\n            ...contentWrapperStyle,\n            ...style,\n          }}\n          onEscapeKeyDown={() => onClose?.()}\n          onInteractOutside={maskClosable ? () => onClose?.() : undefined}\n        >\n          {(title || closable || extra) && (\n            <div\n              className=\"ald-drawer-header tw-flex tw-items-center tw-justify-between tw-border-b tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4\"\n              style={headerStyle}\n            >\n              <DialogPrimitive.Title className=\"ald-drawer-title tw-m-0 tw-text-base tw-font-semibold tw-text-[var(--content-primary)]\">\n                {title}\n              </DialogPrimitive.Title>\n              <div className=\"tw-flex tw-items-center tw-gap-2\">\n                {extra}\n                {closable && (\n                  <DialogPrimitive.Close asChild>\n                    <button\n                      type=\"button\"\n                      className=\"ald-drawer-close tw-flex tw-size-8 tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-r-50 tw-border-0 tw-bg-transparent hover:tw-bg-[var(--action-ghost-hover)]\"\n                      onClick={() => onClose?.()}\n                    >\n                      <CloseLightLine\n                        size={20}\n                        color=\"var(--content-secondary)\"\n                      />\n                    </button>\n                  </DialogPrimitive.Close>\n                )}\n              </div>\n            </div>\n          )}\n          <div\n            className=\"ald-drawer-body tw-flex-1 tw-overflow-auto tw-px-6 tw-py-4\"\n            style={bodyStyle}\n          >\n            {children}\n          </div>\n          {footer && (\n            <div\n              className=\"ald-drawer-footer tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4\"\n              style={footerStyle}\n            >\n              {footer}\n            </div>\n          )}\n        </DialogPrimitive.Content>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n\nexport default Drawer;\n"],"mappings":";;;;;;AA+BA,IAAM,cAAsC;CAC1C,SAAS;CACT,OAAO;CACR;AAED,IAAM,kBAA0C;CAC9C,OAAO;CACP,MAAM;CACN,KAAK;CACL,QAAQ;CACT;AAED,IAAM,uBAA+C;CACnD,OAAO;CACP,MAAM;CACN,KAAK;CACL,QAAQ;CACT;AAED,SAAS,OAAO,OAAoB;CAClC,MAAM,EACJ,OAAO,OACP,SACA,OACA,YAAY,SACZ,OACA,QACA,OAAO,WACP,WAAW,MACX,OAAO,MACP,eAAe,MACf,WACA,OACA,qBACA,WACA,aACA,QACA,aACA,OACA,UACA,SAAS,QACP;CAEJ,MAAM,eAAe,cAAc,UAAU,cAAc;CAC3D,MAAM,SAAS,YAAY,SAAS,YAAY;CAGhD,MAAM,YAAY,eACd;EAAE,OAHiB,SAAS;EAGH,UAAU;EAAS,GAC5C;EAAE,QAHkB,UAAU;EAGH,WAAW;EAAS;AAEnD,QACE,oBAAC,gBAAgB,MAAjB;EACQ;EACN,eAAe,QAAQ;AACrB,OAAI,CAAC,IAAK,YAAW;;YAGvB,qBAAC,gBAAgB,QAAjB,EAAA,UAAA,CACG,QACC,oBAAC,gBAAgB,SAAjB;GACE,WAAU;GACV,OAAO,EAAE,QAAQ;GACjB,SAAS,qBAAqB,WAAW,GAAG;GAC5C,CAAA,EAEJ,qBAAC,gBAAgB,SAAjB;GACE,WAAW,GACT,0FACA,gBAAgB,YAChB,qBAAqB,YACrB,UACD;GACD,OAAO;IACL,QAAQ,SAAS;IACjB,GAAG;IACH,GAAG;IACH,GAAG;IACJ;GACD,uBAAuB,WAAW;GAClC,mBAAmB,qBAAqB,WAAW,GAAG;aAdxD;KAgBI,SAAS,YAAY,UACrB,qBAAC,OAAD;KACE,WAAU;KACV,OAAO;eAFT,CAIE,oBAAC,gBAAgB,OAAjB;MAAuB,WAAU;gBAC9B;MACqB,CAAA,EACxB,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,OACA,YACC,oBAAC,gBAAgB,OAAjB;OAAuB,SAAA;iBACrB,oBAAC,UAAD;QACE,MAAK;QACL,WAAU;QACV,eAAe,WAAW;kBAE1B,oBAAC,MAAD;SACE,MAAM;SACN,OAAM;SACN,CAAA;QACK,CAAA;OACa,CAAA,CAEtB;QACF;;IAER,oBAAC,OAAD;KACE,WAAU;KACV,OAAO;KAEN;KACG,CAAA;IACL,UACC,oBAAC,OAAD;KACE,WAAU;KACV,OAAO;eAEN;KACG,CAAA;IAEgB;KACH,EAAA,CAAA;EACJ,CAAA"}

package/dist/Dropdown/index.d.ts

@@ -1,9 +1,8 @@
 import { FloatingFocusManagerProps, OffsetOptions, UseHoverProps } from '@floating-ui/react';
-import React from 'react';
+import { default as React } from 'react';
 import { MenuProps } from '../Menu';
-import './style/index.less';
 export type ActionType = 'hover' | 'click';
-export type PlacementType = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+export type PlacementType = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
 export interface IDropdownProps {
     children: React.ReactNode;
     /**
@@ -41,7 +40,7 @@ export interface IDropdownProps {
      * @type ActionType, 其中 ActionType 为 'hover' | 'click' | 'contextMenu';
      * @default click
      */
-    trigger?: ActionType;
+    trigger?: ActionType | ActionType[];
     /**
      * @description 菜单是否显示
      * @default -
@@ -87,4 +86,4 @@ export interface IDropdownProps {
      */
     popupMatchTriggerWidth?: boolean | number;
 }
-export default function Dropdown(props: IDropdownProps): React.JSX.Element;
+export default function Dropdown(props: IDropdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/Dropdown/index.js

@@ -1,190 +1,146 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { FloatingFocusManager, FloatingNode, FloatingTree, autoUpdate, flip, offset, safePolygon, shift, size, useClick, useDismiss, useFloating, useFloatingNodeId, useFloatingParentNodeId, useHover, useId, useInteractions, useRole } from '@floating-ui/react';
-import { useMemoizedFn } from 'ahooks';
-import classNames from 'classnames';
-import ResizeObserver from 'rc-resize-observer';
-import React, { cloneElement, useCallback, useEffect, useMemo, useState } from 'react';
-import ReactDOM from 'react-dom';
-import Menu from "../Menu";
-import "./style/index.less";
-export default function Dropdown(props) {
-  var children = props.children,
-    _props$destroyPopupOn = props.destroyPopupOnHide,
-    destroyPopupOnHide = _props$destroyPopupOn === void 0 ? true : _props$destroyPopupOn,
-    getPopupContainer = props.getPopupContainer,
-    menu = props.menu,
-    overlayClassName = props.overlayClassName,
-    _props$placement = props.placement,
-    placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
-    _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
-    open = props.open,
-    _props$onOpenChange = props.onOpenChange,
-    onOpenChange = _props$onOpenChange === void 0 ? function () {} : _props$onOpenChange,
-    overlayStyle = props.overlayStyle,
-    dropdownRender = props.dropdownRender,
-    disabled = props.disabled,
-    _props$offset = props.offset,
-    offsetProps = _props$offset === void 0 ? 4 : _props$offset,
-    _props$delay = props.delay,
-    delay = _props$delay === void 0 ? 0 : _props$delay,
-    _props$autoUpdatePos = props.autoUpdatePos,
-    autoUpdatePos = _props$autoUpdatePos === void 0 ? false : _props$autoUpdatePos,
-    _props$initialFocus = props.initialFocus,
-    initialFocus = _props$initialFocus === void 0 ? -1 : _props$initialFocus,
-    _props$popupMatchTrig = props.popupMatchTriggerWidth,
-    popupMatchTriggerWidth = _props$popupMatchTrig === void 0 ? false : _props$popupMatchTrig;
-  var _useState = useState(open || false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var onOpenChangeFn = useMemoizedFn(onOpenChange);
-  var isOpenControlled = open !== undefined;
-  useEffect(function () {
-    if (isOpenControlled) {
-      setIsOpen(open);
-    }
-  }, [open, isOpenControlled]);
-  var onChangeOpen = useCallback(function (newOpen) {
-    if (!isOpenControlled) {
-      setIsOpen(newOpen);
-    }
-    onOpenChangeFn(newOpen);
-  }, [isOpenControlled, onOpenChangeFn]);
-  var nodeId = useFloatingNodeId();
-  var _useFloating = useFloating({
-      nodeId: nodeId,
-      placement: placement,
-      open: isOpen,
-      onOpenChange: onChangeOpen,
-      middleware: [offset(offsetProps), flip({
-        fallbackAxisSideDirection: 'end'
-      }), shift(), popupMatchTriggerWidth ? size({
-        apply: function apply(_ref) {
-          var rects = _ref.rects,
-            elements = _ref.elements;
-          Object.assign(elements.floating.style, {
-            width: typeof popupMatchTriggerWidth === 'number' ? "".concat(popupMatchTriggerWidth, "px") : "".concat(rects.reference.width, "px")
-          });
-        }
-      }) : size({
-        apply: function apply(_ref2) {
-          var elements = _ref2.elements;
-          Object.assign(elements.floating.style, {
-            minWidth: '144px'
-          });
-        }
-      })],
-      whileElementsMounted: autoUpdatePos ? autoUpdate : undefined
-    }),
-    refs = _useFloating.refs,
-    floatingStyles = _useFloating.floatingStyles,
-    context = _useFloating.context;
-  var click = useClick(context);
-  var hover = useHover(context, {
-    enabled: trigger === 'hover',
-    handleClose: safePolygon({}),
-    delay: delay
-  });
-  var dismiss = useDismiss(context, {});
-  var role = useRole(context);
-  var propsList = useMemo(function () {
-    var res = [dismiss, role];
-    var finalTrigger = trigger;
-    if (Array.isArray(trigger)) {
-      // 对于数组形式的 trigger，告警
-      console.error('trigger should be a string, support "hover" or "click" now.');
-      finalTrigger = 'click';
-    }
-    if (finalTrigger === 'hover') {
-      res.unshift(hover);
-    } else if (finalTrigger === 'click') {
-      res.unshift(click);
-    }
-    return res;
-  }, [trigger, click, dismiss, role, hover]);
-  var _useInteractions = useInteractions(propsList),
-    getReferenceProps = _useInteractions.getReferenceProps,
-    getFloatingProps = _useInteractions.getFloatingProps;
-  var headingId = useId();
-  var child = children;
-  var childProps = child.props || {};
-  var referenceProps = getReferenceProps();
-  var modifiedChild = /*#__PURE__*/cloneElement(child, _objectSpread(_objectSpread(_objectSpread({}, childProps), {}, {
-    disabled: disabled
-  }, referenceProps), {}, {
-    onClick: function onClick(event) {
-      var _childProps$onClick;
-      (_childProps$onClick = childProps.onClick) === null || _childProps$onClick === void 0 ? void 0 : _childProps$onClick.call(childProps, event);
-      var referenceOnClick = referenceProps.onClick;
-      if (typeof referenceOnClick === 'function') {
-        referenceOnClick(event);
-      }
-    }
-  }));
-  var onMenuItemClick = useCallback(function (info) {
-    if (menu !== null && menu !== void 0 && menu.onClick) {
-      menu.onClick(info);
-    }
-    if (info.keepOpen) {
-      return;
-    }
-    if (!isOpenControlled) {
-      setIsOpen(false);
-    }
-  }, [isOpenControlled, menu]);
-  var menuInstance = useMemo(function () {
-    var menuProps = _objectSpread(_objectSpread({}, menu), {}, {
-      items: (menu === null || menu === void 0 ? void 0 : menu.items) || []
-    });
-    return /*#__PURE__*/React.createElement(Menu, _extends({}, menuProps, {
-      onClick: onMenuItemClick
-    }));
-  }, [menu, onMenuItemClick]);
-  var popupElement = useMemo(function () {
-    return typeof dropdownRender === 'function' ? dropdownRender(menuInstance) : menuInstance;
-  }, [dropdownRender, menuInstance]);
+import { cn } from "../lib/utils.js";
+/* empty css         */
+import Menu from "../Menu/index.js";
+import { cloneElement, useCallback, useEffect, useMemo, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FloatingFocusManager, FloatingNode, FloatingTree, autoUpdate, flip, offset, safePolygon, shift, size, useClick, useDismiss, useFloating, useFloatingNodeId, useFloatingParentNodeId, useHover, useId as useId$1, useInteractions, useRole } from "@floating-ui/react";
+import { useMemoizedFn } from "ahooks";
+import ReactDOM from "react-dom";
+//#region src/Dropdown/index.tsx
+function Dropdown(props) {
+	const { children, destroyPopupOnHide = true, getPopupContainer, menu, overlayClassName, placement = "bottom-start", trigger = "click", open, onOpenChange = () => {}, overlayStyle, dropdownRender, disabled, offset: offsetProps = 4, delay = 0, autoUpdatePos = false, initialFocus = -1, popupMatchTriggerWidth = false } = props;
+	const [isOpen, setIsOpen] = useState(open || false);
+	const onOpenChangeFn = useMemoizedFn(onOpenChange);
+	const isOpenControlled = open !== void 0;
+	useEffect(() => {
+		if (isOpenControlled) setIsOpen(open);
+	}, [open, isOpenControlled]);
+	const onChangeOpen = useCallback((newOpen) => {
+		if (!isOpenControlled) setIsOpen(newOpen);
+		onOpenChangeFn(newOpen);
+	}, [isOpenControlled, onOpenChangeFn]);
+	const nodeId = useFloatingNodeId();
+	const { refs, floatingStyles, context } = useFloating({
+		nodeId,
+		placement,
+		open: isOpen,
+		onOpenChange: onChangeOpen,
+		middleware: [
+			offset(offsetProps),
+			flip({ fallbackAxisSideDirection: "end" }),
+			shift(),
+			popupMatchTriggerWidth ? size({ apply({ rects, elements }) {
+				Object.assign(elements.floating.style, { width: typeof popupMatchTriggerWidth === "number" ? `${popupMatchTriggerWidth}px` : `${rects.reference.width}px` });
+			} }) : size({ apply({ elements }) {
+				Object.assign(elements.floating.style, { minWidth: "144px" });
+			} })
+		],
+		whileElementsMounted: autoUpdatePos ? autoUpdate : void 0
+	});
+	const click = useClick(context);
+	const hover = useHover(context, {
+		enabled: trigger === "hover",
+		handleClose: safePolygon({}),
+		delay
+	});
+	const dismiss = useDismiss(context, {});
+	const role = useRole(context);
+	const { getReferenceProps, getFloatingProps } = useInteractions(useMemo(() => {
+		const res = [dismiss, role];
+		let finalTrigger = trigger;
+		if (Array.isArray(trigger)) {
+			console.error("trigger should be a string, support \"hover\" or \"click\" now.");
+			finalTrigger = "click";
+		}
+		if (finalTrigger === "hover") res.unshift(hover);
+		else if (finalTrigger === "click") res.unshift(click);
+		return res;
+	}, [
+		trigger,
+		click,
+		dismiss,
+		role,
+		hover
+	]));
+	const headingId = useId$1();
+	const child = children;
+	const childProps = child.props || {};
+	const referenceProps = getReferenceProps();
+	const modifiedChild = cloneElement(child, {
+		...childProps,
+		disabled,
+		...referenceProps,
+		onClick: (event) => {
+			childProps.onClick?.(event);
+			const { onClick: referenceOnClick } = referenceProps;
+			if (typeof referenceOnClick === "function") referenceOnClick(event);
+		}
+	});
+	const onMenuItemClick = useCallback((info) => {
+		if (menu?.onClick) menu.onClick(info);
+		if (info.keepOpen) return;
+		if (!isOpenControlled) setIsOpen(false);
+	}, [isOpenControlled, menu]);
+	const menuInstance = useMemo(() => {
+		return /* @__PURE__ */ jsx(Menu, {
+			...menu,
+			items: menu?.items || [],
+			onClick: onMenuItemClick
+		});
+	}, [menu, onMenuItemClick]);
+	const popupElement = useMemo(() => {
+		return typeof dropdownRender === "function" ? dropdownRender(menuInstance) : menuInstance;
+	}, [dropdownRender, menuInstance]);
+	const renderFloatingContent = useCallback(() => {
+		const popupElem = /* @__PURE__ */ jsx(FloatingFocusManager, {
+			context,
+			modal: false,
+			initialFocus,
+			children: /* @__PURE__ */ jsx("div", {
+				className: cn("ald-dropdown-overlay", "tw-flex tw-flex-col tw-items-start tw-self-stretch", "tw-rounded-[var(--alias-radius-75,8px)]", "tw-border tw-border-solid tw-border-[var(--global-cool-gray-alpha-100,rgba(0,0,0,0.06))]", "tw-bg-[var(--interaction-background-modeless,#fff)]", "tw-shadow-[var(--elevation-bottom-bottom-lg,0_8px_24px_rgba(0,0,0,0.12))]", "tw-z-[1001] tw-max-w-none tw-px-0 tw-py-1 tw-text-sm", overlayClassName, { "ald-dropdown-overlay-hidden tw-invisible": !isOpen }),
+				ref: refs.setFloating,
+				style: {
+					...floatingStyles,
+					...overlayStyle
+				},
+				"aria-labelledby": headingId,
+				...getFloatingProps(),
+				children: popupElement
+			})
+		});
+		const popupContainer = typeof getPopupContainer === "function" ? getPopupContainer() : document.body;
+		return ReactDOM.createPortal(popupElem, popupContainer);
+	}, [
+		context,
+		floatingStyles,
+		getFloatingProps,
+		getPopupContainer,
+		headingId,
+		popupElement,
+		refs.setFloating,
+		overlayClassName,
+		overlayStyle,
+		isOpen,
+		initialFocus
+	]);
+	const popup = destroyPopupOnHide ? isOpen && renderFloatingContent() : renderFloatingContent();
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+		ref: useCallback((node) => {
+			if (node) {
+				const target = node.style.display === "contents" ? node.firstElementChild || node : node;
+				refs.setReference(target);
+			} else refs.setReference(null);
+		}, [refs]),
+		style: { display: "contents" },
+		children: modifiedChild
+	}), /* @__PURE__ */ jsx(FloatingNode, {
+		id: nodeId,
+		children: popup
+	})] });
+	if (!useFloatingParentNodeId()) return /* @__PURE__ */ jsx(FloatingTree, { children: content });
+	return content;
+}
+//#endregion
+export { Dropdown as default };
 
-  // 渲染浮动内容到自定义容器
-  var renderFloatingContent = useCallback(function () {
-    var popupElem = /*#__PURE__*/React.createElement(FloatingFocusManager, {
-      context: context,
-      modal: false,
-      initialFocus: initialFocus
-    }, /*#__PURE__*/React.createElement("div", _extends({
-      className: classNames('ald-dropdown-overlay', overlayClassName, _defineProperty({}, 'ald-dropdown-overlay-hidden', !isOpen)),
-      ref: refs.setFloating,
-      style: _objectSpread(_objectSpread({}, floatingStyles), overlayStyle),
-      "aria-labelledby": headingId
-    }, getFloatingProps()), popupElement));
-    var popupContainer = typeof getPopupContainer === 'function' ? getPopupContainer() : document.body;
-    return /*#__PURE__*/ReactDOM.createPortal(popupElem, popupContainer);
-  }, [context, floatingStyles, getFloatingProps, getPopupContainer, headingId, popupElement, refs.setFloating, overlayClassName, overlayStyle, isOpen, initialFocus]);
-  var popup = destroyPopupOnHide ? isOpen && renderFloatingContent() : renderFloatingContent();
-  var setTargetRef = useCallback(function (node) {
-    refs.setReference(node);
-  }, [refs]);
-  var content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResizeObserver, {
-    disabled: !isOpen,
-    ref: setTargetRef
-  }, modifiedChild), /*#__PURE__*/React.createElement(FloatingNode, {
-    id: nodeId
-  }, popup));
-  var parentId = useFloatingParentNodeId();
-  if (!parentId) {
-    return /*#__PURE__*/React.createElement(FloatingTree, null, content);
-  }
-  return content;
-}
+//# sourceMappingURL=index.js.map

package/dist/Dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Dropdown/index.tsx"],"sourcesContent":["import './dropdown.css';\nimport {\n  FloatingFocusManager,\n  FloatingFocusManagerProps,\n  FloatingNode,\n  FloatingTree,\n  OffsetOptions,\n  UseHoverProps,\n  autoUpdate,\n  flip,\n  offset,\n  safePolygon,\n  shift,\n  size,\n  useClick,\n  useDismiss,\n  useFloating,\n  useFloatingNodeId,\n  useFloatingParentNodeId,\n  useHover,\n  useId,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react';\nimport { useMemoizedFn } from 'ahooks';\nimport { cn } from '../lib/utils';\nimport React, {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport ReactDOM from 'react-dom';\nimport Menu, { MenuInfo, MenuProps } from '../Menu';\n\nexport type ActionType = 'hover' | 'click';\nexport type PlacementType =\n  | 'top'\n  | 'bottom'\n  | 'left'\n  | 'right'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'left-start'\n  | 'left-end'\n  | 'right-start'\n  | 'right-end'\n  // Legacy antd-style placement names\n  | 'topLeft'\n  | 'topRight'\n  | 'bottomLeft'\n  | 'bottomRight';\nexport interface IDropdownProps {\n  children: React.ReactNode;\n  /**\n   * @description 菜单弹出位置的偏移量\n   */\n  offset?: OffsetOptions;\n  /**\n   * @description 关闭后是否销毁 Dropdown\n   * @default false\n   */\n  destroyPopupOnHide?: boolean;\n  /**\n   * @description 菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位\n   * @default () => document.body\n   */\n  getPopupContainer?: () => HTMLElement;\n  /**\n   * @description 菜单\n   * @type Menu | () => Menu\n   * @default -\n   */\n  menu?: MenuProps;\n  // /**\n  //  * @description 菜单\n  //  * @type Menu | () => Menu\n  //  * @default -\n  //  */\n  // menu?: ReactElement | (() => ReactElement);\n  /**\n   * @description 下拉根元素的类名称\n   * @default -\n   */\n  overlayClassName?: string;\n  /**\n   * @description 菜单弹出位置\n   * @default bottomLeft\n   */\n  placement?: PlacementType;\n  /**\n   * @description 触发下拉的行为\n   * @type ActionType, 其中 ActionType 为 'hover' | 'click' | 'contextMenu';\n   * @default click\n   */\n  trigger?: ActionType | ActionType[];\n  /**\n   * @description 菜单是否显示\n   * @default -\n   */\n  open?: boolean;\n  /**\n   * @description 菜单显示状态改变时调用，参数为 open，点击菜单按钮导致的消失不会触发\n   * @default -\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * @description 下拉框的属性\n   * @default -\n   */\n  overlayStyle?: React.CSSProperties;\n\n  /**\n   * @description 自定义下拉框内容\n   * @default -\n   */\n  dropdownRender?: (menus: React.ReactNode) => React.ReactNode;\n  /**\n   * @description 是否禁用\n   * @default false\n   */\n  // 透传给子元素，antd的dropdown用cloneElement生成dropdown的子元素，劫持了disabled属性，因此如果Dropdown上没有disabled属性，子元素不能获得该属性\n  disabled?: boolean;\n  /**\n   * @description 鼠标移入后延迟显示下拉框的时间，单位为毫秒\n   * @default 0\n   */\n  delay?: UseHoverProps['delay'];\n  /**\n   * @description 是否在下拉框变化的时候自动更新位置\n   * @default false\n   */\n  autoUpdatePos?: boolean;\n  /**\n   * @description 初始化焦点，参照：https://floating-ui.com/docs/floatingfocusmanager#initialfocus\n   */\n  initialFocus?: FloatingFocusManagerProps['initialFocus'];\n\n  /**\n   * @description 菜单是否跟随触发元素宽度\n   * @default false\n   */\n  popupMatchTriggerWidth?: boolean | number;\n}\n\nexport default function Dropdown(props: IDropdownProps) {\n  const {\n    children,\n    destroyPopupOnHide = true,\n    getPopupContainer,\n    menu,\n    overlayClassName,\n    placement = 'bottom-start',\n    trigger = 'click',\n    open,\n    onOpenChange = () => {},\n    overlayStyle,\n    dropdownRender,\n    disabled,\n    offset: offsetProps = 4,\n    delay = 0,\n    autoUpdatePos = false,\n    // 默认不自动 focus\n    initialFocus = -1,\n    popupMatchTriggerWidth = false,\n  } = props;\n  const [isOpen, setIsOpen] = useState<boolean>(open || false);\n\n  const onOpenChangeFn = useMemoizedFn(onOpenChange);\n  const isOpenControlled = open !== undefined;\n\n  useEffect(() => {\n    if (isOpenControlled) {\n      setIsOpen(open);\n    }\n  }, [open, isOpenControlled]);\n\n  const onChangeOpen = useCallback(\n    (newOpen: boolean) => {\n      if (!isOpenControlled) {\n        setIsOpen(newOpen);\n      }\n      onOpenChangeFn(newOpen);\n    },\n    [isOpenControlled, onOpenChangeFn],\n  );\n\n  const nodeId = useFloatingNodeId();\n  const { refs, floatingStyles, context } = useFloating({\n    nodeId,\n    placement: placement as any,\n    open: isOpen,\n    onOpenChange: onChangeOpen,\n    middleware: [\n      offset(offsetProps),\n      flip({ fallbackAxisSideDirection: 'end' }),\n      shift(),\n      popupMatchTriggerWidth\n        ? size({\n            apply({ rects, elements }) {\n              Object.assign(elements.floating.style, {\n                width:\n                  typeof popupMatchTriggerWidth === 'number'\n                    ? `${popupMatchTriggerWidth}px`\n                    : `${rects.reference.width}px`,\n              });\n            },\n          })\n        : size({\n            apply({ elements }) {\n              Object.assign(elements.floating.style, {\n                minWidth: '144px',\n              });\n            },\n          }),\n    ],\n    whileElementsMounted: autoUpdatePos ? autoUpdate : undefined,\n  });\n\n  const click = useClick(context);\n  const hover = useHover(context, {\n    enabled: trigger === 'hover',\n    handleClose: safePolygon({}),\n    delay: delay,\n  });\n  const dismiss = useDismiss(context, {});\n  const role = useRole(context);\n\n  const propsList = useMemo(() => {\n    const res = [dismiss, role];\n\n    let finalTrigger = trigger;\n    if (Array.isArray(trigger)) {\n      // 对于数组形式的 trigger，告警\n      console.error(\n        'trigger should be a string, support \"hover\" or \"click\" now.',\n      );\n      finalTrigger = 'click';\n    }\n\n    if (finalTrigger === 'hover') {\n      res.unshift(hover);\n    } else if (finalTrigger === 'click') {\n      res.unshift(click);\n    }\n    return res;\n  }, [trigger, click, dismiss, role, hover]);\n\n  const { getReferenceProps, getFloatingProps } = useInteractions(propsList);\n\n  const headingId = useId();\n\n  const child = children as React.ReactElement;\n  const childProps = child.props || {};\n  const referenceProps = getReferenceProps();\n  const modifiedChild = cloneElement(child, {\n    ...childProps,\n    disabled,\n    // ref: (node: HTMLDivElement) => refs.setReference(node),\n    ...referenceProps,\n    onClick: (event: React.MouseEvent<HTMLElement>) => {\n      childProps.onClick?.(event);\n      const { onClick: referenceOnClick } = referenceProps;\n      if (typeof referenceOnClick === 'function') {\n        referenceOnClick(event);\n      }\n    },\n  });\n\n  const onMenuItemClick = useCallback(\n    (info: MenuInfo) => {\n      if (menu?.onClick) {\n        menu.onClick(info);\n      }\n      if (info.keepOpen) {\n        return;\n      }\n      if (!isOpenControlled) {\n        setIsOpen(false);\n      }\n    },\n    [isOpenControlled, menu],\n  );\n\n  const menuInstance = useMemo(() => {\n    const menuProps = {\n      ...menu,\n      items: menu?.items || [],\n    };\n    return <Menu {...menuProps} onClick={onMenuItemClick} />;\n  }, [menu, onMenuItemClick]);\n\n  const popupElement = useMemo(() => {\n    return typeof dropdownRender === 'function'\n      ? dropdownRender(menuInstance)\n      : menuInstance;\n  }, [dropdownRender, menuInstance]);\n\n  // 渲染浮动内容到自定义容器\n  const renderFloatingContent = useCallback(() => {\n    const popupElem = (\n      <FloatingFocusManager\n        context={context}\n        modal={false}\n        initialFocus={initialFocus}\n      >\n        <div\n          className={cn(\n            'ald-dropdown-overlay',\n            'tw-flex tw-flex-col tw-items-start tw-self-stretch',\n            'tw-rounded-[var(--alias-radius-75,8px)]',\n            'tw-border tw-border-solid tw-border-[var(--global-cool-gray-alpha-100,rgba(0,0,0,0.06))]',\n            'tw-bg-[var(--interaction-background-modeless,#fff)]',\n            'tw-shadow-[var(--elevation-bottom-bottom-lg,0_8px_24px_rgba(0,0,0,0.12))]',\n            'tw-z-[1001] tw-max-w-none tw-px-0 tw-py-1 tw-text-sm',\n            overlayClassName,\n            { 'ald-dropdown-overlay-hidden tw-invisible': !isOpen },\n          )}\n          ref={refs.setFloating}\n          style={{ ...floatingStyles, ...overlayStyle }}\n          aria-labelledby={headingId}\n          {...getFloatingProps()}\n        >\n          {popupElement}\n        </div>\n      </FloatingFocusManager>\n    );\n\n    const popupContainer =\n      typeof getPopupContainer === 'function'\n        ? getPopupContainer()\n        : document.body;\n    return ReactDOM.createPortal(popupElem, popupContainer);\n  }, [\n    context,\n    floatingStyles,\n    getFloatingProps,\n    getPopupContainer,\n    headingId,\n    popupElement,\n    refs.setFloating,\n    overlayClassName,\n    overlayStyle,\n    isOpen,\n    initialFocus,\n  ]);\n\n  const popup = destroyPopupOnHide\n    ? isOpen && renderFloatingContent()\n    : renderFloatingContent();\n\n  const setTargetRef = useCallback(\n    (node: HTMLElement | null) => {\n      if (node) {\n        // display: contents 元素没有 box model，getBoundingClientRect() 返回零值\n        // 需要获取实际的第一个子元素作为 floating-ui 的参考元素\n        const target =\n          node.style.display === 'contents'\n            ? (node.firstElementChild as HTMLElement) || node\n            : node;\n        refs.setReference(target);\n      } else {\n        refs.setReference(null);\n      }\n    },\n    [refs],\n  );\n\n  const content = (\n    <>\n      <span ref={setTargetRef} style={{ display: 'contents' }}>\n        {modifiedChild}\n      </span>\n      <FloatingNode id={nodeId}>{popup}</FloatingNode>\n    </>\n  );\n\n  const parentId = useFloatingParentNodeId();\n  if (!parentId) {\n    return <FloatingTree>{content}</FloatingTree>;\n  }\n\n  return content;\n}\n"],"mappings":"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"}

package/dist/Empty/image/Data.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-declare const Data: () => React.JSX.Element;
+declare const Data: () => import("react/jsx-runtime").JSX.Element;
 export default Data;