@para-ui/core 4.0.15 → 4.0.16

package/Cascader/index.js

@@ -1,15 +1,16 @@
-import { C as Cascader } from '../_verture/index-9784b09c.js';
-export { C as default } from '../_verture/index-9784b09c.js';
+import { C as Cascader } from '../_verture/index-782e05bf.js';
+export { C as default } from '../_verture/index-782e05bf.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
-import '../_verture/slicedToArray-8223a2ef.js';
-import '../_verture/defineProperty-1d116156.js';
-import '../_verture/typeof-adeedc13.js';
+import '../_verture/toConsumableArray-8f4c9589.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/defineProperty-51493dbe.js';
+import '../_verture/slicedToArray-a8206399.js';
 import 'react';
 import 'react-dom';
 import 'rc-motion';
 import 'clsx';
-import '../_verture/typeof-c310ee4a.js';
+import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree/lib/utils/conductUtil';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/Down';

package/ComboSelect/index.js

@@ -6,7 +6,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-767e63dd.js';
+import { T as Tree } from '../_verture/index-0ad6af26.js';
 import { Button } from '../Button/index.js';
 import { D as Dropdown } from '../_verture/index-389675ab.js';
 import { Popover } from '../Popover/index.js';
@@ -56,10 +56,14 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
+import '../_verture/toConsumableArray-8f4c9589.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/defineProperty-51493dbe.js';
+import '../_verture/slicedToArray-a8206399.js';
+import '../_verture/index-287ae1b3.js';
+import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';
-import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/Document';
-import '../_verture/slicedToArray-8223a2ef.js';
 import 'react-dom';
 import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';

package/CycleSelector/index.js

@@ -27,8 +27,7 @@ import '@para-ui/icons/Forbid';
 import '@paraview/lib';
 import '../_verture/tinycolor-ece3542d.js';
 import '@para-ui/icons/Plus';
-import '../_verture/defineProperty-1d116156.js';
-import '../_verture/typeof-adeedc13.js';
+import '../_verture/defineProperty-51493dbe.js';
 import 'rc-picker';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/Calendar';

package/DatePicker/index.js

@@ -2,7 +2,7 @@ import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button } from '../Button/index.js';
 import { Tag } from '../Tag/index.js';
-import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-51493dbe.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import React__default, { forwardRef, useImperativeHandle } from 'react';
 import clsx from 'clsx';
@@ -35,7 +35,6 @@ import '@para-ui/icons/Close';
 import '@para-ui/icons/EditOutline';
 import '../_verture/tinycolor-ece3542d.js';
 import '@para-ui/icons/Plus';
-import '../_verture/typeof-adeedc13.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 

package/DynamicMultiBox/index.js

@@ -17,7 +17,7 @@ import { ComboSelect } from '../ComboSelect/index.js';
 import DatePicker from '../DatePicker/index.js';
 import AutoTips from '../AutoTips/index.js';
 import { UUID } from '@paraview/lib';
-import { d as dist } from '../_verture/index-28a6bc3a.js';
+import { d as dist } from '../_verture/index-9bef932a.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
@@ -70,11 +70,15 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-767e63dd.js';
+import '../_verture/index-0ad6af26.js';
+import '../_verture/toConsumableArray-8f4c9589.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/defineProperty-51493dbe.js';
+import '../_verture/slicedToArray-a8206399.js';
+import '../_verture/index-287ae1b3.js';
+import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';
-import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/Document';
-import '../_verture/slicedToArray-8223a2ef.js';
 import 'react-dom';
 import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';
@@ -86,7 +90,6 @@ import '../Tag/index.js';
 import '@para-ui/icons/EditOutline';
 import '../_verture/tinycolor-ece3542d.js';
 import '@para-ui/icons/Plus';
-import '../_verture/defineProperty-1d116156.js';
 import 'rc-picker';
 import '@para-ui/icons/Calendar';
 import '@para-ui/icons/Time';

package/Form/index.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-79cebfc8.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-06069532.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
 import '../TextField/index.js';
@@ -28,7 +28,8 @@ import '../_verture/index-389675ab.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
-import '../_verture/slicedToArray-8223a2ef.js';
+import '../_verture/slicedToArray-a8206399.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../RadioGroup/index.js';
 import '../Radio/index.js';
 import '../Select/index.js';
