@kdcloudjs/kdesign 1.6.15 → 1.6.17

package/es/_utils/usePopper.js

@@ -556,10 +556,12 @@ function usePopper(locatorElement, popperElement, props) {
         focus: 'mousedown',
         contextMenu: 'mousedown'
       };
+      popperNode === null || popperNode === void 0 ? void 0 : popperNode.addEventListener('mouseleave', debounceHidePopper);
       Array.isArray(trigger) ? trigger.forEach(function (action) {
         return document.addEventListener(mapEvent[action], debounceHidePopper);
       }) : document.addEventListener(mapEvent[trigger], debounceHidePopper);
       return function () {
+        popperNode === null || popperNode === void 0 ? void 0 : popperNode.removeEventListener('mouseleave', debounceHidePopper);
         Array.isArray(trigger) ? trigger.forEach(function (action) {
           return document.removeEventListener(mapEvent[action], debounceHidePopper);
         }) : document.removeEventListener(mapEvent[trigger], debounceHidePopper);

package/es/checkbox/checkbox.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-export declare const CheckboxTypes: ["default", "square"];
-export declare type CheckboxType = typeof CheckboxTypes[number];
-export declare const CheckboxSizes: ["large", "middle", "small"];
-export declare type CheckboxSize = typeof CheckboxSizes[number];
+import type { CheckboxType, CheckboxSize } from './group';
 export interface CheckboxProps {
     checked?: boolean;
     defaultChecked?: boolean;

package/es/checkbox/checkbox.js

@@ -19,14 +19,12 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React, { useCallback, useContext, useEffect, useState, useRef } from 'react';
 import classNames from 'classnames';
+import { GroupContext, CheckboxTypes, CheckboxSizes } from './group';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
-import { tuple } from '../_utils/type';
 import isBoolean from 'lodash/isBoolean';
 import Icon from '../icon';
 import devWarning from '../_utils/devwarning';
-export var CheckboxTypes = tuple('default', 'square');
-export var CheckboxSizes = tuple('large', 'middle', 'small');
 
 var InternalCheckbox = function InternalCheckbox(props, ref) {
   var _context, _context2, _context3, _classNames, _context4, _context5, _context6, _classNames2, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _classNames4, _context15, _context16, _context17, _classNames5, _context18;
@@ -53,38 +51,47 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
       name = CheckboxProps.name,
       rest = __rest(CheckboxProps, ["checkboxType", "className", "prefixCls", "defaultChecked", "checked", "size", "onChange", "disabled", "children", "style", "value", "indeterminate", "name"]);
 
-  var getChecked = function getChecked() {
-    return isBoolean(checked) ? checked : defaultChecked;
-  };
+  var checkboxGroup = React.useContext(GroupContext);
+  var mergedDisabled = (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.disabled) || disabled;
+  var mergedCheckboxType = (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.checkboxType) || checkboxType;
+  var mergedName = (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.name) || name;
+  var initChecked = (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue) ? (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue.indexOf(value)) > -1 : isBoolean(checked) ? checked : defaultChecked;
 
-  var _useState = useState(getChecked()),
+  var _useState = useState(initChecked),
       _useState2 = _slicedToArray(_useState, 2),
       selected = _useState2[0],
       setSelected = _useState2[1];
 
   var labelRef = useRef(null);
-  devWarning(CheckboxTypes.indexOf(checkboxType) === -1, 'checkbox', "cannot found checkbox type '".concat(checkboxType, "'"));
+  React.useEffect(function () {
+    setSelected((checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue) ? (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue.indexOf(value)) > -1 : isBoolean(checked) ? checked : defaultChecked);
+  }, [checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.groupValue, checked, defaultChecked]);
+  devWarning(CheckboxTypes.indexOf(mergedCheckboxType) === -1, 'checkbox', "cannot found checkbox type '".concat(mergedCheckboxType, "'"));
   devWarning(CheckboxSizes.indexOf(size) === -1, 'checkbox', "cannot found size type '".concat(size, "'"));
   var checkboxPrefixCls = getPrefixCls(prefixCls, 'checkbox', customPrefixcls);
 
   var isDefaultType = function isDefaultType() {
-    return checkboxType === 'default';
+    return mergedCheckboxType === 'default';
   };
 
   var getIndeterminate = function getIndeterminate() {
     return selected ? false : indeterminate;
   };
 
-  var getDefaultClassName = classNames(className, (_classNames = {}, _defineProperty(_classNames, "".concat(checkboxPrefixCls), true), _defineProperty(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(checkboxPrefixCls, "-")).call(_context, size), true && !!children), _defineProperty(_classNames, _concatInstanceProperty(_context2 = "".concat(checkboxPrefixCls, "-")).call(_context2, checkboxType), true), _defineProperty(_classNames, _concatInstanceProperty(_context3 = "".concat(checkboxPrefixCls, "-")).call(_context3, checkboxType, "-disabled"), disabled), _defineProperty(_classNames, "checked", selected), _classNames));
-  var getSquareClassName = classNames(className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(checkboxPrefixCls), true), _defineProperty(_classNames2, _concatInstanceProperty(_context4 = "".concat(checkboxPrefixCls, "-")).call(_context4, checkboxType), true), _defineProperty(_classNames2, _concatInstanceProperty(_context5 = "".concat(checkboxPrefixCls, "-")).call(_context5, checkboxType, "-disabled"), disabled), _defineProperty(_classNames2, _concatInstanceProperty(_context6 = "".concat(checkboxPrefixCls, "-")).call(_context6, checkboxType, "-checked"), selected && !disabled), _defineProperty(_classNames2, "checked", selected), _classNames2));
+  var getDefaultClassName = classNames(className, (_classNames = {}, _defineProperty(_classNames, "".concat(checkboxPrefixCls), true), _defineProperty(_classNames, "".concat(checkboxPrefixCls, "-no-child"), !children), _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(checkboxPrefixCls, "-")).call(_context, size), true && !!children), _defineProperty(_classNames, _concatInstanceProperty(_context2 = "".concat(checkboxPrefixCls, "-")).call(_context2, mergedCheckboxType), true), _defineProperty(_classNames, _concatInstanceProperty(_context3 = "".concat(checkboxPrefixCls, "-")).call(_context3, mergedCheckboxType, "-disabled"), mergedDisabled), _defineProperty(_classNames, "checked", selected), _classNames));
+  var getSquareClassName = classNames(className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(checkboxPrefixCls), true), _defineProperty(_classNames2, _concatInstanceProperty(_context4 = "".concat(checkboxPrefixCls, "-")).call(_context4, mergedCheckboxType), true), _defineProperty(_classNames2, _concatInstanceProperty(_context5 = "".concat(checkboxPrefixCls, "-")).call(_context5, mergedCheckboxType, "-disabled"), mergedDisabled), _defineProperty(_classNames2, _concatInstanceProperty(_context6 = "".concat(checkboxPrefixCls, "-")).call(_context6, mergedCheckboxType, "-checked"), selected && !mergedDisabled), _defineProperty(_classNames2, "checked", selected), _classNames2));
   var getRootClassName = isDefaultType() ? getDefaultClassName : getSquareClassName;
   var inputClassName = classNames(_defineProperty({}, "".concat(checkboxPrefixCls, "-input"), true));
