@kdcloudjs/kdesign 1.3.9 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -1
- package/dist/kdesign-complete.less +39 -39
- package/dist/kdesign.css +51 -51
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +140 -120
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +2 -2
- package/dist/kdesign.min.js +3 -3
- package/dist/kdesign.min.js.map +1 -1
- package/es/menu/menu.js +2 -4
- package/es/menu/menuItem.js +13 -3
- package/es/menu/style/index.css +50 -50
- package/es/menu/style/index.less +15 -15
- package/es/menu/style/mixin.less +24 -24
- package/es/menu/subMenu.js +19 -13
- package/lib/menu/menu.js +2 -4
- package/lib/menu/menuItem.js +15 -3
- package/lib/menu/style/index.css +50 -50
- package/lib/menu/style/index.less +15 -15
- package/lib/menu/style/mixin.less +24 -24
- package/lib/menu/subMenu.js +21 -14
- package/package.json +1 -1
package/dist/kdesign.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @kdcloudjs/kdesign v1.3.
|
|
3
|
+
* @kdcloudjs/kdesign v1.3.9
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -21668,7 +21668,7 @@ var Menu = function Menu(props) {
|
|
|
21668
21668
|
restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_9___default()(_getCompProps, _excluded);
|
|
21669
21669
|
|
|
21670
21670
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'menu', customPrefixcls);
|
|
21671
|
-
Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_23__["default"])(['inline', 'vertical', undefined].indexOf(mode) === -1, 'menu', "cannot found menu mode '".concat(mode, "'"));
|
|
21671
|
+
Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_23__["default"])(['inline', 'vertical', undefined].indexOf(mode) === -1, 'menu', "cannot found menu mode '".concat(mode, "'"));
|
|
21672
21672
|
|
|
21673
21673
|
var _React$useState = react__WEBPACK_IMPORTED_MODULE_18___default.a.useState(''),
|
|
21674
21674
|
_React$useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_8___default()(_React$useState, 2),
|
|
@@ -21707,7 +21707,6 @@ var Menu = function Menu(props) {
|
|
|
21707
21707
|
}, [userOpenKeys]);
|
|
21708
21708
|
Object(react__WEBPACK_IMPORTED_MODULE_18__["useEffect"])(function () {
|
|
21709
21709
|
if (userSelectedKey !== undefined && userOpenKeys !== undefined && Array.isArray(userOpenKeys)) {
|
|
21710
|
-
setSelectedKeyPath(userOpenKeys);
|
|
21711
21710
|
setTimeout(function () {
|
|
21712
21711
|
userOpenKeys.forEach(function (d) {
|
|
21713
21712
|
openSubMenuSet.add(d);
|
|
@@ -21721,8 +21720,6 @@ var Menu = function Menu(props) {
|
|
|
21721
21720
|
setSelectedKey(info.key);
|
|
21722
21721
|
}
|
|
21723
21722
|
|
|
21724
|
-
setSelectedKeyPath(info.keyPath);
|
|
21725
|
-
|
|
21726
21723
|
if (mode !== 'inline' && openKeys.length > 0) {
|
|
21727
21724
|
setOpenKeys([]);
|
|
21728
21725
|
openSubMenuSet.clear();
|
|
@@ -21776,6 +21773,7 @@ var Menu = function Menu(props) {
|
|
|
21776
21773
|
openKeys: openKeys,
|
|
21777
21774
|
selectedKey: selectedKey,
|
|
21778
21775
|
selectedKeyPath: selectedKeyPath,
|
|
21776
|
+
setSelectedKeyPath: setSelectedKeyPath,
|
|
21779
21777
|
theme: theme,
|
|
21780
21778
|
triggerSubMenuAction: restProps.triggerSubMenuAction,
|
|
21781
21779
|
forceSubMenuRender: forceSubMenuRender,
|
|
@@ -21825,20 +21823,26 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
21825
21823
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
|
|
21826
21824
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
|
|
21827
21825
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__);
|
|
21828
|
-
/* harmony import */ var
|
|
21829
|
-
/* harmony import */ var
|
|
21830
|
-
/* harmony import */ var
|
|
21831
|
-
/* harmony import */ var
|
|
21832
|
-
/* harmony import */ var
|
|
21833
|
-
/* harmony import */ var
|
|
21834
|
-
/* harmony import */ var
|
|
21835
|
-
/* harmony import */ var
|
|
21836
|
-
/* harmony import */ var
|
|
21837
|
-
/* harmony import */ var
|
|
21826
|
+
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
|
|
21827
|
+
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__);
|
|
21828
|
+
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
|
|
21829
|
+
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__);
|
|
21830
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
|
|
21831
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
21832
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "react");
|
|
21833
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
|
|
21834
|
+
/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
|
|
21835
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
|
|
21836
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
21837
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_8__);
|
|
21838
|
+
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./util */ "./components/menu/util.ts");
|
|
21839
|
+
/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
|
|
21840
|
+
|
|
21838
21841
|
|
|
21839
21842
|
|
|
21840
21843
|
|
|
21841
|
-
var _excluded = ["prefixCls", "icon", "mode", "level", "disabled", "children", "collapsed", "keyValue", "selectedKey", "subMenuMode", "inlineIndent", "className", "handleOnClick", "paddingLeft", "style"];
|
|
21844
|
+
var _excluded = ["prefixCls", "icon", "mode", "level", "disabled", "children", "collapsed", "keyValue", "selectedKey", "setSelectedKeyPath", "subMenuMode", "inlineIndent", "className", "handleOnClick", "paddingLeft", "style", "parentPath"];
|
|
21845
|
+
|
|
21842
21846
|
|
|
21843
21847
|
|
|
21844
21848
|
|
|
@@ -21850,13 +21854,13 @@ var MENU_ITEM_CONTAINER_NAME = 'menu-item-content-container';
|
|
|
21850
21854
|
var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
21851
21855
|
var _classNames;
|
|
21852
21856
|
|
|
21853
|
-
var _React$useContext =
|
|
21857
|
+
var _React$useContext = react__WEBPACK_IMPORTED_MODULE_5__["useContext"](_config_provider__WEBPACK_IMPORTED_MODULE_6__["ConfigContext"]),
|
|
21854
21858
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
21855
21859
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
21856
21860
|
userDefaultProps = _React$useContext.compDefaultProps; // 属性需要合并一遍用户定义的默认属性
|
|
21857
21861
|
|
|
21858
21862
|
|
|
21859
|
-
var _getCompProps = Object(
|
|
21863
|
+
var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_7__["getCompProps"])('MenuItem', userDefaultProps, props),
|
|
21860
21864
|
customPrefixcls = _getCompProps.prefixCls,
|
|
21861
21865
|
icon = _getCompProps.icon,
|
|
21862
21866
|
mode = _getCompProps.mode,
|
|
@@ -21867,6 +21871,7 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
|
21867
21871
|
collapsed = _getCompProps.collapsed,
|
|
21868
21872
|
keyValue = _getCompProps.keyValue,
|
|
21869
21873
|
selectedKey = _getCompProps.selectedKey,
|
|
21874
|
+
setSelectedKeyPath = _getCompProps.setSelectedKeyPath,
|
|
21870
21875
|
subMenuMode = _getCompProps.subMenuMode,
|
|
21871
21876
|
inlineIndent = _getCompProps.inlineIndent,
|
|
21872
21877
|
className = _getCompProps.className,
|
|
@@ -21874,20 +21879,22 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
|
21874
21879
|
_getCompProps$padding = _getCompProps.paddingLeft,
|
|
21875
21880
|
paddingLeft = _getCompProps$padding === void 0 ? 0 : _getCompProps$padding,
|
|
21876
21881
|
style = _getCompProps.style,
|
|
21877
|
-
|
|
21882
|
+
parentPath = _getCompProps.parentPath,
|
|
21883
|
+
restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default()(_getCompProps, _excluded);
|
|
21878
21884
|
|
|
21879
|
-
Object(
|
|
21885
|
+
Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_10__["default"])(!keyValue && keyValue !== 0, 'menuitem', 'cannot found children in Menu.Item');
|
|
21880
21886
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'menu-item', customPrefixcls);
|
|
21881
|
-
var menuItemRef = ref || /*#__PURE__*/
|
|
21887
|
+
var menuItemRef = ref || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createRef"]();
|
|
21888
|
+
var menuItemParentPath = Array.isArray(parentPath) ? [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(parentPath), [keyValue]) : [keyValue];
|
|
21882
21889
|
|
|
21883
21890
|
var renderItemChildren = function renderItemChildren(children) {
|
|
21884
21891
|
if (typeof children === 'string') {
|
|
21885
|
-
return /*#__PURE__*/
|
|
21892
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("span", {
|
|
21886
21893
|
className: MENU_ITEM_CONTAINER_NAME
|
|
21887
21894
|
}, children);
|
|
21888
21895
|
}
|
|
21889
21896
|
|
|
21890
|
-
return /*#__PURE__*/
|
|
21897
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("div", {
|
|
21891
21898
|
className: MENU_ITEM_CONTAINER_NAME
|
|
21892
21899
|
}, typeof children === 'function' ? children() : children);
|
|
21893
21900
|
};
|
|
@@ -21911,7 +21918,7 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
|
21911
21918
|
e.stopPropagation();
|
|
21912
21919
|
var info = {
|
|
21913
21920
|
key: keyValue,
|
|
21914
|
-
keyPath:
|
|
21921
|
+
keyPath: menuItemParentPath,
|
|
21915
21922
|
domEvent: e.nativeEvent
|
|
21916
21923
|
};
|
|
21917
21924
|
handleOnClick(info);
|
|
@@ -21923,7 +21930,7 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
|
21923
21930
|
}
|
|
21924
21931
|
|
|
21925
21932
|
if (level > 1 && mode !== 'inline') {
|
|
21926
|
-
return
|
|
21933
|
+
return _util__WEBPACK_IMPORTED_MODULE_9__["DEFAUTL_PADDING"];
|
|
21927
21934
|
} // if (level === 1 && icon) {
|
|
21928
21935
|
// return 0
|
|
21929
21936
|
// }
|
|
@@ -21944,32 +21951,37 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
|
21944
21951
|
};
|
|
21945
21952
|
var titleStyle = {
|
|
21946
21953
|
paddingLeft: "".concat(getPaddingLeft(), "px"),
|
|
21947
|
-
paddingRight: mode !== 'inline' && level > 1 ? "".concat(
|
|
21954
|
+
paddingRight: mode !== 'inline' && level > 1 ? "".concat(_util__WEBPACK_IMPORTED_MODULE_9__["DEFAUTL_PADDING"], "px") : 0
|
|
21948
21955
|
};
|
|
21949
21956
|
|
|
21950
21957
|
var renderTitle = function renderTitle() {
|
|
21951
21958
|
if (!icon && collapsed && level === 1 && typeof children === 'string') {
|
|
21952
|
-
return /*#__PURE__*/
|
|
21959
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("p", null, children.charAt(0));
|
|
21953
21960
|
}
|
|
21954
21961
|
|
|
21955
21962
|
return renderItemChildren(children);
|
|
21956
21963
|
};
|
|
21957
21964
|
|
|
21958
|
-
|
|
21965
|
+
react__WEBPACK_IMPORTED_MODULE_5__["useEffect"](function () {
|
|
21966
|
+
if (selectedKey && selectedKey === keyValue) {
|
|
21967
|
+
setSelectedKeyPath(menuItemParentPath);
|
|
21968
|
+
}
|
|
21969
|
+
}, [selectedKey]);
|
|
21970
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("li", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
|
|
21959
21971
|
ref: menuItemRef,
|
|
21960
|
-
className:
|
|
21972
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_8___default()(className, (_classNames = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, prefixCls, subMenuMode !== 'horizontal'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-collapsed"), collapsed && level === 1), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(_classNames, "".concat(prefixCls, "-active"), selectedKey === keyValue), _classNames)),
|
|
21961
21973
|
role: "menuitem",
|
|
21962
21974
|
style: style,
|
|
21963
21975
|
key: keyValue
|
|
21964
|
-
}, mouseEvent), /*#__PURE__*/
|
|
21965
|
-
className:
|
|
21976
|
+
}, mouseEvent), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["createElement"]("div", {
|
|
21977
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_8___default()("".concat(prefixCls, "-title")),
|
|
21966
21978
|
style: titleStyle
|
|
21967
|
-
}, icon && /*#__PURE__*/
|
|
21968
|
-
className:
|
|
21979
|
+
}, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["cloneElement"](Object(_util__WEBPACK_IMPORTED_MODULE_9__["renderReactNodeFunction"])(icon), {
|
|
21980
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_8___default()("".concat(prefixCls, "-icon"))
|
|
21969
21981
|
}), renderTitle()));
|
|
21970
21982
|
};
|
|
21971
21983
|
|
|
21972
|
-
var MenuItem = /*#__PURE__*/
|
|
21984
|
+
var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__["forwardRef"](InternalMenuItem);
|
|
21973
21985
|
MenuItem.displayName = 'MenuItem';
|
|
21974
21986
|
/* harmony default export */ __webpack_exports__["default"] = (MenuItem);
|
|
21975
21987
|
|
|
@@ -22017,33 +22029,36 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
22017
22029
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
|
|
22018
22030
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/extends */ "./node_modules/@babel/runtime/helpers/extends.js");
|
|
22019
22031
|
/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1__);
|
|
22020
|
-
/* harmony import */ var
|
|
22021
|
-
/* harmony import */ var
|
|
22022
|
-
/* harmony import */ var
|
|
22023
|
-
/* harmony import */ var
|
|
22024
|
-
/* harmony import */ var
|
|
22025
|
-
/* harmony import */ var
|
|
22026
|
-
/* harmony import */ var
|
|
22027
|
-
/* harmony import */ var
|
|
22028
|
-
/* harmony import */ var
|
|
22029
|
-
/* harmony import */ var
|
|
22030
|
-
/* harmony import */ var
|
|
22031
|
-
/* harmony import */ var
|
|
22032
|
-
/* harmony import */ var
|
|
22033
|
-
/* harmony import */ var
|
|
22034
|
-
/* harmony import */ var
|
|
22035
|
-
/* harmony import */ var
|
|
22036
|
-
/* harmony import */ var
|
|
22037
|
-
/* harmony import */ var
|
|
22038
|
-
/* harmony import */ var
|
|
22039
|
-
/* harmony import */ var
|
|
22040
|
-
/* harmony import */ var
|
|
22041
|
-
/* harmony import */ var
|
|
22042
|
-
/* harmony import */ var
|
|
22032
|
+
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "./node_modules/@babel/runtime/helpers/toConsumableArray.js");
|
|
22033
|
+
/* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2__);
|
|
22034
|
+
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/objectWithoutProperties.js");
|
|
22035
|
+
/* harmony import */ var _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3__);
|
|
22036
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
|
|
22037
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
22038
|
+
/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
|
|
22039
|
+
/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
22040
|
+
/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
|
|
22041
|
+
/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_6__);
|
|
22042
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
|
|
22043
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_7__);
|
|
22044
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react */ "react");
|
|
22045
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);
|
|
22046
|
+
/* harmony import */ var _config_provider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../config-provider */ "./components/config-provider/index.tsx");
|
|
22047
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
|
|
22048
|
+
/* harmony import */ var _utils_react_children__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../_utils/react-children */ "./components/_utils/react-children.ts");
|
|
22049
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
22050
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_12__);
|
|
22051
|
+
/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./util */ "./components/menu/util.ts");
|
|
22052
|
+
/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
|
|
22053
|
+
/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
|
|
22054
|
+
/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
|
|
22055
|
+
/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
|
|
22056
|
+
/* harmony import */ var _menuItem__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./menuItem */ "./components/menu/menuItem.tsx");
|
|
22043
22057
|
|
|
22044
22058
|
|
|
22045
22059
|
|
|
22046
|
-
|
|
22060
|
+
|
|
22061
|
+
var _excluded = ["prefixCls", "theme", "mode", "title", "icon", "disabled", "children", "collapsed", "keyValue", "selectedKey", "selectedKeyPath", "setSelectedKeyPath", "openKeys", "triggerSubMenuAction", "forceSubMenuRender", "inlineIndent", "className", "style", "handleOnOpenChange", "paddingLeft"];
|
|
22047
22062
|
|
|
22048
22063
|
|
|
22049
22064
|
|
|
@@ -22063,13 +22078,13 @@ var _excluded = ["prefixCls", "theme", "mode", "title", "icon", "disabled", "chi
|
|
|
22063
22078
|
var SubMenu = function SubMenu(props) {
|
|
22064
22079
|
var _classNames2, _classNames3;
|
|
22065
22080
|
|
|
22066
|
-
var _React$useContext =
|
|
22081
|
+
var _React$useContext = react__WEBPACK_IMPORTED_MODULE_8___default.a.useContext(_config_provider__WEBPACK_IMPORTED_MODULE_9__["ConfigContext"]),
|
|
22067
22082
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
22068
22083
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
22069
22084
|
userDefaultProps = _React$useContext.compDefaultProps; // 属性需要合并一遍用户定义的默认属性
|
|
22070
22085
|
|
|
22071
22086
|
|
|
22072
|
-
var _getCompProps = Object(
|
|
22087
|
+
var _getCompProps = Object(_utils__WEBPACK_IMPORTED_MODULE_10__["getCompProps"])('MenuSubMenu', userDefaultProps, props),
|
|
22073
22088
|
customPrefixcls = _getCompProps.prefixCls,
|
|
22074
22089
|
theme = _getCompProps.theme,
|
|
22075
22090
|
mode = _getCompProps.mode,
|
|
@@ -22081,6 +22096,7 @@ var SubMenu = function SubMenu(props) {
|
|
|
22081
22096
|
keyValue = _getCompProps.keyValue,
|
|
22082
22097
|
selectedKey = _getCompProps.selectedKey,
|
|
22083
22098
|
selectedKeyPath = _getCompProps.selectedKeyPath,
|
|
22099
|
+
setSelectedKeyPath = _getCompProps.setSelectedKeyPath,
|
|
22084
22100
|
openKeys = _getCompProps.openKeys,
|
|
22085
22101
|
triggerSubMenuAction = _getCompProps.triggerSubMenuAction,
|
|
22086
22102
|
forceSubMenuRender = _getCompProps.forceSubMenuRender,
|
|
@@ -22090,7 +22106,7 @@ var SubMenu = function SubMenu(props) {
|
|
|
22090
22106
|
handleOnOpenChange = _getCompProps.handleOnOpenChange,
|
|
22091
22107
|
_getCompProps$padding = _getCompProps.paddingLeft,
|
|
22092
22108
|
paddingLeft = _getCompProps$padding === void 0 ? 0 : _getCompProps$padding,
|
|
22093
|
-
restProps =
|
|
22109
|
+
restProps = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_3___default()(_getCompProps, _excluded);
|
|
22094
22110
|
|
|
22095
22111
|
var isVertical = mode === 'vertical'; // 初始化level
|
|
22096
22112
|
|
|
@@ -22098,25 +22114,31 @@ var SubMenu = function SubMenu(props) {
|
|
|
22098
22114
|
restProps.level = 1;
|
|
22099
22115
|
}
|
|
22100
22116
|
|
|
22117
|
+
if (Array.isArray(restProps.parentPath)) {
|
|
22118
|
+
restProps.parentPath = [].concat(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_2___default()(restProps.parentPath), [keyValue]);
|
|
22119
|
+
} else {
|
|
22120
|
+
restProps.parentPath = [keyValue];
|
|
22121
|
+
}
|
|
22122
|
+
|
|
22101
22123
|
if (mode === 'inline') {
|
|
22102
22124
|
restProps.subMenuMode = 'vertical';
|
|
22103
22125
|
restProps.popupOffset = [];
|
|
22104
22126
|
}
|
|
22105
22127
|
|
|
22106
|
-
Object(
|
|
22128
|
+
Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_17__["default"])(!children, 'submenu', 'cannot found children in Menu.SubMenu'); // className前缀
|
|
22107
22129
|
|
|
22108
22130
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'menu-submenu', customPrefixcls);
|
|
22109
|
-
var subMenuRef =
|
|
22110
|
-
var subMenuWrapperRef =
|
|
22111
|
-
var subMenuVerticalRef =
|
|
22112
|
-
var subMenuWrapperVerticalRef =
|
|
22131
|
+
var subMenuRef = react__WEBPACK_IMPORTED_MODULE_8___default.a.useRef(null);
|
|
22132
|
+
var subMenuWrapperRef = react__WEBPACK_IMPORTED_MODULE_8___default.a.useRef(null);
|
|
22133
|
+
var subMenuVerticalRef = react__WEBPACK_IMPORTED_MODULE_8___default.a.useRef(null);
|
|
22134
|
+
var subMenuWrapperVerticalRef = react__WEBPACK_IMPORTED_MODULE_8___default.a.useRef(null);
|
|
22113
22135
|
var visible = Array.isArray(openKeys) && openKeys.includes(keyValue);
|
|
22114
|
-
|
|
22136
|
+
react__WEBPACK_IMPORTED_MODULE_8___default.a.useEffect(function () {
|
|
22115
22137
|
if (!visible || isVertical) return;
|
|
22116
22138
|
var subMenuWrapperEle = subMenuWrapperRef.current;
|
|
22117
22139
|
var subMenuEle = subMenuRef.current;
|
|
22118
22140
|
|
|
22119
|
-
if (subMenuWrapperEle && Object(
|
|
22141
|
+
if (subMenuWrapperEle && Object(_util__WEBPACK_IMPORTED_MODULE_13__["isElementInViewport"])(subMenuEle)) {
|
|
22120
22142
|
var position = subMenuWrapperEle.getBoundingClientRect();
|
|
22121
22143
|
var windowHeight = document.body.offsetHeight;
|
|
22122
22144
|
|
|
@@ -22131,12 +22153,12 @@ var SubMenu = function SubMenu(props) {
|
|
|
22131
22153
|
return 0;
|
|
22132
22154
|
}
|
|
22133
22155
|
|
|
22134
|
-
return
|
|
22156
|
+
return _util__WEBPACK_IMPORTED_MODULE_13__["DEFAUTL_PADDING"];
|
|
22135
22157
|
};
|
|
22136
22158
|
|
|
22137
22159
|
var getPaddingLeft = function getPaddingLeft() {
|
|
22138
22160
|
if (restProps.level > 1 && mode !== 'inline') {
|
|
22139
|
-
return
|
|
22161
|
+
return _util__WEBPACK_IMPORTED_MODULE_13__["DEFAUTL_PADDING"];
|
|
22140
22162
|
}
|
|
22141
22163
|
|
|
22142
22164
|
if (restProps.level === 1 && icon) {
|
|
@@ -22153,7 +22175,7 @@ var SubMenu = function SubMenu(props) {
|
|
|
22153
22175
|
|
|
22154
22176
|
var curPaddingRight = getPaddingRight();
|
|
22155
22177
|
var curPaddingLeft = getPaddingLeft();
|
|
22156
|
-
var getCurrentStyle =
|
|
22178
|
+
var getCurrentStyle = react__WEBPACK_IMPORTED_MODULE_8___default.a.useCallback(function () {
|
|
22157
22179
|
// 内嵌模式height主要是用来动画的，必须要设置overflow溢出隐藏
|
|
22158
22180
|
if (mode === 'inline') {
|
|
22159
22181
|
var _subMenuWrapperRef$cu;
|
|
@@ -22209,18 +22231,15 @@ var SubMenu = function SubMenu(props) {
|
|
|
22209
22231
|
}; // 点击区域外的地方关闭
|
|
22210
22232
|
|
|
22211
22233
|
|
|
22212
|
-
Object(
|
|
22234
|
+
Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_14__["useOnClickOutside"])([subMenuVerticalRef, subMenuWrapperVerticalRef], function (e) {
|
|
22213
22235
|
var _e$target;
|
|
22214
22236
|
|
|
22215
22237
|
var className = (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.className) || '';
|
|
22216
22238
|
|
|
22217
|
-
if (!className.includes(
|
|
22239
|
+
if (!className.includes(_menuItem__WEBPACK_IMPORTED_MODULE_18__["MENU_ITEM_CONTAINER_NAME"])) {
|
|
22218
22240
|
closeSubMenu();
|
|
22219
22241
|
}
|
|
22220
|
-
});
|
|
22221
|
-
// if (triggerSubMenuAction === 'click' && mode === 'vertical' && collapsed) {
|
|
22222
|
-
// closeSubMenu()
|
|
22223
|
-
// }
|
|
22242
|
+
});
|
|
22224
22243
|
|
|
22225
22244
|
var handleMouseEvent = function handleMouseEvent(status) {
|
|
22226
22245
|
if (disabled || triggerSubMenuAction === 'click') return;
|
|
@@ -22236,9 +22255,6 @@ var SubMenu = function SubMenu(props) {
|
|
|
22236
22255
|
};
|
|
22237
22256
|
|
|
22238
22257
|
var handleOnClick = function handleOnClick(info) {
|
|
22239
|
-
// 保存路径
|
|
22240
|
-
info.keyPath = info.keyPath.concat([keyValue]);
|
|
22241
|
-
|
|
22242
22258
|
if (triggerSubMenuAction === 'click' && isVertical) {
|
|
22243
22259
|
closeSubMenu();
|
|
22244
22260
|
}
|
|
@@ -22253,38 +22269,38 @@ var SubMenu = function SubMenu(props) {
|
|
|
22253
22269
|
};
|
|
22254
22270
|
|
|
22255
22271
|
var renderItemTitle = function renderItemTitle() {
|
|
22256
|
-
if (!icon && collapsed && restProps.level === 1 && Object(
|
|
22257
|
-
return /*#__PURE__*/
|
|
22272
|
+
if (!icon && collapsed && restProps.level === 1 && Object(_util__WEBPACK_IMPORTED_MODULE_13__["isString"])(title)) {
|
|
22273
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("p", null, title.charAt(0));
|
|
22258
22274
|
}
|
|
22259
22275
|
|
|
22260
|
-
if (Object(
|
|
22261
|
-
return /*#__PURE__*/
|
|
22276
|
+
if (Object(_util__WEBPACK_IMPORTED_MODULE_13__["isString"])(title)) {
|
|
22277
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("span", null, title);
|
|
22262
22278
|
}
|
|
22263
22279
|
|
|
22264
|
-
return Object(
|
|
22280
|
+
return Object(_util__WEBPACK_IMPORTED_MODULE_13__["renderReactNodeFunction"])(title);
|
|
22265
22281
|
};
|
|
22266
22282
|
|
|
22267
22283
|
var renderItemArrow = function renderItemArrow() {
|
|
22268
22284
|
if (mode !== 'inline' || collapsed) return null;
|
|
22269
|
-
return /*#__PURE__*/
|
|
22285
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_15__["Icon"], {
|
|
22270
22286
|
type: "arrow-down",
|
|
22271
|
-
className:
|
|
22287
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-arrow"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(prefixCls, "-arrow-").concat(visible ? 'up' : 'down'), true))
|
|
22272
22288
|
});
|
|
22273
22289
|
};
|
|
22274
22290
|
|
|
22275
22291
|
if (restProps.subMenuMode === 'horizontal' && restProps.level > 1 && children) {
|
|
22276
|
-
var width = Object(
|
|
22277
|
-
return /*#__PURE__*/
|
|
22278
|
-
className:
|
|
22292
|
+
var width = Object(_util__WEBPACK_IMPORTED_MODULE_13__["getItemWidth"])(children);
|
|
22293
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
|
|
22294
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-thrid-item")),
|
|
22279
22295
|
style: {
|
|
22280
22296
|
width: width
|
|
22281
22297
|
}
|
|
22282
|
-
}, /*#__PURE__*/
|
|
22283
|
-
className:
|
|
22284
|
-
}, /*#__PURE__*/
|
|
22285
|
-
className:
|
|
22286
|
-
}, Object(
|
|
22287
|
-
return /*#__PURE__*/
|
|
22298
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
|
|
22299
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-thrid-title"))
|
|
22300
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("span", null, title)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("ul", {
|
|
22301
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-thrid-list"), restProps.popupClassName)
|
|
22302
|
+
}, Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_11__["toArray"])(children).map(function (item, i) {
|
|
22303
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.cloneElement(item, {
|
|
22288
22304
|
level: restProps.level + 1,
|
|
22289
22305
|
subMenuMode: restProps.subMenuMode,
|
|
22290
22306
|
keyValue: item && item.key || i,
|
|
@@ -22310,20 +22326,20 @@ var SubMenu = function SubMenu(props) {
|
|
|
22310
22326
|
paddingLeft: "".concat(curPaddingLeft, "px")
|
|
22311
22327
|
}; // eslint-disable-next-line react-hooks/rules-of-hooks
|
|
22312
22328
|
|
|
22313
|
-
var verticalView = Object(
|
|
22314
|
-
className:
|
|
22329
|
+
var verticalView = Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_16__["default"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("li", {
|
|
22330
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()(prefixCls, className, (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "light", theme === 'light'), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-collapsed"), collapsed), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-hover"), !disabled && Array.isArray(openKeys) && openKeys.includes(keyValue)), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(prefixCls, "-active"), Array.isArray(selectedKeyPath) && selectedKeyPath.includes(keyValue)), _classNames2)),
|
|
22315
22331
|
ref: subMenuVerticalRef,
|
|
22316
22332
|
key: keyValue // style={Object.assign(style || {}, { display: mode === 'vertical' ? 'list-item' : 'none' })}
|
|
22317
22333
|
,
|
|
22318
22334
|
onMouseLeave: handleOnMouseLeave,
|
|
22319
22335
|
onMouseEnter: handleOnMouseEnter,
|
|
22320
22336
|
onClick: handleOnClickSubMenu
|
|
22321
|
-
}, /*#__PURE__*/
|
|
22322
|
-
className:
|
|
22337
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
|
|
22338
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-title")),
|
|
22323
22339
|
style: titleStyle
|
|
22324
|
-
}, icon && /*#__PURE__*/
|
|
22325
|
-
className:
|
|
22326
|
-
}), renderItemTitle(), renderItemArrow())), /*#__PURE__*/
|
|
22340
|
+
}, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.cloneElement(Object(_util__WEBPACK_IMPORTED_MODULE_13__["renderReactNodeFunction"])(icon), {
|
|
22341
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-icon"))
|
|
22342
|
+
}), renderItemTitle(), renderItemArrow())), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
|
|
22327
22343
|
ref: subMenuWrapperVerticalRef,
|
|
22328
22344
|
onMouseLeave: function onMouseLeave() {
|
|
22329
22345
|
handleOnMouseLeave();
|
|
@@ -22331,11 +22347,11 @@ var SubMenu = function SubMenu(props) {
|
|
|
22331
22347
|
onMouseEnter: function onMouseEnter() {
|
|
22332
22348
|
handleOnMouseEnter();
|
|
22333
22349
|
}
|
|
22334
|
-
}, /*#__PURE__*/
|
|
22335
|
-
className:
|
|
22336
|
-
}, Object(
|
|
22350
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("ul", {
|
|
22351
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-sub"), restProps.popupClassName, (_classNames3 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(prefixCls, "-sub-second"), restProps.level === 1), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames3, "".concat(prefixCls, "-sub-third"), restProps.level === 2), _classNames3))
|
|
22352
|
+
}, Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_11__["toArray"])(children).map(function (item, index) {
|
|
22337
22353
|
var key = item.key || index;
|
|
22338
|
-
return /*#__PURE__*/
|
|
22354
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.cloneElement(item, {
|
|
22339
22355
|
key: key,
|
|
22340
22356
|
level: restProps.level + 1,
|
|
22341
22357
|
keyValue: key,
|
|
@@ -22343,13 +22359,15 @@ var SubMenu = function SubMenu(props) {
|
|
|
22343
22359
|
mode: mode,
|
|
22344
22360
|
theme: theme,
|
|
22345
22361
|
selectedKey: selectedKey,
|
|
22362
|
+
setSelectedKeyPath: setSelectedKeyPath,
|
|
22346
22363
|
openKeys: openKeys,
|
|
22347
22364
|
forceSubMenuRender: forceSubMenuRender,
|
|
22348
22365
|
triggerSubMenuAction: triggerSubMenuAction,
|
|
22349
22366
|
handleOnOpenChange: handleOnOpenChange,
|
|
22350
22367
|
handleOnClick: handleOnClick,
|
|
22351
22368
|
inlineIndent: inlineIndent,
|
|
22352
|
-
paddingLeft: curPaddingLeft
|
|
22369
|
+
paddingLeft: curPaddingLeft,
|
|
22370
|
+
parentPath: restProps.parentPath
|
|
22353
22371
|
});
|
|
22354
22372
|
}))), {
|
|
22355
22373
|
arrow: false,
|
|
@@ -22366,38 +22384,40 @@ var SubMenu = function SubMenu(props) {
|
|
|
22366
22384
|
} else {
|
|
22367
22385
|
var _classNames4;
|
|
22368
22386
|
|
|
22369
|
-
return /*#__PURE__*/
|
|
22387
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("li", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_1___default()({
|
|
22370
22388
|
ref: subMenuRef,
|
|
22371
|
-
className:
|
|
22389
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()(prefixCls, className, (_classNames4 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(prefixCls, "-collapsed"), collapsed), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(prefixCls, "-disabled"), disabled), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames4, "".concat(prefixCls, "-active"), Array.isArray(selectedKeyPath) && selectedKeyPath.includes(keyValue)), _classNames4)),
|
|
22372
22390
|
key: keyValue
|
|
22373
22391
|
}, mouseEvent, {
|
|
22374
22392
|
style: style
|
|
22375
|
-
}), /*#__PURE__*/
|
|
22376
|
-
className:
|
|
22393
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
|
|
22394
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-title")),
|
|
22377
22395
|
style: titleStyle
|
|
22378
|
-
}, icon && /*#__PURE__*/
|
|
22379
|
-
className:
|
|
22380
|
-
}), renderItemTitle(), renderItemArrow()), /*#__PURE__*/
|
|
22396
|
+
}, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.cloneElement(Object(_util__WEBPACK_IMPORTED_MODULE_13__["renderReactNodeFunction"])(icon), {
|
|
22397
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-icon"))
|
|
22398
|
+
}), renderItemTitle(), renderItemArrow()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", {
|
|
22381
22399
|
style: getCurrentStyle(),
|
|
22382
22400
|
ref: subMenuWrapperRef
|
|
22383
|
-
}, /*#__PURE__*/
|
|
22384
|
-
className:
|
|
22385
|
-
}, Object(
|
|
22401
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("ul", {
|
|
22402
|
+
className: classnames__WEBPACK_IMPORTED_MODULE_12___default()("".concat(prefixCls, "-sub"), restProps.popupClassName)
|
|
22403
|
+
}, Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_11__["toArray"])(children).map(function (item, index) {
|
|
22386
22404
|
var key = item.key || index;
|
|
22387
|
-
return /*#__PURE__*/
|
|
22405
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.cloneElement(item, {
|
|
22388
22406
|
key: key,
|
|
22389
22407
|
level: restProps.level + 1,
|
|
22390
22408
|
keyValue: key,
|
|
22391
22409
|
collapsed: collapsed,
|
|
22392
22410
|
mode: mode,
|
|
22393
22411
|
selectedKey: selectedKey,
|
|
22412
|
+
setSelectedKeyPath: setSelectedKeyPath,
|
|
22394
22413
|
openKeys: openKeys,
|
|
22395
22414
|
forceSubMenuRender: forceSubMenuRender,
|
|
22396
22415
|
triggerSubMenuAction: triggerSubMenuAction,
|
|
22397
22416
|
handleOnOpenChange: handleOnOpenChange,
|
|
22398
22417
|
handleOnClick: handleOnClick,
|
|
22399
22418
|
inlineIndent: inlineIndent,
|
|
22400
|
-
paddingLeft: curPaddingLeft
|
|
22419
|
+
paddingLeft: curPaddingLeft,
|
|
22420
|
+
parentPath: restProps.parentPath
|
|
22401
22421
|
});
|
|
22402
22422
|
}))));
|
|
22403
22423
|
}
|