one-design-next 0.0.55 → 0.0.57

package/dist/cascader/fork/Cascader.js

@@ -0,0 +1,273 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["id", "prefixCls", "fieldNames", "defaultValue", "value", "changeOnSelect", "onChange", "displayRender", "checkable", "autoClearSearchValue", "searchValue", "onSearch", "showSearch", "expandTrigger", "options", "dropdownPrefixCls", "loadData", "popupVisible", "open", "popupClassName", "dropdownClassName", "dropdownMenuColumnStyle", "dropdownStyle", "popupPlacement", "placement", "onDropdownVisibleChange", "onPopupVisibleChange", "onOpenChange", "expandIcon", "loadingIcon", "children", "dropdownMatchSelectWidth", "showCheckedStrategy", "optionRender", "checkStrictly"];
+import { BaseSelect } from 'rc-select';
+import useId from "rc-select/es/hooks/useId";
+import useEvent from "rc-util/es/hooks/useEvent";
+import useMergedState from "rc-util/es/hooks/useMergedState";
+import * as React from 'react';
+import CascaderContext from 'rc-cascader/es/context';
+import useDisplayValues from 'rc-cascader/es/hooks/useDisplayValues';
+import useMissingValues from 'rc-cascader/es/hooks/useMissingValues';
+import useOptions from 'rc-cascader/es/hooks/useOptions';
+import useSearchConfig from 'rc-cascader/es/hooks/useSearchConfig';
+import useSearchOptions from 'rc-cascader/es/hooks/useSearchOptions';
+import useSelect from "./hooks/useSelect";
+import useValues from "./hooks/useValues";
+import OptionList from "./OptionList";
+import Panel from "./Panel";
+import { fillFieldNames, SHOW_CHILD, SHOW_PARENT, toPathKeys, toRawValues } from 'rc-cascader/es/utils/commonUtil';
+import { formatStrategyValues, toPathOptions } from 'rc-cascader/es/utils/treeUtil';
+import warningProps, { warningNullOptions } from 'rc-cascader/es/utils/warningPropsUtil';
+var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var id = props.id,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'rc-cascader' : _props$prefixCls,
+    fieldNames = props.fieldNames,
+    defaultValue = props.defaultValue,
+    value = props.value,
+    changeOnSelect = props.changeOnSelect,
+    onChange = props.onChange,
+    displayRender = props.displayRender,
+    checkable = props.checkable,
+    _props$autoClearSearc = props.autoClearSearchValue,
+    autoClearSearchValue = _props$autoClearSearc === void 0 ? true : _props$autoClearSearc,
+    searchValue = props.searchValue,
+    onSearch = props.onSearch,
+    showSearch = props.showSearch,
+    expandTrigger = props.expandTrigger,
+    options = props.options,
+    dropdownPrefixCls = props.dropdownPrefixCls,
+    loadData = props.loadData,
+    popupVisible = props.popupVisible,
+    open = props.open,
+    popupClassName = props.popupClassName,
+    dropdownClassName = props.dropdownClassName,
+    dropdownMenuColumnStyle = props.dropdownMenuColumnStyle,
+    customDropdownStyle = props.dropdownStyle,
+    popupPlacement = props.popupPlacement,
+    placement = props.placement,
+    onDropdownVisibleChange = props.onDropdownVisibleChange,
+    onPopupVisibleChange = props.onPopupVisibleChange,
+    onOpenChange = props.onOpenChange,
+    _props$expandIcon = props.expandIcon,
+    expandIcon = _props$expandIcon === void 0 ? '>' : _props$expandIcon,
+    loadingIcon = props.loadingIcon,
+    children = props.children,
+    _props$dropdownMatchS = props.dropdownMatchSelectWidth,
+    dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? false : _props$dropdownMatchS,
+    _props$showCheckedStr = props.showCheckedStrategy,
+    showCheckedStrategy = _props$showCheckedStr === void 0 ? SHOW_PARENT : _props$showCheckedStr,
+    optionRender = props.optionRender,
+    checkStrictly = props.checkStrictly,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var mergedId = useId(id);
+  var multiple = !!checkable;
+  // 跨层级选择时强制允许选中非叶子，并在单选时也展示勾选控件
+  var mergedChangeOnSelect = changeOnSelect || !!checkStrictly;
+
+  // =========================== Values ===========================
+  var _useMergedState = useMergedState(defaultValue, {
+      value: value,
+      postState: toRawValues
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    rawValues = _useMergedState2[0],
+    setRawValues = _useMergedState2[1];
+
+  // ========================= FieldNames =========================
+  var mergedFieldNames = React.useMemo(function () {
+    return fillFieldNames(fieldNames);
+  }, /* eslint-disable react-hooks/exhaustive-deps */
+  [JSON.stringify(fieldNames)]
+  /* eslint-enable react-hooks/exhaustive-deps */);
+
+  // =========================== Option ===========================
+  var _useOptions = useOptions(mergedFieldNames, options),
+    _useOptions2 = _slicedToArray(_useOptions, 3),
+    mergedOptions = _useOptions2[0],
+    getPathKeyEntities = _useOptions2[1],
+    getValueByKeyPath = _useOptions2[2];
+
+  // =========================== Search ===========================
+  var _useMergedState3 = useMergedState('', {
+      value: searchValue,
+      postState: function postState(search) {
+        return search || '';
+      }
+    }),
+    _useMergedState4 = _slicedToArray(_useMergedState3, 2),
+    mergedSearchValue = _useMergedState4[0],
+    setSearchValue = _useMergedState4[1];
+  var onInternalSearch = function onInternalSearch(searchText, info) {
+    setSearchValue(searchText);
+    if (info.source !== 'blur' && onSearch) {
+      onSearch(searchText);
+    }
+  };
+  var _useSearchConfig = useSearchConfig(showSearch),
+    _useSearchConfig2 = _slicedToArray(_useSearchConfig, 2),
+    mergedShowSearch = _useSearchConfig2[0],
+    searchConfig = _useSearchConfig2[1];
+  var searchOptions = useSearchOptions(mergedSearchValue, mergedOptions, mergedFieldNames, dropdownPrefixCls || prefixCls, searchConfig, mergedChangeOnSelect || multiple);
+
+  // =========================== Values ===========================
+  var getMissingValues = useMissingValues(mergedOptions, mergedFieldNames);
+
+  // Fill `rawValues` with checked conduction values
+  var _useValues = useValues(multiple, rawValues, getPathKeyEntities, getValueByKeyPath, getMissingValues, checkStrictly),
+    _useValues2 = _slicedToArray(_useValues, 3),
+    checkedValues = _useValues2[0],
+    halfCheckedValues = _useValues2[1],
+    missingCheckedValues = _useValues2[2];
+  var deDuplicatedValues = React.useMemo(function () {
+    if (checkStrictly) {
+      return [].concat(_toConsumableArray(missingCheckedValues), _toConsumableArray(checkedValues));
+    }
+    var checkedKeys = toPathKeys(checkedValues);
+    var deduplicateKeys = formatStrategyValues(checkedKeys, getPathKeyEntities, showCheckedStrategy);
+    return [].concat(_toConsumableArray(missingCheckedValues), _toConsumableArray(getValueByKeyPath(deduplicateKeys)));
+  }, [checkedValues, getPathKeyEntities, getValueByKeyPath, missingCheckedValues, showCheckedStrategy, checkStrictly]);
+  var displayValues = useDisplayValues(deDuplicatedValues, mergedOptions, mergedFieldNames, multiple, displayRender);
+
+  // =========================== Change ===========================
+  var triggerChange = useEvent(function (nextValues) {
+    setRawValues(nextValues);
+
+    // Save perf if no need trigger event
+    if (onChange) {
+      var nextRawValues = toRawValues(nextValues);
+      var valueOptions = nextRawValues.map(function (valueCells) {
+        return toPathOptions(valueCells, mergedOptions, mergedFieldNames).map(function (valueOpt) {
+          return valueOpt.option;
+        });
+      });
+      var triggerValues = multiple ? nextRawValues : nextRawValues[0];
+      var triggerOptions = multiple ? valueOptions : valueOptions[0];
+      onChange(triggerValues, triggerOptions);
+    }
+  });
+
+  // =========================== Select ===========================
+  var handleSelection = useSelect(multiple, triggerChange, checkedValues, halfCheckedValues, missingCheckedValues, getPathKeyEntities, getValueByKeyPath, showCheckedStrategy, checkStrictly);
+  var onInternalSelect = useEvent(function (valuePath) {
+    if (!multiple || autoClearSearchValue) {
+      setSearchValue('');
+    }
+    handleSelection(valuePath);
+  });
+
+  // Display Value change logic
+  var onDisplayValuesChange = function onDisplayValuesChange(_, info) {
+    if (info.type === 'clear') {
+      triggerChange([]);
+      return;
+    }
+
+    // Cascader do not support `add` type. Only support `remove`
+    var _ref = info.values[0],
+      valueCells = _ref.valueCells;
+    onInternalSelect(valueCells);
+  };
+
+  // ============================ Open ============================
+  var mergedOpen = open !== undefined ? open : popupVisible;
+  var mergedDropdownClassName = dropdownClassName || popupClassName;
+  var mergedPlacement = placement || popupPlacement;
+  var onInternalDropdownVisibleChange = function onInternalDropdownVisibleChange(nextVisible) {
+    onOpenChange === null || onOpenChange === void 0 || onOpenChange(nextVisible);
+    onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 || onDropdownVisibleChange(nextVisible);
+    onPopupVisibleChange === null || onPopupVisibleChange === void 0 || onPopupVisibleChange(nextVisible);
+  };
+
+  // ========================== Warning ===========================
+  if (process.env.NODE_ENV !== 'production') {
+    warningProps(props);
+    warningNullOptions(mergedOptions, mergedFieldNames);
+  }
+
+  // ========================== Context ===========================
+  var cascaderContext = React.useMemo(function () {
+    return {
+      options: mergedOptions,
+      fieldNames: mergedFieldNames,
+      values: checkedValues,
+      halfValues: halfCheckedValues,
+      changeOnSelect: mergedChangeOnSelect,
+      onSelect: onInternalSelect,
+      checkable: checkable,
+      checkStrictly: checkStrictly,
+      searchOptions: searchOptions,
+      dropdownPrefixCls: dropdownPrefixCls,
+      loadData: loadData,
+      expandTrigger: expandTrigger,
+      expandIcon: expandIcon,
+      loadingIcon: loadingIcon,
+      dropdownMenuColumnStyle: dropdownMenuColumnStyle,
+      optionRender: optionRender
+    };
+  }, [mergedOptions, mergedFieldNames, checkedValues, halfCheckedValues, mergedChangeOnSelect, onInternalSelect, checkable, checkStrictly, searchOptions, dropdownPrefixCls, loadData, expandTrigger, expandIcon, loadingIcon, dropdownMenuColumnStyle, optionRender]);
+
+  // ==============================================================
+  // ==                          Render                          ==
+  // ==============================================================
+  var emptyOptions = !(mergedSearchValue ? searchOptions : mergedOptions).length;
+  var dropdownStyle =
+  // Search to match width
+  mergedSearchValue && searchConfig.matchInputWidth ||
+  // Empty keep the width
+  emptyOptions ? {} : {
+    minWidth: 'auto'
+  };
+  return /*#__PURE__*/React.createElement(CascaderContext.Provider, {
+    value: cascaderContext
+  }, /*#__PURE__*/React.createElement(BaseSelect, _extends({}, restProps, {
+    // MISC
+    ref: ref,
+    id: mergedId,
+    prefixCls: prefixCls,
+    autoClearSearchValue: autoClearSearchValue,
+    dropdownMatchSelectWidth: dropdownMatchSelectWidth,
+    dropdownStyle: _objectSpread(_objectSpread({}, dropdownStyle), customDropdownStyle)
+    // Value
+    ,
+
+    displayValues: displayValues,
+    onDisplayValuesChange: onDisplayValuesChange,
+    mode: multiple ? 'multiple' : undefined
+    // Search
+    ,
+
+    searchValue: mergedSearchValue,
+    onSearch: onInternalSearch,
+    showSearch: mergedShowSearch
+    // Options
+    ,
+
+    OptionList: OptionList,
+    emptyOptions: emptyOptions
+    // Open
+    ,
+
+    open: mergedOpen,
+    dropdownClassName: mergedDropdownClassName,
+    placement: mergedPlacement,
+    onDropdownVisibleChange: onInternalDropdownVisibleChange
+    // Children
+    ,
+
+    getRawInputElement: function getRawInputElement() {
+      return children;
+    }
+  })));
+});
+if (process.env.NODE_ENV !== 'production') {
+  Cascader.displayName = 'Cascader';
+}
+Cascader.SHOW_PARENT = SHOW_PARENT;
+Cascader.SHOW_CHILD = SHOW_CHILD;
+Cascader.Panel = Panel;
+export default Cascader;