@@ -68,9 +69,12 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-767e63dd.js';
+import '../_verture/index-0ad6af26.js';
+import '../_verture/toConsumableArray-8f4c9589.js';
+import '../_verture/defineProperty-51493dbe.js';
+import '../_verture/index-287ae1b3.js';
+import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';
-import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/Document';
 import 'react-dom';
 import '@para-ui/icons/EditFile';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-79cebfc8.js';
+export { F as default } from '../_verture/index-06069532.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-5317fc89.js';
@@ -27,7 +27,8 @@ import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
-import '../_verture/slicedToArray-8223a2ef.js';
+import '../_verture/slicedToArray-a8206399.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../RadioGroup/index.js';
 import '../Radio/index.js';
 import '../Select/index.js';
@@ -68,9 +69,12 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-767e63dd.js';
+import '../_verture/index-0ad6af26.js';
+import '../_verture/toConsumableArray-8f4c9589.js';
+import '../_verture/defineProperty-51493dbe.js';
+import '../_verture/index-287ae1b3.js';
+import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';
-import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/Document';
 import 'react-dom';
 import '@para-ui/icons/EditFile';

package/FunctionModal/index.js

@@ -1,5 +1,5 @@
-import { u as useModal } from '../_verture/modalContext-7380ea41.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-7380ea41.js';
+import { u as useModal } from '../_verture/modalContext-b101ffaa.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-b101ffaa.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
 import 'react';

package/PopMenu/context.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IPopMenuHandler, PopMenuListItemProps, TPopMenuDirection } from './interface';
+import { PopoverProps } from '../Popover';
+export declare const PopMenuContext: React.Context<{
+    direction: TPopMenuDirection;
+    props: PopoverProps;
+    handle: IPopMenuHandler;
+    menuIndex: number;
+    path: string[];
+    value: string[];
+    onChange: (value: string[]) => void;
+    onClick: (name: string, item?: PopMenuListItemProps, path?: string[]) => void;
+}>;
+export declare const PopMenuProvider: React.Provider<{
+    direction: TPopMenuDirection;
+    props: PopoverProps;
+    handle: IPopMenuHandler;
+    menuIndex: number;
+    path: string[];
+    value: string[];
+    onChange: (value: string[]) => void;
+    onClick: (name: string, item?: PopMenuListItemProps, path?: string[]) => void;
+}>;
+export declare const usePopMenuContext: () => {
+    direction: TPopMenuDirection;
+    props: PopoverProps;
+    handle: IPopMenuHandler;
+    menuIndex: number;
+    path: string[];
+    value: string[];
+    onChange: (value: string[]) => void;
+    onClick: (name: string, item?: PopMenuListItemProps, path?: string[]) => void;
+};

package/PopMenu/hooks.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const useComponentWidth: (efts: any[]) => {
+    width: number;
+    ref: React.RefObject<HTMLDivElement>;
+};

package/PopMenu/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import './index.scss';
+import { PopMenuProps } from './interface';
+export declare const PopMenu: FC<PopMenuProps>;
+export default PopMenu;

package/PopMenu/index.js

