@kdcloudjs/kdesign 1.6.15 → 1.6.16

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/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;

package/es/tree/utils/treeUtils.js

@@ -3,12 +3,12 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _Set from "@babel/runtime-corejs3/core-js-stable/set";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/starts-with";
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
 import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
 
 var __rest = this && this.__rest || function (s, e) {
@@ -124,21 +124,52 @@ var isAllParentExpand = function isAllParentExpand(_data, pos, posData) {
   return expand;
 };
 
+export function findfilterChildrenKeys(node, allFilterKeys) {
+  var nodes = new _Set();
+
+  var loop = function loop(children) {
+    _mapInstanceProperty(children).call(children, function (child) {
+      var key = child.key;
+      var item = child;
+      allFilterKeys.add(key);
+      loop(item.children || []);
+    });
+  };
+
+  if (node) {
+    loop(node.children || []);
+  }
+
+  return nodes;
+}
 export var getAllFilterKeys = function getAllFilterKeys(data, filterTreeNode, keysData) {
-  var allFilterKeys = [];
+  var allFilterKeys = new _Set();
+  var filterExpandKeys = new _Set();
 
-  _filterInstanceProperty(data).call(data, function (item) {
+  var filterKeys = _filterInstanceProperty(data).call(data, function (item) {
     return filterTreeNode === null || filterTreeNode === void 0 ? void 0 : filterTreeNode(item);
-  }).forEach(function (item) {
+  });
+
+  filterKeys.forEach(function (item) {
+    findfilterChildrenKeys(item, allFilterKeys);
+  });
+  filterKeys.forEach(function (item) {
     var node = _extends({}, item);
 
     while (node) {
-      allFilterKeys.push(node.key);
+      var _context3;
+
+      allFilterKeys.add(node.key);
+      !_includesInstanceProperty(_context3 = _mapInstanceProperty(filterKeys).call(filterKeys, function (i) {
+        return i.key;
+      })).call(_context3, node.key) && filterExpandKeys.add(node.key);
       node = (keysData === null || keysData === void 0 ? void 0 : keysData[node === null || node === void 0 ? void 0 : node.parentKey]) || null;
     }
   });
-
-  return _toConsumableArray(new _Set(allFilterKeys));
+  return {
+    allFilterKeys: _toConsumableArray(allFilterKeys),
+    filterExpandKeys: _toConsumableArray(filterExpandKeys)
+  };
 };
 export var getFilterData = function getFilterData(data, filterTreeNode, isSearching) {
   var posData = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
@@ -147,7 +178,7 @@ export var getFilterData = function getFilterData(data, filterTreeNode, isSearch
   var allFilterKeys = null;
 
   if (isSearching) {
-    allFilterKeys = getAllFilterKeys(filterData, filterTreeNode, keysData);
+    allFilterKeys = getAllFilterKeys(filterData, filterTreeNode, keysData).allFilterKeys;
     filterData = _filterInstanceProperty(filterData).call(filterData, function (item) {
       return _includesInstanceProperty(allFilterKeys).call(allFilterKeys, item.key);
     });
@@ -298,11 +329,11 @@ export var getSpreadAttrData = function getSpreadAttrData(treeData, expandedKeys
   };
 };
 export var addKeys = function addKeys() {
-  var _context3;
+  var _context4;
 
   var prevKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var newKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return _Array$from(new _Set(_concatInstanceProperty(_context3 = []).call(_context3, _toConsumableArray(prevKeys), _toConsumableArray(newKeys))));
+  return _Array$from(new _Set(_concatInstanceProperty(_context4 = []).call(_context4, _toConsumableArray(prevKeys), _toConsumableArray(newKeys))));
 };
 export var getAllParentKeys = function getAllParentKeys(data) {
   var pos = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
@@ -355,14 +386,14 @@ export var getPos = function getPos(data, key) {
   return node === null || node === void 0 ? void 0 : node.pos;
 };
 export var getInitCheckedKeys = function getInitCheckedKeys(data, keys) {
-  var _context4;
+  var _context5;
 
   var checkedKeys = [];
   keys.forEach(function (item) {
     var pos = getPos(data, item);
     checkedKeys.push.apply(checkedKeys, _toConsumableArray(getAllChildKeys(data, pos)));
   });
-  return _Array$from(new _Set(_concatInstanceProperty(_context4 = []).call(_context4, checkedKeys, _toConsumableArray(keys))));
+  return _Array$from(new _Set(_concatInstanceProperty(_context5 = []).call(_context5, checkedKeys, _toConsumableArray(keys))));
 };
 export var getInitCheckededState = function getInitCheckededState(data) {
   var checkedKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
@@ -484,7 +515,7 @@ var updateParent = function updateParent(key, keysNodeProps, allKeys, halfChecke
 };
 
 export var getInitCheckededKeys = function getInitCheckededKeys() {
-  var _context5;
+  var _context6;
 
   var checkedKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var keysNodeProps = arguments.length > 1 ? arguments[1] : undefined;
@@ -506,7 +537,7 @@ export var getInitCheckededKeys = function getInitCheckededKeys() {
     }
   });
   return {
-    checkedKeys: _toConsumableArray(new _Set(_concatInstanceProperty(_context5 = []).call(_context5, _toConsumableArray(checkedKeysSet), _toConsumableArray(childCheckedKeysSet)))),
+    checkedKeys: _toConsumableArray(new _Set(_concatInstanceProperty(_context6 = []).call(_context6, _toConsumableArray(checkedKeysSet), _toConsumableArray(childCheckedKeysSet)))),
     halfCheckedKeys: _toConsumableArray(halfCheckedKeysSet)
   };
 };
@@ -672,6 +703,7 @@ export var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys
   var filterTreeNode = arguments.length > 7 ? arguments[7] : undefined;
   var isSearching = arguments.length > 8 ? arguments[8] : undefined;
   var keysData = arguments.length > 9 ? arguments[9] : undefined;
+  var searchExpandedKeys = arguments.length > 10 ? arguments[10] : undefined;
   var keys = (expandedKeys === null || expandedKeys === void 0 ? void 0 : _concatInstanceProperty(expandedKeys).call(expandedKeys, expandScrollkeys)) || (defaultExpandedKeys === null || defaultExpandedKeys === void 0 ? void 0 : _concatInstanceProperty(defaultExpandedKeys).call(defaultExpandedKeys, expandScrollkeys)) || [];
 
   if (defaultExpandAll) {
@@ -695,9 +727,9 @@ export var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys
   }
 
   if (isSearching) {
-    var _context6;
+    var _context7;
 
-    keys = _concatInstanceProperty(_context6 = []).call(_context6, _toConsumableArray(keys), _toConsumableArray(getAllFilterKeys(data, filterTreeNode, keysData)));
+    keys = _concatInstanceProperty(_context7 = []).call(_context7, _toConsumableArray(searchExpandedKeys), _toConsumableArray(getAllFilterKeys(data, filterTreeNode, keysData).filterExpandKeys));
   }
 
   return _Array$from(new _Set(_toConsumableArray(keys)));

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

@@ -167,7 +167,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/lib/date-picker/single/input-date.js

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

package/lib/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/lib/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/lib/select/select.js

@@ -493,9 +493,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;
@@ -695,7 +694,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.default.createElement("span", {

package/lib/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/lib/table/feature/useFooterDataSource.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _table = require("@kdcloudjs/table");
+
+function useFooterDataSource(pipeline, footerDataSource) {
+  if (footerDataSource) {
+    pipeline.use(_table.features.footerDataSource({
+      dataSource: footerDataSource
+    }));
+  }
+}
+
+var _default = useFooterDataSource;
+exports.default = _default;

package/lib/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/lib/table/table.js

@@ -57,6 +57,8 @@ var _mergeCellHover = _interopRequireDefault(require("./feature/mergeCellHover")
 
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
 
+var _useFooterDataSource = _interopRequireDefault(require("./feature/useFooterDataSource"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -110,22 +112,21 @@ var Table = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     dataSource: dataSource
   });
   var pipelineRef = (0, _react.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)
+  // }
 
   (0, _react.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)
       }
     };
   });
@@ -146,6 +147,7 @@ var Table = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _contextMenu.default)(pipeline, contextMenu);
   (0, _useRangeSelection.default)(pipeline, rangeSelection);
   (0, _mergeCellHover.default)(pipeline);
+  (0, _useFooterDataSource.default)(pipeline, footerDataSource);
   /* -------------------------------------------------------------------------- */
 
   /* after useTablePipeline, merge pipeline.getProps result                     */

package/lib/tree/tree.js

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

package/lib/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/lib/tree/treeHooks.js

@@ -104,7 +104,7 @@ var useChecked = function useChecked(checkStrictly, checkedKeysProps, defaultChe
 
 exports.useChecked = useChecked;
 
-var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData) {
+var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchExpandedKeys) {
   var expandScrollkeys = [];
 
   if (scrollKey) {
@@ -113,8 +113,8 @@ var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExp
   }
 
   var initialExpandedKeys = _react.default.useMemo(function () {
-    return (0, _treeUtils.getInitExpandedKeys)(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData);
-  }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData]);
+    return (0, _treeUtils.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.default.useMemo(function () {
     return (0, _treeUtils.getExpandedKeys)(expandedKeysProps, expandScrollkeys);
@@ -126,9 +126,9 @@ var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExp
       setExpandedKeys = _React$useState8[1];
 
   _react.default.useEffect(function () {
-    var keys = isInit ? initialExpandedKeys : newExpandedKeys;
+    var keys = isInit || isSearching ? initialExpandedKeys : newExpandedKeys;
     setExpandedKeys(keys);
-  }, [newExpandedKeys, initialExpandedKeys]);
+  }, [newExpandedKeys, initialExpandedKeys, isSearching, isInit]);
 
   return [expandedKeys, setExpandedKeys];
 };