-  var checkedWrapperClassName = classNames((_classNames4 = {}, _defineProperty(_classNames4, _concatInstanceProperty(_context7 = "".concat(checkboxPrefixCls, "-")).call(_context7, checkboxType, "-no-child"), !children), _defineProperty(_classNames4, _concatInstanceProperty(_context8 = "".concat(checkboxPrefixCls, "-")).call(_context8, checkboxType, "-wrapper"), true), _defineProperty(_classNames4, _concatInstanceProperty(_context9 = "".concat(checkboxPrefixCls, "-")).call(_context9, checkboxType, "-wrapper-size"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context10 = "".concat(checkboxPrefixCls, "-")).call(_context10, checkboxType, "-margin"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context11 = "".concat(checkboxPrefixCls, "-")).call(_context11, checkboxType, "-checked"), selected), _defineProperty(_classNames4, _concatInstanceProperty(_context12 = "".concat(checkboxPrefixCls, "-")).call(_context12, checkboxType, "-indeterminate"), getIndeterminate()), _defineProperty(_classNames4, _concatInstanceProperty(_context13 = "".concat(checkboxPrefixCls, "-")).call(_context13, checkboxType, "-disabled"), disabled && !selected), _defineProperty(_classNames4, _concatInstanceProperty(_context14 = "".concat(checkboxPrefixCls, "-")).call(_context14, checkboxType, "-checked-disabled"), disabled && selected), _classNames4));
-  var triangleClassName = classNames((_classNames5 = {}, _defineProperty(_classNames5, _concatInstanceProperty(_context15 = "".concat(checkboxPrefixCls, "-")).call(_context15, checkboxType, "-triangle"), !selected), _defineProperty(_classNames5, _concatInstanceProperty(_context16 = "".concat(checkboxPrefixCls, "-")).call(_context16, checkboxType, "-triangle-checked"), selected), _defineProperty(_classNames5, _concatInstanceProperty(_context17 = "".concat(checkboxPrefixCls, "-")).call(_context17, checkboxType, "-triangle-disabled"), disabled), _classNames5));
-  var innerIconClassName = classNames(_defineProperty({}, _concatInstanceProperty(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, checkboxType, "-inner"), true));
+  var checkedWrapperClassName = classNames((_classNames4 = {}, _defineProperty(_classNames4, _concatInstanceProperty(_context7 = "".concat(checkboxPrefixCls, "-")).call(_context7, mergedCheckboxType, "-no-child"), !children), _defineProperty(_classNames4, _concatInstanceProperty(_context8 = "".concat(checkboxPrefixCls, "-")).call(_context8, mergedCheckboxType, "-wrapper"), true), _defineProperty(_classNames4, _concatInstanceProperty(_context9 = "".concat(checkboxPrefixCls, "-")).call(_context9, mergedCheckboxType, "-wrapper-size"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context10 = "".concat(checkboxPrefixCls, "-")).call(_context10, mergedCheckboxType, "-margin"), !!children), _defineProperty(_classNames4, _concatInstanceProperty(_context11 = "".concat(checkboxPrefixCls, "-")).call(_context11, mergedCheckboxType, "-checked"), selected), _defineProperty(_classNames4, _concatInstanceProperty(_context12 = "".concat(checkboxPrefixCls, "-")).call(_context12, mergedCheckboxType, "-indeterminate"), getIndeterminate()), _defineProperty(_classNames4, _concatInstanceProperty(_context13 = "".concat(checkboxPrefixCls, "-")).call(_context13, mergedCheckboxType, "-disabled"), mergedDisabled && !selected), _defineProperty(_classNames4, _concatInstanceProperty(_context14 = "".concat(checkboxPrefixCls, "-")).call(_context14, mergedCheckboxType, "-checked-disabled"), mergedDisabled && selected), _classNames4));
+  var triangleClassName = classNames((_classNames5 = {}, _defineProperty(_classNames5, _concatInstanceProperty(_context15 = "".concat(checkboxPrefixCls, "-")).call(_context15, mergedCheckboxType, "-triangle"), !selected), _defineProperty(_classNames5, _concatInstanceProperty(_context16 = "".concat(checkboxPrefixCls, "-")).call(_context16, mergedCheckboxType, "-triangle-checked"), selected), _defineProperty(_classNames5, _concatInstanceProperty(_context17 = "".concat(checkboxPrefixCls, "-")).call(_context17, mergedCheckboxType, "-triangle-disabled"), mergedDisabled), _classNames5));
+  var innerIconClassName = classNames(_defineProperty({}, _concatInstanceProperty(_context18 = "".concat(checkboxPrefixCls, "-")).call(_context18, mergedCheckboxType, "-inner"), true));
   var handleChange = useCallback(function (e) {
     onChange && onChange(e);
-    setSelected(e.target.checked);
+    (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange) && (checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.onCheckboxGroupChange(value, e.target.checked));
+
+    if (!(checkboxGroup === null || checkboxGroup === void 0 ? void 0 : checkboxGroup.isControlled)) {
+      setSelected(e.target.checked);
+    }
   }, [onChange]);
   useEffect(function () {
     isBoolean(checked) && checked !== selected && setSelected(checked);
@@ -125,7 +132,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         className: innerIconClassName
       }, /*#__PURE__*/React.createElement(Icon, {
         type: "right-bold",
-        className: _concatInstanceProperty(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, checkboxType, "-inner-icon")
+        className: _concatInstanceProperty(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner-icon")
       })), /*#__PURE__*/React.createElement("input", {
         type: "checkbox",
         className: inputClassName,
@@ -133,8 +140,8 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         ref: ref,
         value: value,
         checked: selected,
-        disabled: disabled,
-        name: name
+        disabled: mergedDisabled,
+        name: mergedName
       })), children && /*#__PURE__*/React.createElement("span", {
         className: "".concat(checkboxPrefixCls, "-children")
       }, children), !isDefaultType() && /*#__PURE__*/React.createElement("span", {
@@ -143,7 +150,7 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
         className: innerIconClassName
       }, /*#__PURE__*/React.createElement(Icon, {
         type: "right-bold",
-        className: _concatInstanceProperty(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, checkboxType, "-inner-icon")
+        className: _concatInstanceProperty(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
       }))))
     );
   };