package/dist/cascader/fork/OptionList/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import type { DefaultOptionType } from 'rc-cascader';
+import * as React from 'react';
+export interface CascaderCheckboxProps {
+    prefixCls: string;
+    checked?: boolean;
+    halfChecked?: boolean;
+    disabled?: boolean;
+    onClick?: React.MouseEventHandler<HTMLSpanElement>;
+    disableCheckbox?: boolean;
+    type?: 'checkbox' | 'radio';
+    /** 保留与 rc-cascader Checkbox 一致的签名占位，当前未使用 */
+    option?: DefaultOptionType;
+}
+export default function Checkbox({ prefixCls, checked, halfChecked, disabled, onClick, disableCheckbox, type, }: CascaderCheckboxProps): React.JSX.Element;

package/dist/cascader/fork/OptionList/Checkbox.js

@@ -0,0 +1,24 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import clsx from 'clsx';
+import CascaderContext from 'rc-cascader/es/context';
+import * as React from 'react';
+export default function Checkbox(_ref) {
+  var prefixCls = _ref.prefixCls,
+    checked = _ref.checked,
+    halfChecked = _ref.halfChecked,
+    disabled = _ref.disabled,
+    onClick = _ref.onClick,
+    disableCheckbox = _ref.disableCheckbox,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'checkbox' : _ref$type;
+  var _React$useContext = React.useContext(CascaderContext),
+    checkable = _React$useContext.checkable;
+  var customCheckbox = typeof checkable !== 'boolean' ? checkable : null;
+  var isRadio = type === 'radio';
+  return /*#__PURE__*/React.createElement("span", {
+    className: clsx(prefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-checked"), checked), "".concat(prefixCls, "-indeterminate"), !checked && halfChecked && !isRadio), "".concat(prefixCls, "-disabled"), disabled || disableCheckbox), "".concat(prefixCls, "-radio"), isRadio)),
+    onClick: onClick
+  }, customCheckbox || (isRadio ? /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-inner")
+  }) : null));
+}

