@kdcloudjs/kdesign 1.3.2 → 1.3.5

package/es/table/table.js

@@ -17,6 +17,7 @@ import useTreeMode from './feature/treeMode';
 import useColumnResize from './feature/columnResize';
 import useColumnDrag from './feature/columnDrag';
 import useContextMenu from './feature/contextMenu';
+import useRangeSelection from './feature/useRangeSelection';
 import devWarning from '../_utils/devwarning';
 
 function Table(props) {
@@ -46,6 +47,7 @@ function Table(props) {
       getRowProps = props.getRowProps,
       getTableProps = props.getTableProps,
       contextMenu = props.contextMenu,
+      rangeSelection = props.rangeSelection,
       cssVariables = props.cssVariables;
 
   var _useContext = useContext(ConfigContext),
@@ -56,19 +58,24 @@ function Table(props) {
   var tableCls = classNames(tablePrefixCls, className);
   var pipeline = useTablePipeline({
     components: {
-      Checkbox: Checkbox,
-      Radio: Radio
+      Checkbox: (components === null || components === void 0 ? void 0 : components.Checkbox) || Checkbox,
+      Radio: (components === null || components === void 0 ? void 0 : components.Radio) || Radio
     }
   }).primaryKey(primaryKey === undefined ? '' : primaryKey).input({
     columns: columns,
     dataSource: dataSource
   });
+
+  if (footerDataSource) {
+    pipeline.footerDataSource(footerDataSource);
+  }
   /* -------------------------------------------------------------------------- */
 
   /* features                                                                   */
 
   /* -------------------------------------------------------------------------- */
 
+
   useRowSelection(pipeline, rowSelection);
   useRowDetail(pipeline, rowDetail);
   useFilter(pipeline, filter);
@@ -78,6 +85,7 @@ function Table(props) {
   useColumnResize(pipeline, columnResize);
   useColumnDrag(pipeline, columnDrag);
   useContextMenu(pipeline, contextMenu);
+  useRangeSelection(pipeline, rangeSelection);
   /* -------------------------------------------------------------------------- */
 
   /* after useTablePipeline, merge pipeline.getProps result                     */
@@ -101,18 +109,17 @@ function Table(props) {
     className: tableCls,
     style: style,
     isLoading: isLoading,
-    components: _extends({
-      LoadingIcon: function LoadingIcon() {
+    components: {
+      LoadingIcon: (components === null || components === void 0 ? void 0 : components.LoadingIcon) || function () {
         return /*#__PURE__*/React.createElement(Spin, {
           type: "container"
         });
       },
-      EmptyContent: function EmptyContent() {
+      EmptyContent: (components === null || components === void 0 ? void 0 : components.EmptyContent) || function () {
         return /*#__PURE__*/React.createElement(Empty, null);
       }
-    }, components),
+    },
     useVirtual: useVirtual,
-    footerDataSource: footerDataSource,
     estimatedRowHeight: estimatedRowHeight,
     emptyCellHeight: emptyCellHeight,
     hasHeader: hasHeader,

package/lib/_utils/usePopper.d.ts

@@ -15,6 +15,7 @@ export interface PopperProps {
     mouseEnterDelay?: number;
     mouseLeaveDelay?: number;
     defaultVisible?: boolean;
+    autoPlacement?: boolean;
     popperClassName?: string;
     placement?: PlacementType;
     popperStyle?: React.CSSProperties;

package/lib/_utils/usePopper.js

@@ -186,6 +186,8 @@ function usePopper(locatorElement, popperElement, props) {
       mouseLeaveDelay = _props$mouseLeaveDela === void 0 ? 0.1 : _props$mouseLeaveDela,
       _props$defaultVisible = props.defaultVisible,
       defaultVisible = _props$defaultVisible === void 0 ? false : _props$defaultVisible,
+      _props$autoPlacement = props.autoPlacement,
+      autoPlacement = _props$autoPlacement === void 0 ? true : _props$autoPlacement,
       _props$getTriggerElem = props.getTriggerElement,
       getTriggerElement = _props$getTriggerElem === void 0 ? function (locatorNode) {
     return locatorNode;
@@ -323,36 +325,38 @@ function usePopper(locatorElement, popperElement, props) {
       var currentPos = trigger === 'contextMenu' ? mousePos : locatorPos;
       var _currentPlacement = placement;
 
-      if (top - gap - popperHeight <= 5 && bottom + gap + popperHeight < document.body.clientHeight - 5) {
-        _currentPlacement = _currentPlacement.replace('top', 'bottom');
-      }
+      if (autoPlacement) {
+        if (top - gap - popperHeight <= 5 && bottom + gap + popperHeight < document.body.clientHeight - 5) {
+          _currentPlacement = _currentPlacement.replace('top', 'bottom');
+        }
 
-      if (bottom + gap + popperHeight >= document.body.clientHeight - 5 && top - gap - popperHeight > 5) {
-        _currentPlacement = _currentPlacement.replace('bottom', 'top');
-      }
+        if (bottom + gap + popperHeight >= document.body.clientHeight - 5 && top - gap - popperHeight > 5) {
+          _currentPlacement = _currentPlacement.replace('bottom', 'top');
+        }
 
-      if (left + popperWidth >= document.body.clientWidth - 5 && right - popperWidth > 5) {
-        _currentPlacement = _currentPlacement.replace('Left', 'Right');
-      }
+        if (left + popperWidth >= document.body.clientWidth - 5 && right - popperWidth > 5) {
+          _currentPlacement = _currentPlacement.replace('Left', 'Right');
+        }
 
-      if (right - popperWidth <= 5 && left + popperWidth < document.body.clientWidth - 5) {
-        _currentPlacement = _currentPlacement.replace('Right', 'Left');
-      }
+        if (right - popperWidth <= 5 && left + popperWidth < document.body.clientWidth - 5) {
+          _currentPlacement = _currentPlacement.replace('Right', 'Left');
+        }
 
-      if (top + popperHeight >= document.body.clientHeight - 5 && bottom - popperHeight > 5) {
-        _currentPlacement = _currentPlacement.replace('Top', 'Bottom');
-      }
+        if (top + popperHeight >= document.body.clientHeight - 5 && bottom - popperHeight > 5) {
+          _currentPlacement = _currentPlacement.replace('Top', 'Bottom');
+        }
 
-      if (bottom - popperHeight <= 5 && top + popperHeight < document.body.clientHeight - 5) {
-        _currentPlacement = _currentPlacement.replace('Bottom', 'Top');
-      }
+        if (bottom - popperHeight <= 5 && top + popperHeight < document.body.clientHeight - 5) {
+          _currentPlacement = _currentPlacement.replace('Bottom', 'Top');
+        }
 
-      if (left - gap - popperWidth <= 5 && right + gap + popperWidth < document.body.clientWidth - 5) {
-        _currentPlacement = _currentPlacement.replace('left', 'right');
-      }
+        if (left - gap - popperWidth <= 5 && right + gap + popperWidth < document.body.clientWidth - 5) {
+          _currentPlacement = _currentPlacement.replace('left', 'right');
+        }
 
-      if (right + gap + popperWidth >= document.body.clientWidth - 5 && left - gap - popperWidth > 5) {
-        _currentPlacement = _currentPlacement.replace('right', 'left');
+        if (right + gap + popperWidth >= document.body.clientWidth - 5 && left - gap - popperWidth > 5) {
+          _currentPlacement = _currentPlacement.replace('right', 'left');
+        }
       }
 
       var leftLeft = currentPos.left - popperWidth - gap;
@@ -465,7 +469,7 @@ function usePopper(locatorElement, popperElement, props) {
       setArrowPos(_arrowPos);
       setCurrentPlacement(_currentPlacement);
     }
-  }, [locatorRef, popperRef, container, trigger, mousePos, placement, gap, arrowOffset, arrowSize, arrowWidth]);
+  }, [locatorRef, popperRef, container, trigger, mousePos, placement, gap, arrowOffset, arrowSize, arrowWidth, autoPlacement]);
   (0, _react.useEffect)(function () {
     if (canAlign) {
       alignPopper();
@@ -479,7 +483,7 @@ function usePopper(locatorElement, popperElement, props) {
   if (arrowPos.left) arrowStyle["--arrowLeft"] = arrowPos.left + 'px';
   var popperContainerStyle = (0, _extends2.default)((0, _extends2.default)((0, _extends2.default)({
     position: 'absolute'
-  }, popperStyle), align), arrow ? arrowStyle : {});
+  }, align), arrow ? arrowStyle : {}), popperStyle);
   var popperProps = {
     ref: popperRef,
     style: popperContainerStyle,

package/lib/anchor/anchor.js

@@ -367,7 +367,9 @@ var InternalAnchor = function InternalAnchor(props, ref) {
     !isLocked && setOptionShow(visible);
   };
 
-  var popperProps = (0, _extends2.default)((0, _extends2.default)({}, anchorProps), {
+  var popperProps = (0, _extends2.default)((0, _extends2.default)({
+    autoPlacement: false
+  }, anchorProps), {
     prefixCls: anchorPrefixCls,
     defaultVisible: optionShow,
     visible: optionShow,
@@ -375,6 +377,22 @@ var InternalAnchor = function InternalAnchor(props, ref) {
     onVisibleChange: handleVisibleChange
   });
 
+  var fixedRef = _react.default.useRef(null);
+
+  if (type === 'advanced' && isLocked) {
+    if (fixedRef.current) {
+      var _fixedRef$current$get = fixedRef.current.getBoundingClientRect(),
+          left = _fixedRef$current$get.left,
+          top = _fixedRef$current$get.top;
+
+      popperProps.popperStyle = {
+        position: 'fixed',
+        left: left,
+        top: top
+      };
+    }
+  }
+
   var addChildrenProps = function addChildrenProps(linksChildren) {
     var _context4;
 
@@ -504,6 +522,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
     });
 
     return /*#__PURE__*/_react.default.createElement("div", {
+      ref: fixedRef,
       className: anchorAdvancedClass,
       style: dropdownStyle
     }, lockedIcon !== false && /*#__PURE__*/_react.default.createElement("span", {

package/lib/base-data/style/index.css

@@ -222,6 +222,7 @@
 }
 .kd-baseData-dropdown-options {
   height: var(--kd-c-base-data-dropdown-options-sizing-height, 32px);
+  cursor: pointer;
 }
 .kd-baseData-dropdown-options:hover {
   background: var(--kd-c-base-data-color-background-hover, var(--kd-g-color-hover, #f5f5f5));

package/lib/base-data/style/index.less

@@ -115,6 +115,7 @@
 
     &-options {
       height: @base-data-dropdown-options-height;
+      cursor: pointer;
 
       &:hover {
         background: @base-data-hover-bg;

package/lib/button/group.js

@@ -146,7 +146,8 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
 
   var popperProps = (0, _extends2.default)((0, _extends2.default)({
     placement: 'bottomLeft',
-    trigger: 'click'
+    trigger: 'click',
+    gap: 0
   }, buttonGoupProps), {
     prefixCls: btnGroupPrefixCls,
     defaultVisible: optionShow,

package/lib/button/style/index.css

@@ -354,35 +354,36 @@
 .kd-btn-group-basic-icon {
   margin-left: 4px;
 }
-.kd-btn-group-trigger .kd-btn-primary {
-  background: var(--kd-c-button-group-trigger-color-background, #4367c1);
+.kd-btn-group-similar .kd-btn-group-trigger .kd-btn {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  margin-left: -1px;
 }
-.kd-btn-group-trigger .kd-btn-primary:hover {
-  background: var(--kd-c-button-group-trigger-color-background-hover, #4c74da);
-  border-color: var(--kd-c-button-group-trigger-color-background-hover, #4c74da);
+.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary {
+  background: var(--kd-c-button-group-trigger-color-background, var(--kd-g-color-theme-7, #375cca));
 }
-.kd-btn-group-trigger .kd-btn-primary:active {
-  background: var(--kd-c-button-group-trigger-color-background-active, #3B5AA9);
+.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:hover {
+  background: var(--kd-c-button-group-trigger-color-background-hover, var(--kd-g-color-theme-6, #5582f3));
+  border-color: var(--kd-c-button-group-trigger-color-background-hover, var(--kd-g-color-theme-6, #5582f3));
 }
-.kd-btn-group-trigger .kd-btn-primary:disabled {
-  background: var(--kd-c-button-group-trigger-color-background-disabled, #95a4c8) !important;
+.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:active {
+  background: var(--kd-c-button-group-trigger-color-background-active, var(--kd-g-color-theme-8, #1f3ba1));
 }
-.kd-btn-group-trigger .kd-btn {
-  margin-left: -1px;
+.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:disabled {
+  background: var(--kd-c-button-group-trigger-color-background-disabled, var(--kd-g-color-theme-5, #87adff)) !important;
+}
+.kd-btn-group-similar > .kd-btn:first-child {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.kd-btn-group-similar > .kd-btn:first-child:hover {
+  z-index: 1;
 }
 .kd-btn-group .kd-btn-size-small,
 .kd-btn-group .kd-btn-size-middle,
 .kd-btn-group .kd-btn-size-large {
   min-width: unset;
 }
-.kd-btn-group .kd-btn:first-child {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.kd-btn-group .kd-btn:last-child {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
 .kd-btn-group .kd-dropdown-menu {
   padding: 0;
 }

package/lib/button/style/index.less

@@ -259,25 +259,37 @@
     }
   }
 
-  &-trigger {
-    .@{btn-prefix-cls}-primary {
-      background: @btn-group-trigger-color-background;
-      &:hover {
-        background: @btn-group-trigger-color-background-hover;
-        border-color: @btn-group-trigger-color-background-hover;
-      }
-
-      &:active {
-        background: @btn-group-trigger-color-background-active;
-      }
-
-      &:disabled {
-        background: @btn-group-trigger-color-background-disabled !important;
+  &-similar {
+    .@{btn-prefix-cls}-group-trigger {
+      .@{btn-prefix-cls} {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+        margin-left: -1px;
+        &-primary {
+          background: @btn-group-trigger-color-background;
+          &:hover {
+            background: @btn-group-trigger-color-background-hover;
+            border-color: @btn-group-trigger-color-background-hover;
+          }
+  
+          &:active {
+            background: @btn-group-trigger-color-background-active;
+          }
+  
+          &:disabled {
+            background: @btn-group-trigger-color-background-disabled !important;
+          }
+        }
       }
     }
-
-    .@{btn-prefix-cls} {
-      margin-left: -1px;
+    &>.@{btn-prefix-cls} {
+      &:first-child {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
+        &:hover {
+          z-index: 1;
+        }
+      }
     }
   }
 
@@ -287,16 +299,6 @@
     &-size-large {
       min-width: unset;
     }
-
-    &:first-child {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-
-    &:last-child {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-    }
   }
 
   .@{kd-prefix}-dropdown {

package/lib/button/style/token.less

@@ -61,10 +61,10 @@
 @btn-group-dropdown-item-border-color: var(~'@{button-custom-prefix}-group-dropdown-item-border-color', #E5E5E5); // 集合按钮 下拉边框颜色
 @btn-group-dropdown-item-color-background-hover: var(~'@{button-custom-prefix}-group-dropdown-item-color-background-hover', #F5F5F5); // 集合按钮 下拉hover背景颜色
 @btn-group-dropdown-color-background: var(~'@{button-custom-prefix}-group-dropdown-color-background', #fff); // 集合按钮 下拉菜单背景颜色
-@btn-group-trigger-color-background: var(~'@{button-custom-prefix}-group-trigger-color-background', #4367c1);
-@btn-group-trigger-color-background-hover: var(~'@{button-custom-prefix}-group-trigger-color-background-hover', #4c74da);
-@btn-group-trigger-color-background-active: var(~'@{button-custom-prefix}-group-trigger-color-background-active', #3B5AA9);
-@btn-group-trigger-color-background-disabled: var(~'@{button-custom-prefix}-group-trigger-color-background-disabled', #95a4c8);
+@btn-group-trigger-color-background: var(~'@{button-custom-prefix}-group-trigger-color-background', @color-theme-7);
+@btn-group-trigger-color-background-hover: var(~'@{button-custom-prefix}-group-trigger-color-background-hover', @color-theme-6);
+@btn-group-trigger-color-background-active: var(~'@{button-custom-prefix}-group-trigger-color-background-active', @color-theme-8);
+@btn-group-trigger-color-background-disabled: var(~'@{button-custom-prefix}-group-trigger-color-background-disabled', @color-theme-5);
 
 // font
 @btn-g-font-weight: var(~'@{button-custom-prefix}-font-weight', @font-weight-light);

package/lib/checkbox/checkbox.js

@@ -71,11 +71,12 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
     return (0, _isBoolean.default)(checked) ? checked : defaultChecked;
   };
 
-  var _React$useState = _react.default.useState(getChecked()),
-      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-      selected = _React$useState2[0],
-      setSelected = _React$useState2[1];
+  var _useState = (0, _react.useState)(getChecked()),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      selected = _useState2[0],
+      setSelected = _useState2[1];
 
+  var labelRef = (0, _react.useRef)(null);
   (0, _devwarning.default)(CheckboxTypes.indexOf(checkboxType) === -1, 'checkbox', "cannot found checkbox type '".concat(checkboxType, "'"));
   (0, _devwarning.default)(CheckboxSizes.indexOf(size) === -1, 'checkbox', "cannot found size type '".concat(size, "'"));
   var checkboxPrefixCls = getPrefixCls(prefixCls, 'checkbox', customPrefixcls);
@@ -102,14 +103,21 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
   (0, _react.useEffect)(function () {
     (0, _isBoolean.default)(checked) && checked !== selected && setSelected(checked);
   }, [checked, selected]);
+  (0, _react.useEffect)(function () {
+    var handleRepeatClick = function handleRepeatClick(e) {
+      var element = e.target;
 
-  var handleRepeatClick = function handleRepeatClick(e) {
-    var element = e.target;
+      if (element.tagName !== 'INPUT') {
+        e.stopPropagation();
+      }
+    };
 
-    if (element.tagName !== 'INPUT') {
-      e.stopPropagation();
-    }
-  };
+    labelRef.current.addEventListener('click', handleRepeatClick);
+    return function () {
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      labelRef.current.removeEventListener('click', handleRepeatClick);
+    };
+  }, []);
 
   var getDefaultCheckbox = function getDefaultCheckbox() {
     var _context19, _context20;
@@ -120,7 +128,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
       _react.default.createElement("label", {
         className: getRootClassName,
         style: style,
-        onClick: handleRepeatClick
+        ref: labelRef
       }, /*#__PURE__*/_react.default.createElement("span", {
         className: checkedWrapperClassName
       }, selected && /*#__PURE__*/_react.default.createElement("span", {

package/lib/config-provider/compDefaultProps.d.ts

@@ -132,7 +132,6 @@ declare const compDefaultProps: {
         mode: string;
         defaultOpen: boolean;
         showArrow: boolean;
-        showSearch: boolean;
     };
     Image: {
         preview: boolean;

package/lib/config-provider/compDefaultProps.js

@@ -155,8 +155,7 @@ var compDefaultProps = {
     borderType: 'underline',
     mode: 'single',
     defaultOpen: false,
-    showArrow: true,
-    showSearch: false
+    showArrow: true
   },
   Image: {
     preview: true

package/lib/form/Field.js

@@ -137,7 +137,8 @@ var Field = function Field(props) {
       getInternalHooks = fieldContext.getInternalHooks,
       vertical = fieldContext.vertical,
       getDefaultValue = fieldContext.getDefaultValue,
-      local = fieldContext.local;
+      local = fieldContext.local,
+      formDisabled = fieldContext.disabled;
 
   var _getInternalHooks = getInternalHooks(_useForm.INTERNAL_HOOK_KEY),
       registerField = _getInternalHooks.registerField,
@@ -305,17 +306,17 @@ var Field = function Field(props) {
         chDisabled = _ch$props.disabled,
         chDefaultValue = _ch$props.defaultValue;
 
-    var onChange = function onChange(evt) {
+    var onChange = function onChange() {
       if (chValue === undefined) {
-        setFieldValue(getInputValueFormProp(evt));
+        setFieldValue(getInputValueFormProp(arguments.length <= 0 ? undefined : arguments[0]));
       }
 
       if (typeof faChange === 'function') {
-        faChange(evt);
+        faChange.apply(void 0, arguments);
       }
 
       if (typeof chChange === 'function') {
-        chChange(evt);
+        chChange.apply(void 0, arguments);
       }
     };
 
@@ -333,7 +334,7 @@ var Field = function Field(props) {
     return (0, _extends5.default)((0, _extends5.default)({}, rest), (_extends3 = {
       onChange: onChange,
       defaultValue: defaultValue
-    }, (0, _defineProperty2.default)(_extends3, innerValuePropName, fieldValue), (0, _defineProperty2.default)(_extends3, "disabled", chDisabled || faDisabled), _extends3));
+    }, (0, _defineProperty2.default)(_extends3, innerValuePropName, fieldValue), (0, _defineProperty2.default)(_extends3, "disabled", chDisabled !== undefined ? chDisabled : faDisabled !== undefined ? faDisabled : formDisabled), _extends3));
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {

package/lib/form/Form.d.ts

@@ -4,6 +4,7 @@ declare type BaseFormProps = Omit<React.FormHTMLAttributes<HTMLFormElement>, 'on
 export interface FormProps<Values = any> extends BaseFormProps {
     children?: React.ReactNode;
     defaultValues?: Store;
+    disabled?: boolean;
     className?: string;
     form?: FormInstance<Values>;
     labelAlign?: LabelAlign;

package/lib/form/Form.js

@@ -81,7 +81,8 @@ var Form = function Form(props, ref) {
       onFinish = formProps.onFinish,
       onFinishFailed = formProps.onFinishFailed,
       onValuesChange = formProps.onValuesChange,
-      restProps = __rest(formProps, ["children", "defaultValues", "className", "form", "labelAlign", "labelWidth", "layout", "name", "prefixCls", "wrapperWidth", "onFinish", "onFinishFailed", "onValuesChange"]);
+      disabled = formProps.disabled,
+      restProps = __rest(formProps, ["children", "defaultValues", "className", "form", "labelAlign", "labelWidth", "layout", "name", "prefixCls", "wrapperWidth", "onFinish", "onFinishFailed", "onValuesChange", "disabled"]);
 
   var formPrefixCls = getPrefixCls(prefixCls, 'form', customizePrefixCls);
   var formClassName = (0, _classnames2.default)((_classnames = {}, (0, _defineProperty2.default)(_classnames, "".concat(formPrefixCls), true), (0, _defineProperty2.default)(_classnames, (0, _concat.default)(_context = "".concat(formPrefixCls, "-")).call(_context, layout), true), _classnames), className);
@@ -121,6 +122,7 @@ var Form = function Form(props, ref) {
       labelWidth: labelWidth,
       wrapperWidth: wrapperWidth,
       local: formLang,
+      disabled: disabled,
       vertical: layout === 'vertical'
     });
   }, [formInstance, labelAlign, labelWidth, wrapperWidth, layout, formLang]);

package/lib/form/interface.d.ts

@@ -34,6 +34,7 @@ export interface InternalFormInstance extends FormInstance {
     labelAlign?: LabelAlign;
     wrapperWidth?: string | number;
     vertical?: boolean;
+    disabled?: boolean;
     local?: InnerLocale;
     getInternalHooks: (key: string) => InternalHooks | null;
 }

package/lib/menu/menu.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { MenuMode, MenuTheme, TriggerSubMenuAction, SubMenuChangeEventHandler } from './interface';
 import MenuItem from './menuItem';
 import SubMenu from './subMenu';