package/es/checkbox/group.d.ts

@@ -3,10 +3,20 @@ export declare const CheckboxTypes: ["default", "square"];
 export declare type CheckboxType = typeof CheckboxTypes[number];
 export declare const CheckboxSizes: ["large", "middle", "small"];
 export declare type CheckboxSize = typeof CheckboxSizes[number];
+export declare type CheckboxValueType = string | number;
+export interface CheckboxGroupContext {
+    name?: string;
+    isControlled?: boolean;
+    groupValue?: Array<CheckboxValueType>;
+    checkboxType?: CheckboxType;
+    disabled?: boolean;
+    onCheckboxGroupChange?: (checkedValue: CheckboxValueType, isChecked: boolean) => void;
+}
+export declare const GroupContext: React.Context<CheckboxGroupContext | null>;
 export interface CheckboxGroupProps {
     name?: string;
     size?: CheckboxSize;
-    value?: string[];
+    value?: Array<CheckboxValueType>;
     checkboxType?: CheckboxType;
     disabled?: boolean;
     defaultValue?: string[] | string;

package/es/checkbox/group.js

@@ -1,7 +1,5 @@
-import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
-import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import React, { useContext } from 'react'; // import { Icon } from '../index'
@@ -11,12 +9,11 @@ import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
 import { tuple } from '../_utils/type';
 import { isArrayValueRepeat } from '../_utils/arrayUtil';
-import isArray from 'lodash/isArray';
 import Checkbox from './checkbox';
-import isBoolean from 'lodash/isBoolean';
 import devWarning from '../_utils/devwarning';
 export var CheckboxTypes = tuple('default', 'square');
 export var CheckboxSizes = tuple('large', 'middle', 'small');
+export var GroupContext = /*#__PURE__*/React.createContext(null);
 var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   // const CheckboxGroup = (props: CheckboxGroupProps): FunctionComponentElement<CheckboxGroupProps> => {
   var _useContext = useContext(ConfigContext),
@@ -38,111 +35,86 @@ var CheckboxGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       defaultValue = CheckboxProps.defaultValue,
       value = CheckboxProps.value,
       name = CheckboxProps.name;
+  var initData = value || (Array.isArray(defaultValue) ? defaultValue : typeof defaultValue !== 'undefined' ? [defaultValue] : []);
 
-  var _React$useState = React.useState(defaultValue),
+  var _React$useState = React.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       groupValue = _React$useState2[0],
       setGroupValue = _React$useState2[1];
 
+  var innerValue = React.useRef(initData);
   React.useEffect(function () {
-    if (value) {
-      setGroupValue(value);
-    }
-  }, [value]);
+    innerValue.current = value || (Array.isArray(defaultValue) ? defaultValue : typeof defaultValue !== 'undefined' ? [defaultValue] : []);
+    setGroupValue(innerValue.current);
+  }, [value, defaultValue]);
+  var isControlled = typeof value !== 'undefined';
   var checkboxGroupPrefixCls = getPrefixCls(prefixCls, 'checkbox-group', customPrefixcls); // 按钮样式前缀
 