package/dist/cascader/fork/OptionList/Column.d.ts

@@ -0,0 +1,20 @@
+import type { DefaultOptionType } from 'rc-cascader';
+import * as React from 'react';
+export declare const FIX_LABEL = "__cascader_fix_label__";
+export interface ColumnProps {
+    prefixCls: string;
+    multiple?: boolean;
+    options: DefaultOptionType[];
+    activeValue?: string | number | null;
+    prevValuePath: (string | number)[];
+    onToggleOpen: (open: boolean) => void;
+    onSelect: (valuePath: (string | number)[], leaf: boolean) => void;
+    onActive: (valuePath: (string | number)[]) => void;
+    checkedSet: Set<string>;
+    halfCheckedSet: Set<string>;
+    loadingKeys: string[];
+    isSelectable: (option: DefaultOptionType) => boolean;
+    disabled?: boolean;
+    motionEnter?: boolean;
+}
+export default function Column({ prefixCls, multiple, options, activeValue, prevValuePath, onToggleOpen, onSelect, onActive, checkedSet, halfCheckedSet, loadingKeys, isSelectable, disabled: propsDisabled, motionEnter, }: ColumnProps): React.JSX.Element;

package/dist/cascader/fork/OptionList/Column.js

@@ -0,0 +1,175 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import clsx from 'clsx';
+import CascaderContext from 'rc-cascader/es/context';
+import { SEARCH_MARK } from 'rc-cascader/es/hooks/useSearchOptions';
+import { isLeaf, toPathKey } from 'rc-cascader/es/utils/commonUtil';
+import * as React from 'react';
+import Checkbox from "./Checkbox";
+export var FIX_LABEL = '__cascader_fix_label__';
+export default function Column(_ref) {
+  var prefixCls = _ref.prefixCls,
+    multiple = _ref.multiple,
+    options = _ref.options,
+    activeValue = _ref.activeValue,
+    prevValuePath = _ref.prevValuePath,
+    onToggleOpen = _ref.onToggleOpen,
+    onSelect = _ref.onSelect,
+    onActive = _ref.onActive,
+    checkedSet = _ref.checkedSet,
+    halfCheckedSet = _ref.halfCheckedSet,
+    loadingKeys = _ref.loadingKeys,
+    isSelectable = _ref.isSelectable,
+    propsDisabled = _ref.disabled,
+    motionEnter = _ref.motionEnter;
+  var menuPrefixCls = "".concat(prefixCls, "-menu");
+  var menuItemPrefixCls = "".concat(prefixCls, "-menu-item");
+  var _ref2 = React.useContext(CascaderContext),
+    fieldNames = _ref2.fieldNames,
+    changeOnSelect = _ref2.changeOnSelect,
+    expandTrigger = _ref2.expandTrigger,
+    expandIcon = _ref2.expandIcon,
+    loadingIcon = _ref2.loadingIcon,
+    dropdownMenuColumnStyle = _ref2.dropdownMenuColumnStyle,
+    optionRender = _ref2.optionRender,
+    checkStrictly = _ref2.checkStrictly;
+  var hoverOpen = expandTrigger === 'hover';
+  // 跨层级选择：单选也展示 radio，多选展示 checkbox；点击项选中，仅展开图标展开
+  var showCheckedIcon = multiple || !!checkStrictly;
+  var expandIconOnly = !!checkStrictly;
+  var isOptionDisabled = function isOptionDisabled(disabled) {
+    return propsDisabled || disabled;
+  };
+  var optionInfoList = React.useMemo(function () {
+    return options.map(function (option) {
+      var _FIX_LABEL;
+      var disabled = option.disabled,
+        disableCheckbox = option.disableCheckbox;
+      var searchOptions = option[SEARCH_MARK];
+      var label = (_FIX_LABEL = option[FIX_LABEL]) !== null && _FIX_LABEL !== void 0 ? _FIX_LABEL : option[fieldNames.label];
+      var value = option[fieldNames.value];
+      var isMergedLeaf = isLeaf(option, fieldNames);
+      var fullPath = searchOptions ? searchOptions.map(function (opt) {
+        return opt[fieldNames.value];
+      }) : [].concat(_toConsumableArray(prevValuePath), [value]);
+      var fullPathKey = toPathKey(fullPath);
+      var isLoading = loadingKeys.includes(fullPathKey);
+      var checked = checkedSet.has(fullPathKey);
+      var halfChecked = halfCheckedSet.has(fullPathKey);
+      return {
+        disabled: disabled,
+        label: label,
+        value: value,
+        isLeaf: isMergedLeaf,
+        isLoading: isLoading,
+        checked: checked,
+        halfChecked: halfChecked,
+        option: option,
+        disableCheckbox: disableCheckbox,
+        fullPath: fullPath,
+        fullPathKey: fullPathKey
+      };
+    });
+  }, [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath]);
+  return /*#__PURE__*/React.createElement("ul", {
+    className: clsx(menuPrefixCls, _defineProperty({}, "".concat(menuPrefixCls, "-enter"), motionEnter)),
+    role: "menu"
+  }, optionInfoList.map(function (_ref3) {
+    var disabled = _ref3.disabled,
+      label = _ref3.label,
+      value = _ref3.value,
+      isMergedLeaf = _ref3.isLeaf,
+      isLoading = _ref3.isLoading,
+      checked = _ref3.checked,
+      halfChecked = _ref3.halfChecked,
+      option = _ref3.option,
+      fullPath = _ref3.fullPath,
+      fullPathKey = _ref3.fullPathKey,
+      disableCheckbox = _ref3.disableCheckbox;
+    var triggerOpenPath = function triggerOpenPath() {
+      if (isOptionDisabled(disabled)) {
+        return;
+      }
+      var nextValueCells = _toConsumableArray(fullPath);
+      if (hoverOpen && isMergedLeaf) {
+        nextValueCells.pop();
+      }
+      onActive(nextValueCells);
+    };
+    var triggerSelect = function triggerSelect() {
+      if (isSelectable(option) && !isOptionDisabled(disabled)) {
+        onSelect(fullPath, isMergedLeaf);
+      }
+    };
+    var title;
+    if (typeof option.title === 'string') {
+      title = option.title;
+    } else if (typeof label === 'string') {
+      title = label;
+    }
+    return /*#__PURE__*/React.createElement("li", {
+      key: fullPathKey,
+      className: clsx(menuItemPrefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(menuItemPrefixCls, "-expand"), !isMergedLeaf), "".concat(menuItemPrefixCls, "-active"), activeValue === value || activeValue === fullPathKey), "".concat(menuItemPrefixCls, "-disabled"), isOptionDisabled(disabled)), "".concat(menuItemPrefixCls, "-loading"), isLoading)),
+      style: dropdownMenuColumnStyle,
+      role: "menuitemcheckbox",
+      title: title,
+      "aria-checked": checked,
+      "data-path-key": fullPathKey,
+      onClick: function onClick() {
+        if (expandIconOnly) {
+          // 跨层级：点击选项/radio/checkbox 只选中，不展开
+          if (disableCheckbox) {
+            return;
+          }
+          triggerSelect();
+          return;
+        }
+        triggerOpenPath();
+        if (disableCheckbox) {
+          return;
+        }
+        if (!multiple || isMergedLeaf) {
+          triggerSelect();
+        }
+      },
+      onDoubleClick: function onDoubleClick() {
+        // 跨层级多选：勾选/双击都不应收起面板
+        if (changeOnSelect && !expandIconOnly) {
+          onToggleOpen(false);
+        }
+      },
+      onMouseEnter: function onMouseEnter() {
+        if (hoverOpen && !expandIconOnly) {
+          triggerOpenPath();
+        }
+      },
+      onMouseDown: function onMouseDown(e) {
+        e.preventDefault();
+      }
+    }, showCheckedIcon && /*#__PURE__*/React.createElement(Checkbox, {
+      prefixCls: "".concat(prefixCls, "-checkbox"),
+      type: multiple ? 'checkbox' : 'radio',
+      checked: checked,
+      halfChecked: halfChecked,
+      disabled: isOptionDisabled(disabled) || disableCheckbox,
+      disableCheckbox: disableCheckbox,
+      onClick: function onClick(e) {
+        if (disableCheckbox) {
+          return;
+        }
+        e.stopPropagation();
+        triggerSelect();
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(menuItemPrefixCls, "-content")
+    }, optionRender ? optionRender(option) : label), !isLoading && expandIcon && !isMergedLeaf && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(menuItemPrefixCls, "-expand-icon"),
+      onClick: expandIconOnly ? function (e) {
+        e.stopPropagation();
+        triggerOpenPath();
+      } : undefined
+    }, expandIcon), isLoading && loadingIcon && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(menuItemPrefixCls, "-loading-icon")
+    }, loadingIcon));
+  }));
+}