@@ -0,0 +1,288 @@
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import React__default, { useState, useRef, useEffect } from 'react';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import { Popover } from '../Popover/index.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
+import Right from '@para-ui/icons/Right';
+import AutoTips from '../AutoTips/index.js';
+import { Tooltip } from '../Tooltip/index.js';
+import Help from '../Help/index.js';
+import '../_verture/usePopupContainer-635f66f4.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '@paraview/lib';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
+import '@para-ui/icons/Help';
+
+/*
+ * @Author: ygj
+ * @Date: 2024-04-08 09:54:49
+ * @LastEditTime: 2024-04-09 16:04:55
+ * @LastEditors: ygj
+ * @Description:
+ * @FilePath: /para-ui-core/src/PopMenu/context.ts
+ */
+const PopMenuContext = /*#__PURE__*/React__default.createContext({
+  direction: 'left',
+  props: {},
+  handle: {},
+  // 记录当前菜单层级
+  menuIndex: -1,
+  path: [],
+  value: [],
+  onChange: value => {},
+  onClick: (name, item, path) => {}
+});
+const PopMenuProvider = PopMenuContext.Provider;
+const usePopMenuContext = () => {
+  return React__default.useContext(PopMenuContext);
+};
+
+/*
+ * @Author: ygj
+ * @Date: 2024-04-08 10:09:01
+ * @LastEditTime: 2024-04-09 10:13:36
+ * @LastEditors: ygj
+ * @Description:
+ * @FilePath: /para-ui-core/src/PopMenu/hooks.ts
+ */
+// 获取组件宽度
+const useComponentWidth = efts => {
+  const [width, setWidth] = useState(0);
+  const ref = useRef(null);
+  useEffect(() => {
+    var _a;
+    // 获取 children 的宽度设置为最小宽度
+    const childrenWidth = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) || 0;
+    setWidth(childrenWidth);
+  }, [ref.current, ...efts]);
+  return {
+    width,
+    ref
+  };
+};
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-pop-menu-content {\n  display: inline-block;\n}\n.paraui-v4-pop-menu-item-content {\n  display: flex;\n  width: 100%;\n}\n.paraui-v4-pop-menu .pop-menu-separator:after {\n  content: \"\";\n  position: absolute;\n  height: 1px;\n  background: rgb(234, 236, 241);\n  left: 10px;\n  right: 10px;\n  bottom: 0;\n}\n.paraui-v4-pop-menu .pop-menu-list {\n  padding: 4px 0;\n  overflow: hidden;\n  position: relative;\n  max-width: 500px;\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  height: 30px;\n  cursor: pointer;\n  padding: 0 10px;\n  overflow: hidden;\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item .item-help {\n  margin-left: 4px;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item .item-help:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item .item-arrow {\n  margin-left: auto;\n  padding-left: 10px;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item .item-arrow svg {\n  width: 18px;\n  height: 18px;\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item-select {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item-select .item-arrow svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item-disabled {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-pop-menu .pop-menu-list .pop-menu-item-disabled svg {\n  color: rgb(161, 168, 179);\n}";
+styleInject(css_248z);
+
+var PopMenuItem = function PopMenuItem(p) {
+  var title = p.title,
+    children = p.children,
+    disabled = p.disabled;
+  var _usePopMenuContext = usePopMenuContext(),
+    direction = _usePopMenuContext.direction,
+    props = _usePopMenuContext.props,
+    handle = _usePopMenuContext.handle,
+    menuIndex = _usePopMenuContext.menuIndex,
+    value = _usePopMenuContext.value,
+    onChange = _usePopMenuContext.onChange,
+    path = _usePopMenuContext.path,
+    onClick = _usePopMenuContext.onClick;
+  var getArrow = function getArrow() {
+    return jsx("div", Object.assign({
+      className: 'item-arrow'
+    }, {
+      children: jsx(Right, {})
+    }));
+  };
+  var currentValue = value === null || value === void 0 ? void 0 : value[menuIndex];
+  // 点击菜单项
+  var clickItem = function clickItem(item, close) {
+    // 点击有子菜单的菜单项,不关闭菜单
+    if (close) {
+      handle.closeMenu();
+      var newValue = _toConsumableArray(path);
+      newValue[menuIndex] = item.name;
+      onChange(newValue);
+      if (item.onClick) {
+        item.onClick(item.name, item, path);
+      }
+      onClick === null || onClick === void 0 ? void 0 : onClick(item.name, item, path);
+    }
+  };
+  /** 是否点击关闭 */
+  var getItem = function getItem(item, close) {
+    if (item.render) {
+      return item === null || item === void 0 ? void 0 : item.render(handle);
+    } else {
+      var contents = jsxs(Fragment, {
+        children: [jsx(AutoTips, {
+          children: title
+        }), item.help && jsx(Help, {
+          className: "item-help",
+          title: item.help
+        }), children ? getArrow() : null]
+      });
+      if (item.disabled) {
+        return jsx(Tooltip, Object.assign({
+          title: item.disabledTip,
+          disabled: item.disabled,
+          className: "pop-menu-item"
+        }, {
+          children: jsx("div", Object.assign({
+            className: "pop-menu-item pop-menu-item-disabled"
+          }, {
+            children: contents
+          }))
+        }));
+      }
+      return jsx("div", Object.assign({
+        className: clsx('pop-menu-item', {
+          'pop-menu-item-select': currentValue === item.name
+        }),
+        onClick: function onClick() {
+          return clickItem(item, close);
+        }
+      }, {
+        children: contents
+      }));
+    }
+  };
+  if (children && !disabled) {
+    return jsx(PopMenu, Object.assign({}, props, {
+      data: children,
+      placement: direction === 'right' ? 'right-start' : 'left-start',
+      className: clsx("".concat($prefixCls, "-pop-menu-item-content"), props.contentClassName),
+      overlayInnerStyle: Object.assign({
+        minWidth: 'auto'
+      }, props.overlayInnerStyle),
+      contentClassName: 'item-content',
+      offset: [direction === 'right' ? 4 : -4, 0],
+      path: [].concat(_toConsumableArray(path), [p.name])
+    }, {
+      children: getItem(p, false)
+    }));
+  }
+  return getItem(p, true);
+};
+
+const PopMenuList = _ref => {
+  let {
+    list,
+    className,
+    style
+  } = _ref;
+  return jsx("div", Object.assign({
+    className: clsx('pop-menu-list', className),
+    style: style
+  }, {
+    children: list.map(item => {
+      if ( /*#__PURE__*/React__default.isValidElement(item)) {
+        return item;
+      }
+      const newItem = item;
+      return jsx(PopMenuItem, Object.assign({}, newItem), newItem.name);
+    })
+  }));
+};
+
+//popover
+const PopMenu = props => {
+  const {
+      overlayClassName,
+      data,
+      children,
+      menuClassName,
+      menuStyle,
+      contentClassName,
+      contentStyle,
+      value,
+      onChange,
+      onClick,
+      path
+    } = props,
+    restProps = __rest(props, ["overlayClassName", "data", "children", "menuClassName", "menuStyle", "contentClassName", "contentStyle", "value", "onChange", "onClick", "path"]);
+  const {
+    width,
+    ref
+  } = useComponentWidth([children]);
+  const wrapRef = React__default.useRef();
+  const {
+    handle,
+    menuIndex
+  } = usePopMenuContext();
+  const getContent = () => {
+    var _a;
+    // 已分组数据
+    const groups = [];
+    // 未分组数据
+    const unGroup = {
+      list: []
+    };
+    // 生成分组数据
+    data.forEach(item => {
+      if (typeof item === 'object' && item !== null && 'list' in item) {
+        groups.push(item);
+      } else {
+        unGroup.list.push(item);
+      }
+    });
+    ((_a = unGroup.list) === null || _a === void 0 ? void 0 : _a.length) && groups.push(unGroup);
+    return jsx(Fragment, {
+      children: groups.map((group, index) => {
+        return jsx(PopMenuList, {
+          direction: restProps.direction,
+          list: group.list,
+          className: clsx(menuClassName, {
+            'pop-menu-separator': index !== groups.length - 1
+          }),
+          style: menuStyle
+        }, index);
+      })
+    });
+  };
+  const getPlacement = () => {
+    if (restProps.placement) {
+      return restProps.placement;
+    }
+    return restProps.direction === 'right' ? 'bottomLeft' : 'bottomRight';
+  };
+  return jsx(PopMenuProvider, Object.assign({
+    value: {
+      // 当前菜单层级
+      menuIndex: menuIndex + 1,
+      // 菜单路径,(不包含当前)
+      path: path || [],
+      direction: restProps.direction || 'left',
+      props,
+      value: value || [],
+      onChange: onChange || (() => {}),
+      onClick: onClick || (() => {}),
+      handle: {
+        closeMenu: () => {
+          var _a, _b;
+          if (typeof (restProps === null || restProps === void 0 ? void 0 : restProps.visible) === 'undefined') {
+            (_a = wrapRef === null || wrapRef === void 0 ? void 0 : wrapRef.current) === null || _a === void 0 ? void 0 : _a.close();
+            handle && ((_b = handle === null || handle === void 0 ? void 0 : handle.closeMenu) === null || _b === void 0 ? void 0 : _b.call(handle));
+          }
+        }
+      }
+    }
+  }, {
+    children: jsx(Popover, Object.assign({}, restProps, {
+      isPopover: true,
+      ref: wrapRef,
+      overlayClassName: clsx("".concat($prefixCls, "-pop-menu"), overlayClassName),
+      overlayInnerStyle: Object.assign({
+        minWidth: width
+      }, restProps.overlayInnerStyle),
+      content: getContent(),
+      placement: getPlacement()
+    }, {
+      children: jsx("div", Object.assign({
+        ref: ref,
+        className: clsx("".concat($prefixCls, "-pop-menu-content"), contentClassName),
+        style: contentStyle
+      }, {
+        children: children
+      }))
+    }))
+  }));
+};
+PopMenu.displayName = 'PopMenu';
+
+export { PopMenu, PopMenu as default };

package/PopMenu/interface.d.ts

@@ -0,0 +1,61 @@
+import React from 'react';
+import { PopoverProps } from '../Popover';
+export type TPopMenuDirection = 'left' | 'right';
+export interface PopMenuListItemProps {
+    /** 禁用 */
+    disabled?: boolean;
+    /** 禁用提示 */
+    disabledTip?: string;
+    /** key */
+    name: string;
+    /** title */
+    title?: string;
+    /** 帮助提示  */
+    help?: string;
+    /** 自定义渲染 */
+    render?: (handle: IPopMenuHandler) => React.ReactElement;
+    /** 菜单点击事件 */
+    onClick?: (name: string, item?: PopMenuListItemProps, path?: string[]) => void;
+    /** 子菜单 */
+    children?: PopMenuListItemProps[];
+}
+export interface IPopMenuHandler {
+    /** 关闭菜单的方法 */
+    closeMenu: () => void;
+}
+export type PopMenuGroupItemProps = {
+    list: PopMenuListItemProps[];
+};
+export interface PopMenuListProps {
+    /** 菜单方向  左,右 */
+    direction?: TPopMenuDirection;
+    /** 菜单列表 */
+    list: PopMenuListItemProps[];
+    /** className */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+}
+export type TPopMenuValue = string[];
+export interface PopMenuProps extends PopoverProps {
+    /** 菜单方向  左,右 */
+    direction?: TPopMenuDirection;
+    /** 菜单数据源 */
+    data: PopMenuListItemProps[] | PopMenuGroupItemProps[];
+    /** menu className */
+    menuClassName?: string;
+    /** menu style */
+    menuStyle?: React.CSSProperties;
+    /** content className */
+    contentClassName?: string;
+    /** content style */
+    contentStyle?: React.CSSProperties;
+    /** value */
+    value?: TPopMenuValue;
+    /** onChange */
+    onChange?: (value: TPopMenuValue) => void;
+    /** path,记录菜单路径 */
+    path?: string[];
+    /** 点击事件 */
+    onClick?: (name: string, item?: PopMenuListItemProps, path?: string[]) => void;
+}

package/PopMenu/item.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { PopMenuListItemProps } from './interface';
+declare const PopMenuItem: FC<PopMenuListItemProps>;
+export default PopMenuItem;

package/PopMenu/list.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { PopMenuListProps } from './interface';
+declare const PopMenuList: FC<PopMenuListProps>;
+export default PopMenuList;

package/Popover/index.js

@@ -1,6 +1,6 @@
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import React__default from 'react';
+import React__default, { useEffect } from 'react';
 import { Tooltip } from '../Tooltip/index.js';
 import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-5317fc89.js';
 import { u as usePopupContainer } from '../_verture/usePopupContainer-635f66f4.js';
@@ -22,6 +22,15 @@ const Popover = /*#__PURE__*/React__default.forwardRef((props, ref) => {
     restProps = __rest(props, ["title", "content"]);
   const wrapRef = React__default.useRef();
   const getPopupContainer = usePopupContainer(wrapRef, props.getPopupContainer);
+  useEffect(() => {
+    if (ref) {
+      if (typeof ref === 'function') {
+        ref(wrapRef.current);
+      } else {
+        ref.current = wrapRef.current;
+      }
+    }
+  }, [wrapRef.current]);
   //浮层
   const getOverlay = prefixCls => {
     if (!title && !content) return null;

package/QuickReply/index.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
 import clsx from 'clsx';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
-import { d as dist } from '../_verture/index-28a6bc3a.js';
+import { d as dist } from '../_verture/index-9bef932a.js';
 import { Button } from '../Button/index.js';
 import { Checkbox } from '../Checkbox/index.js';
 import { TextField } from '../TextField/index.js';

package/README.md

@@ -1,3 +1,7 @@
+## 版本: 4.0.16
+    para-ui/core@4.0.16 发布
+        【级联下拉菜单-PopMenu】组件新增
+
 ## 版本: 4.0.15
     para-ui/core@4.0.15 发布
         【下拉框-Select】修复输入框长度占满整个空白区域，防止点击输入框后面空白区域，焦点消失