-  devWarning(isArrayValueRepeat(value), 'checkboxGroup', "variable value's value should be unique ");
-
-  var getDisabled = function getDisabled(optionDisabled) {
-    return isBoolean(optionDisabled) ? optionDisabled : disabled;
-  };
-
-  var getChecked = function getChecked(props, value) {
-    return isArray(value) ? _includesInstanceProperty(value).call(value, (props === null || props === void 0 ? void 0 : props.value) || props) || _includesInstanceProperty(value).call(value, String((props === null || props === void 0 ? void 0 : props.value) || props)) : String(value) === String((props === null || props === void 0 ? void 0 : props.value) || props);
-  };
+  devWarning(isArrayValueRepeat(groupValue), 'checkboxGroup', "variable value's value should be unique ");
 
   var getReduceItem = function getReduceItem(targetValue) {
-    var index = value.indexOf(targetValue);
-
-    _spliceInstanceProperty(value).call(value, index, 1);
+    var _context;
 
-    return value;
+    return _filterInstanceProperty(_context = innerValue.current).call(_context, function (d) {
+      return d !== targetValue;
+    });
   };
 
   var getAddItem = function getAddItem(targetValue) {
-    return _concatInstanceProperty(value).call(value, targetValue);
-  };
+    var _context2;
 
-  var onCheckboxChange = function onCheckboxChange(ev, item) {
-    var _a;
+    return innerValue.current.indexOf(targetValue) > -1 ? innerValue.current : _concatInstanceProperty(_context2 = innerValue.current).call(_context2, targetValue);
+  };
 
-    var val = ev.target.value;
-    var checked = ev.target.checked;
+  var onCheckboxChange = function onCheckboxChange(checkedValue, isChecked) {
     var newVal = [];
 
-    if (checked) {
-      newVal = getAddItem(val);
+    if (isChecked) {
+      newVal = getAddItem(checkedValue);
     } else {
-      newVal = getReduceItem(val);
+      newVal = getReduceItem(checkedValue);
+    }
+
+    if (!isControlled) {
+      innerValue.current = newVal;
     }
 
-    setGroupValue(newVal);
     onChange && onChange(newVal);
-    ((_a = item.props) === null || _a === void 0 ? void 0 : _a.onChange) && item.props.onChange(ev);
+  };
+
+  var context = {
+    groupValue: groupValue,
+    disabled: disabled,
+    name: name,
+    isControlled: isControlled,
+    checkboxType: checkboxType,
+    onCheckboxGroupChange: function onCheckboxGroupChange(checkedValue, isChecked) {
+      onCheckboxChange(checkedValue, isChecked);
+    }
   };
 
   var renderByOptions = function renderByOptions() {
     return _mapInstanceProperty(options).call(options, function (option, index) {
       return /*#__PURE__*/React.createElement(Checkbox, {
         size: size,
-        disabled: getDisabled(option.disabled),
+        disabled: option.disabled,
         key: index,
         name: name,
-        defaultChecked: getChecked(option, defaultValue),
-        checked: getChecked(option, groupValue),
+        defaultChecked: option.defaultValue,
+        checked: option.checked,
         checkboxType: checkboxType,
         value: (option === null || option === void 0 ? void 0 : option.value) || option,
-        onChange: function onChange(e) {
-          return onCheckboxChange(e, option);
-        }
+        onChange: option.onChange
       }, option.label || option);
     });
   };
 
-  var renderChildren = function renderChildren() {
-    var _context;
-
-    return _mapInstanceProperty(_context = React.Children).call(_context, children, function (item) {
-      var _a, _b;
-
-      var groupProps = {};
-      groupProps = {
-        name: name,
-        size: size,
-        onChange: function onChange(e) {
-          return onCheckboxChange(e, item);
-        },
-        checkboxType: checkboxType || ((_a = item.props) === null || _a === void 0 ? void 0 : _a.checkboxType),
-        disabled: isBoolean(disabled) ? disabled : (_b = item.props) === null || _b === void 0 ? void 0 : _b.disabled,
-        checked: getChecked(item.props, groupValue),
-        defaultChecked: getChecked(item.props, defaultValue)
-      };
-      return /*#__PURE__*/React.cloneElement(item, _extends(_extends({}, item.props), groupProps));
-    });
-  };
-
-  var renderCheckbox = function renderCheckbox() {
-    if (isArray(options)) {
-      return renderByOptions();
-    } else if (children) {
-      return renderChildren();
-    }
-  };
-
   return /*#__PURE__*/React.createElement("ul", {
     className: classnames(checkboxGroupPrefixCls, className),
     style: style,
     ref: ref
-  }, renderCheckbox());
+  }, /*#__PURE__*/React.createElement(GroupContext.Provider, {
+    value: context
+  }, options && options.length > 0 ? renderByOptions() : children));
 });
 export default /*#__PURE__*/React.memo(CheckboxGroup);

package/es/checkbox/index.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { CheckboxProps } from './checkbox';
 import Group from './group';
-export { CheckboxProps, CheckboxSizes, CheckboxTypes } from './checkbox';
+export { CheckboxSizes, CheckboxTypes, CheckboxSize, CheckboxType, CheckboxValueType } from './group';
 export { CheckboxGroupProps } from './group';
+export { CheckboxProps } from './checkbox';
 interface CompoundedComponent extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLElement>> {
     Group: typeof Group;
 }

package/es/checkbox/index.js

@@ -1,6 +1,6 @@
 import InternalCheckbox from './checkbox';
 import Group from './group';
-export { CheckboxSizes, CheckboxTypes } from './checkbox';
+export { CheckboxSizes, CheckboxTypes } from './group';
 var Checkbox = InternalCheckbox;
 Checkbox.Group = Group;
 export { Group };

package/es/date-picker/range/input-range.js

@@ -140,7 +140,7 @@ function InputDate(props, ref) {
   }
 
   var getSuffixNode = function getSuffixNode() {
-    if (isMouseEnter && (startHoverValue || endHoverValue || startText || endText)) {
+    if (isMouseEnter && (startHoverValue || endHoverValue || startText || endText) && allowClear) {
       return clearNode;
     }
 

package/es/date-picker/single/input-date.js

@@ -60,7 +60,7 @@ function InputDate(props, ref) {
   var placeholder = getPlaceholder(picker, locale, propsPlaceholder);
 
   var getSuffixNode = function getSuffixNode() {
-    if (isMouseEnter && (hoverValue || text)) {
+    if (isMouseEnter && (hoverValue || text) && allowClear) {
       return null;
     }
 

package/es/modal/style/index.css

@@ -160,6 +160,8 @@
       -ms-flex-align: center;
           align-items: center;
   height: var(--kd-c-modal-header-sizing-height, 50px);
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
 }
 .kd-modal-container-box .kd-modal-header .kd-modal-title-container {
   display: -webkit-box;
@@ -242,6 +244,8 @@
           align-items: center;
   font-size: var(--kd-c-modal-footer-font-size, 14px);
   color: var(--kd-c-modal-footer-text-color, var(--kd-g-color-text-secondary, #666));
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
 }
 .kd-modal-margin-btn {
   margin-right: var(--kd-c-modal-footer-button-spacing, 12px);

package/es/modal/style/index.less

@@ -58,6 +58,7 @@
       padding: @modal-header-sizing-padding-vertical @modal-header-sizing-padding-horizontal;
       align-items: center;
       height: @modal-header-sizing-height;
+      flex-shrink: 0;
       .@{modal-prefix-cls}-title-container {
         display: flex;
         justify-content: center;
@@ -113,6 +114,7 @@
       align-items: center;
       font-size: @modal-footer-font-size;
       color: @modal-footer-font-color;
+      flex-shrink: 0;
     }
     // each(@modal-footer-type-set, {
     //   .@{modal-prefix-cls}-@{key}-footer {

package/es/select/select.js

@@ -464,9 +464,8 @@ var InternalSelect = function InternalSelect(props, ref) {
   }; // 多选模式下清除某一项
 
 
-  var handleRemove = function handleRemove(e) {
+  var handleRemove = function handleRemove(e, tag) {
     if (disabled) return;
-    var tag = e.currentTarget.parentNode.getAttribute('data-tag');
     var _multipleRef$current4 = multipleRef.current,
         selectedVal = _multipleRef$current4.selectedVal,
         selectMulOpts = _multipleRef$current4.selectMulOpts;
@@ -670,7 +669,9 @@ var InternalSelect = function InternalSelect(props, ref) {
         size: size,
         closable: true,
         disabled: disabled,
-        onClose: handleRemove,
+        onClose: function onClose(e) {
+          return handleRemove(e, value);
+        },
         "data-tag": value
       }, label));
     }), maxTagCount && mulOptions.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : /*#__PURE__*/React.createElement("span", {

package/es/stepper/style/index.css

@@ -104,6 +104,8 @@
 .kd-inputNumber {
   width: 100px;
   height: var(--kd-c-stepper-input-middle-sizing-height, 28px);
+  --kd-c-input-wrapper-padding-left: 9px;
+  --kd-c-input-padding-left: 0;
 }
 .kd-inputNumber input {
   text-align: center;

package/es/stepper/style/index.less

@@ -2,10 +2,13 @@
 @import './mixin.less';
 
 @inputNumber-prefix-cls: ~'@{kd-prefix}-inputNumber';
+@inputWrapper-prefix-cls: ~'@{kd-prefix}-wrapper';
 .@{inputNumber-prefix-cls} {
   width: 100px;
   height: @stepper-input-middle-sizing-height;
 
+  --kd-c-input-wrapper-padding-left: 9px;
+  --kd-c-input-padding-left: 0;
   input {
     text-align: center;
     color: @stepper-input-color;

package/es/table/feature/useFooterDataSource.d.ts

@@ -0,0 +1,3 @@
+import { TablePipeline } from '../interface';
+declare function useFooterDataSource(pipeline: TablePipeline, footerDataSource: any[] | undefined): void;
+export default useFooterDataSource;

package/es/table/feature/useFooterDataSource.js

@@ -0,0 +1,11 @@
+import { features } from '@kdcloudjs/table';
+
+function useFooterDataSource(pipeline, footerDataSource) {
+  if (footerDataSource) {
+    pipeline.use(features.footerDataSource({
+      dataSource: footerDataSource
+    }));
+  }
+}
+
+export default useFooterDataSource;

package/es/table/interface.d.ts

@@ -14,6 +14,7 @@ export declare type TableApi = {
     getColumns: () => any[];
     getDataSource: () => any[];
     getFooterDataSource: () => any[];
+    clearRangeSelection: () => void;
 };
 export declare type TableInstance = {
     api: TableApi;

package/es/table/table.js

@@ -20,6 +20,7 @@ import useContextMenu from './feature/contextMenu';
 import useRangeSelection from './feature/useRangeSelection';
 import useＭergeCellHover from './feature/mergeCellHover';
 import devWarning from '../_utils/devwarning';
+import useFooterDataSource from './feature/useFooterDataSource';
 var Table = /*#__PURE__*/forwardRef(function (props, ref) {
   var columns = props.columns,
       dataSource = props.dataSource,
@@ -69,22 +70,21 @@ var Table = /*#__PURE__*/forwardRef(function (props, ref) {
     dataSource: dataSource
   });
   var pipelineRef = useRef(pipeline);
-  pipelineRef.current = pipeline;
-
-  if (footerDataSource) {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    pipeline.footerDataSource(footerDataSource);
-  }
+  pipelineRef.current = pipeline; // if (footerDataSource) {
+  //   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  //   // @ts-ignore
+  //   pipeline.footerDataSource(footerDataSource)
+  // }
 
   useImperativeHandle(ref, function () {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
 
     return {
       api: {
         getColumns: (_a = pipelineRef.current.getColumns) === null || _a === void 0 ? void 0 : _a.bind(pipelineRef.current),
         getDataSource: (_b = pipelineRef.current.getDataSource) === null || _b === void 0 ? void 0 : _b.bind(pipelineRef.current),
-        getFooterDataSource: (_c = pipelineRef.current.getFooterDataSource) === null || _c === void 0 ? void 0 : _c.bind(pipelineRef.current)
+        getFooterDataSource: (_c = pipelineRef.current.getFooterDataSource) === null || _c === void 0 ? void 0 : _c.bind(pipelineRef.current),
+        clearRangeSelection: (_d = pipelineRef.current.clearRangeSelection) === null || _d === void 0 ? void 0 : _d.bind(pipelineRef.current)
       }
     };
   });
@@ -105,6 +105,7 @@ var Table = /*#__PURE__*/forwardRef(function (props, ref) {
   useContextMenu(pipeline, contextMenu);
   useRangeSelection(pipeline, rangeSelection);
   useＭergeCellHover(pipeline);
+  useFooterDataSource(pipeline, footerDataSource);
   /* -------------------------------------------------------------------------- */
 
   /* after useTablePipeline, merge pipeline.getProps result                     */

package/es/tree/tree.js

@@ -130,11 +130,19 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
       loadingKeys = _React$useState14[0],
       setLoadingKeys = _React$useState14[1];
 
+  var _React$useState15 = React.useState([]),
+      _React$useState16 = _slicedToArray(_React$useState15, 2),
+      searchExpandedKeys = _React$useState16[0],
+      setSearchExpandedKeys = _React$useState16[1];
+
   var isSearching = React.useMemo(function () {
     return typeof filterTreeNode === 'function' && filterValue;
   }, [filterValue]);
+  useEffect(function () {
+    setSearchExpandedKeys([]);
+  }, [filterValue]);
 
-  var _useExpand = useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData),
+  var _useExpand = useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchExpandedKeys),
       _useExpand2 = _slicedToArray(_useExpand, 2),
       expandedKeys = _useExpand2[0],
       setExpandedKeys = _useExpand2[1];
@@ -229,6 +237,12 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
       node: node,
       expanded: expanded
     });
+
+    if (isSearching) {
+      var newSearchExpandedKeys = expanded ? addKeys(searchExpandedKeys, [key]) : delKey(searchExpandedKeys, [key]);
+      setSearchExpandedKeys(newSearchExpandedKeys);
+    }
+
     setScrollKey('');
     setIsInit(false);
 

package/es/tree/treeHooks.d.ts

@@ -4,6 +4,6 @@ export declare const useViewportHeight: (height: number, listRef: React.RefObjec
 export declare const useVisibleDataMemo: (virtual: boolean, filterData: TreeNodeData[], viewportHeight: number, estimatedItemSize: number, start: number) => TreeNodeData[][];
 export declare const usePlantomHeightEffect: (plantomRef: React.RefObject<HTMLElement>, filterData: TreeNodeData[], estimatedItemSize: number) => void;
 export declare const useChecked: (checkStrictly: boolean, checkedKeysProps: string[], defaultCheckedKeys: string[], _flattenAllData: any[], _maxLevel: number, checkable: boolean, keysData: KeysDataType) => readonly [string[], string[], React.Dispatch<React.SetStateAction<string[]>>, React.Dispatch<React.SetStateAction<string[]>>];
-export declare const useExpand: (flattenAllData: any[], expandedKeysProps: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, scrollKey: string, isInit: boolean, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];
+export declare const useExpand: (flattenAllData: any[], expandedKeysProps: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, scrollKey: string, isInit: boolean, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, searchExpandedKeys: string[]) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];
 export declare const useScrollToKey: (scrollKey: string, index: number, estimatedItemSize: number, scrollRef: any, viewportHeight: number, treeNodePrefixCls: string) => void;
 export declare const useSelect: (selectedKeysProps: string[], defaultSelectedKeys: string[]) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];

package/es/tree/treeHooks.js

@@ -64,7 +64,7 @@ export var useChecked = function useChecked(checkStrictly, checkedKeysProps, def
   }, [nextHalfCheckedKeys]);
   return [checkedKeys, halfCheckedKeys, setCheckedKeys, setHalfCheckedKeys];
 };
-export var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData) {
+export var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchExpandedKeys) {
   var expandScrollkeys = [];
 
   if (scrollKey) {
@@ -73,8 +73,8 @@ export var useExpand = function useExpand(flattenAllData, expandedKeysProps, def
   }
 
   var initialExpandedKeys = React.useMemo(function () {
-    return getInitExpandedKeys(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData);
-  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData]);
+    return getInitExpandedKeys(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData, searchExpandedKeys);
+  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, searchExpandedKeys]);
   var newExpandedKeys = React.useMemo(function () {
     return getExpandedKeys(expandedKeysProps, expandScrollkeys);
   }, [expandedKeysProps]);
@@ -85,9 +85,9 @@ export var useExpand = function useExpand(flattenAllData, expandedKeysProps, def
       setExpandedKeys = _React$useState8[1];
 
   React.useEffect(function () {
-    var keys = isInit ? initialExpandedKeys : newExpandedKeys;
+    var keys = isInit || isSearching ? initialExpandedKeys : newExpandedKeys;
     setExpandedKeys(keys);
-  }, [newExpandedKeys, initialExpandedKeys]);
+  }, [newExpandedKeys, initialExpandedKeys, isSearching, isInit]);
   return [expandedKeys, setExpandedKeys];
 };
 export var useScrollToKey = function useScrollToKey(scrollKey, index, estimatedItemSize, scrollRef, viewportHeight, treeNodePrefixCls) {

package/es/tree/utils/treeUtils.d.ts

@@ -16,7 +16,8 @@ export declare const getExpand: (expandedKeys: string[], key: string) => boolean
 export declare const getChecked: (checkedKeys: string[], key: string) => boolean;
 export declare const getSelected: (selectedKeys: string[], key: string) => boolean;
 export declare const getHalfChecked: (halfCheckedKeys: string[], key: string) => boolean;
-export declare const getAllFilterKeys: (data: any[], filterTreeNode: FunctionConstructor, keysData: KeysDataType) => any[];
+export declare function findfilterChildrenKeys(node: any, allFilterKeys: Set<any>): Set<string>;
+export declare const getAllFilterKeys: (data: any[], filterTreeNode: FunctionConstructor, keysData: KeysDataType) => any;
 export declare const getFilterData: (data: any[], filterTreeNode: FunctionConstructor, isSearching: boolean, posData?: {}, keysData?: {}) => any[];
 export declare const getMaxLevel: (data: any[]) => number;
 /**
@@ -59,6 +60,6 @@ export declare const getDataCheckededStateStrictly: (checkedKeys: string[]) => {
 };
 export declare const delKey: (prevKeys: string[], delKeys: string[]) => never[] & string[];
 export declare const getAllNodeKeys: (data: any[]) => string[];
-export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType) => string[];
+export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, searchExpandedKeys: string[]) => string[];
 export declare const getExpandedKeys: (expandedKeys: string[], expandScrollkeys?: string[]) => string[];
 export declare const calcDropPosition: (event: React.MouseEvent, dropNode: HTMLElement) => 0 | 1 | -1;