@apdesign/web-react 1.4.2 → 1.5.0

package/es/Button/index.d.ts

@@ -2,12 +2,12 @@ import React from 'react';
 import Group from './group';
 import { ButtonProps } from './interface';
 declare const ButtonComponent: React.ForwardRefExoticComponent<Partial<{
-    htmlType?: "button" | "submit" | "reset";
-} & import("./interface").BaseButtonProps & Omit<React.ButtonHTMLAttributes<any>, "className" | "type" | "onClick"> & {
+    htmlType?: "button" | "reset" | "submit";
+} & import("./interface").BaseButtonProps & Omit<React.ButtonHTMLAttributes<any>, "className" | "onClick" | "type"> & {
     href: string;
     target?: string;
     anchorProps?: React.HTMLProps<HTMLAnchorElement>;
-} & Omit<React.AnchorHTMLAttributes<any>, "className" | "type" | "onClick">> & React.RefAttributes<unknown>> & {
+} & Omit<React.AnchorHTMLAttributes<any>, "className" | "onClick" | "type">> & React.RefAttributes<unknown>> & {
     __BYTE_BUTTON: boolean;
     Group: typeof Group;
 };

package/es/Select/select.js

@@ -46,6 +46,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import React, { useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
+import isEqualWith from 'lodash/isEqualWith';
 import cs from '../_util/classNames';
 import { ArrowUp, ArrowDown, Enter, Esc, Tab } from '../_util/keycode';
 import Trigger from '../Trigger';
@@ -62,7 +63,7 @@ import { ConfigContext } from '../ConfigProvider';
 import useMergeValue from '../_util/hooks/useMergeValue';
 import omit from '../_util/omit';
 import useMergeProps from '../_util/hooks/useMergeProps';
-import { Button } from '../index';
+import { Button, Checkbox } from '../index';
 import useId from '../_util/hooks/useId';
 // 用户创建中的option的origin标识
 var USER_CREATING_OPTION_ORIGIN = 'userCreatingOption';
@@ -212,7 +213,6 @@ function Select(baseProps, ref) {
         }
         else if (Array.isArray(value)) {
             setValue(value.length === 0 ? undefined : value[0]);
-            setProxyValue(value.length === 0 ? undefined : value[0]);
         }
     }, [isMultipleMode, value]);
     useEffect(function () {
@@ -457,7 +457,8 @@ function Select(baseProps, ref) {
         if (isMultipleMode) {
             checkOption(optionValue, value.indexOf(optionValue) === -1 ? 'add' : 'remove');
             // 点击一个选项时，清空输入框内容
-            if (!isObject(showSearch) || !showSearch.retainInputValueWhileSelect) {
+            if (!isMultipleQuickSelectMode &&
+                (!isObject(showSearch) || !showSearch.retainInputValueWhileSelect)) {
                 tryUpdateInputValue('', 'optionChecked');
             }
         }
@@ -511,6 +512,35 @@ function Select(baseProps, ref) {
             },
         ],
     ]));
+    // 全选
+    var checked = Array.isArray(stateProxyValue) &&
+        childrenList.length &&
+        childrenList.every(function (child) { return stateProxyValue.includes(child.props.value); });
+    var selectAllCheckBoxProps = isMultipleQuickSelectMode && Array.isArray(stateProxyValue)
+        ? {
+            disabled: childrenList.length === 0,
+            checked: checked,
+            indeterminate: !checked &&
+                childrenList.length &&
+                childrenList.some(function (child) { return stateProxyValue.includes(child.props.value); }),
+            onChange: function (value) {
+                if (value) {
+                    setProxyValue(function (prev) { return __spreadArray(__spreadArray([], __read(prev.filter(function (i) {
+                        return !childrenList.some(function (child) { return isEqualWith(i, child.props.value); });
+                    })), false), __read(childrenList.map(function (child) { return child.props.value; })), false); });
+                }
+                else {
+                    setProxyValue(function (prev) {
+                        return ((prev === null || prev === void 0 ? void 0 : prev.filter(function (v) {
+                            return !childrenList.some(function (child) { return isEqualWith(v, child.props.value); });
+                        })) || []);
+                    });
+                }
+            },
+        }
+        : {
+            style: { display: 'none' },
+        };
     var renderPopup = function () {
         var _a;
         var _b, _c, _d, _e;
@@ -561,13 +591,14 @@ function Select(baseProps, ref) {
             }),
             isMultipleQuickSelectMode && (React.createElement("div", { style: {
                     display: 'flex',
-                    justifyContent: 'flex-end',
-                    gap: 12,
-                    padding: '8px 16px 4px',
+                    justifyContent: 'space-between',
+                    padding: '8px 16px 4px 8px',
                     borderTop: '1px solid var(--color-fill-3)',
                 } },
-                React.createElement(Button, { size: "mini", onClick: cancelCheck }, (_d = locale.Select) === null || _d === void 0 ? void 0 : _d.cancelText),
-                React.createElement(Button, { type: "primary", size: "mini", onClick: confirmCheck }, (_e = locale.Select) === null || _e === void 0 ? void 0 : _e.okText))))) : null;
+                React.createElement(Checkbox, __assign({}, selectAllCheckBoxProps), "\u5168\u9009"),
+                React.createElement("div", { style: { display: 'flex', gap: 12 } },
+                    React.createElement(Button, { size: "mini", onClick: cancelCheck }, (_d = locale.Select) === null || _d === void 0 ? void 0 : _d.cancelText),
+                    React.createElement(Button, { type: "primary", size: "mini", onClick: confirmCheck }, (_e = locale.Select) === null || _e === void 0 ? void 0 : _e.okText)))))) : null;
         // Avoid drop-down box jitter when user is creating a selection
         var isUserCreating = allowCreate && inputValue;
         // Dropdown-placeholder when there is no options

package/es/TreeSelect/hook/useStateValue.d.ts

@@ -11,6 +11,7 @@ export interface TreeSelectState {
     searchKeys: string[];
 }
 export declare const parseValue: (v: valueType, key2nodeProps: any, valueMap?: LabelValue[]) => LabelValue[];
+export declare const getInitCheckKeys: (keys: string[], key2nodeProps: KeyCacheType, indeterminateKeys: any, props: TreeSelectProps) => string[];
 declare const useStateValue: (props: TreeSelectProps, key2nodeProps: KeyCacheType, indeterminateKeys: MutableRefObject<string[]>) => [LabelValue[], (v: LabelValue[], extra: {
     trigger?: NodeProps;
     checked?: boolean;

package/es/TreeSelect/hook/useStateValue.js

@@ -63,7 +63,7 @@ export var parseValue = function (v, key2nodeProps, valueMap) {
         return result;
     });
 };
-var getInitCheckKeys = function (keys, key2nodeProps, indeterminateKeys, props) {
+export var getInitCheckKeys = function (keys, key2nodeProps, indeterminateKeys, props) {
     if (!props.treeCheckStrictly) {
         var _a = getCheckedKeysByInitKeys(keys, key2nodeProps), allCheckedKeys = _a.checkedKeys, halfKeys = _a.indeterminateKeys;
         var checkedKeys_1 = allCheckedKeys;

package/es/TreeSelect/tree-list.js

@@ -159,8 +159,9 @@ function TreeList(props, ref) {
                         var checkedKeys;
                         var getAllCheckedKeys = function (node, keys) {
                             if (keys === void 0) { keys = []; }
-                            if (Array.isArray(node.childrenData) && node.childrenData.length) {
-                                node.childrenData.forEach(function (child) {
+                            var children = node.childrenData || node.children;
+                            if (Array.isArray(children) && children.length) {
+                                children.forEach(function (child) {
                                     getAllCheckedKeys(child, keys);
                                 });
                             }

package/es/TreeSelect/tree-select.js

@@ -72,13 +72,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import React, { forwardRef, useContext, useEffect, useRef, useState, useImperativeHandle, useMemo, useCallback, } from 'react';
 import debounce from 'lodash/debounce';
-import useStateValue, { parseValue } from './hook/useStateValue';
+import useStateValue, { getInitCheckKeys, parseValue } from './hook/useStateValue';
 import { normalizeValueToArray } from './utils';
 import { isArray, isFunction, isNullOrUndefined, isObject } from '../_util/is';
 import Trigger from '../Trigger';
 import Tree from '../Tree';
 import { ConfigContext } from '../ConfigProvider';
-import { getAllCheckedKeysByCheck } from '../Tree/util';
+import { getAllCheckedKeysByCheck, getCheckedKeysByInitKeys } from '../Tree/util';
 import SelectView from '../_class/select-view';
 import { DefaultFieldNames, } from './interface';
 import useTreeData from './hook/useTreeData';
@@ -90,6 +90,7 @@ import useMergeProps from '../_util/hooks/useMergeProps';
 import useIsFirstRender from '../_util/hooks/useIsFirstRender';
 import useId from '../_util/hooks/useId';
 import Button from '../Button';
+import Checkbox from '../Checkbox';
 function isEmptyValue(value) {
     return (!value ||
         (isArray(value) && value.length === 0) ||
@@ -308,6 +309,30 @@ var TreeSelect = function (baseProps, ref) {
     var tryUpdateSelectValue = function (value) {
         setValue(value, {});
     };
+    var getSelectAllCheckBoxProps = useCallback(function () {
+        if (!isMultipleQuickSelectMode || props.treeCheckStrictly) {
+            return {
+                style: { display: 'none' },
+            };
+        }
+        var allCheckedKeys = getCheckedKeysByInitKeys(normalizeValueToArray(value), key2nodeProps).checkedKeys;
+        var rootKeys = treeData.map(function (item) { return item.key; });
+        var checked = rootKeys.every(function (key) { return allCheckedKeys.includes(key); });
+        var indeterminate = !checked && value.length && rootKeys.some(function (key) { return !allCheckedKeys.includes(key); });
+        return {
+            disabled: treeData.length === 0,
+            checked: checked,
+            indeterminate: indeterminate,
+            onChange: function (val) {
+                if (val) {
+                    setValue(getInitCheckKeys(normalizeValueToArray(rootKeys), key2nodeProps, indeterminateKeys, props).map(function (x) { return ({ label: x, value: x }); }), {});
+                }
+                else {
+                    setValue([], {});
+                }
+            },
+        };
+    }, [isMultipleQuickSelectMode, value, treeData]);
     var renderView = function (eleView) {
         return (React.createElement(Trigger, __assign({ autoAlignPopupWidth: false, autoAlignPopupMinWidth: true, ref: triggerRef, classNames: "slideDynamicOrigin", trigger: "click", position: "bl", getPopupContainer: props.getPopupContainer, popupAlign: triggerPopupAlign, unmountOnExit: props.unmountOnExit }, props.triggerProps, { className: cs(prefixCls + "-trigger", props.triggerProps && props.triggerProps.className), popup: function () {
                 var _a;
@@ -323,15 +348,14 @@ var TreeSelect = function (baseProps, ref) {
                     React.createElement("div", { style: {
                             flex: 'none',
                             display: 'flex',
-                            justifyContent: 'flex-end',
-                            gap: 12,
-                            padding: '8px 16px 4px',
+                            justifyContent: 'space-between',
+                            padding: '8px 16px 4px 8px',
                             borderTop: '1px solid var(--color-fill-3)',
                         } },
-                        React.createElement(Button, { size: "mini", onClick: cancelCheck }, (_b = locale.Select) === null || _b === void 0 ? void 0 : _b.cancelText),
-                        React.createElement(Button, { type: "primary", size: "mini", onClick: function () {
-                                confirmCheck();
-                            } }, (_c = locale.Select) === null || _c === void 0 ? void 0 : _c.okText)))) : (treeListDom);
+                        React.createElement(Checkbox, __assign({}, getSelectAllCheckBoxProps()), "\u5168\u9009"),
+                        React.createElement("div", { style: { display: 'flex', gap: 12 } },
+                            React.createElement(Button, { size: "mini", onClick: cancelCheck }, (_b = locale.Select) === null || _b === void 0 ? void 0 : _b.cancelText),
+                            React.createElement(Button, { type: "primary", size: "mini", onClick: confirmCheck }, (_c = locale.Select) === null || _c === void 0 ? void 0 : _c.okText))))) : (treeListDom);
                 var wrapStyle = isMultipleQuickSelectMode
                     ? {
                         overflow: 'hidden',

package/es/Typography/base.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TypographyParagraphProps, TypographyTitleProps } from './interface';
 declare const _default: React.ForwardRefExoticComponent<TypographyParagraphProps & TypographyTitleProps & import("./interface").CommonProps & {
-    componentType: "Title" | "Paragraph" | "Text";
+    componentType: "Text" | "Title" | "Paragraph";
 } & React.RefAttributes<unknown>>;
 export default _default;

package/es/index.d.ts

@@ -139,4 +139,4 @@ export type { WatermarkProps } from './Watermark/interface';
 export { default as Watermark } from './Watermark';
 export type { ImageProps, ImagePreviewProps, ImagePreviewActionProps, ImagePreviewGroupProps } from './Image/interface';
 export { default as Image } from './Image';
-export declare const version = "1.4.2";
+export declare const version = "1.5.0";

package/es/index.js

@@ -69,4 +69,4 @@ export { default as Upload } from './Upload';
 export { default as Mentions } from './Mentions';
 export { default as Watermark } from './Watermark';
 export { default as Image } from './Image';
-export var version = '1.4.2';
+export var version = '1.5.0';

package/es/locale/en-US.d.ts

@@ -234,6 +234,7 @@ declare const _default: {
         cancelText: string;
         okText: string;
         filterThisItemOnly: string;
+        selectAll: string;
     };
 };
 export default _default;

package/es/locale/en-US.js

@@ -173,5 +173,6 @@ export default {
         cancelText: 'Cancel',
         okText: 'OK',
         filterThisItemOnly: 'Filter this item only',
+        selectAll: 'Select all',
     },
 };

package/es/locale/zh-CN.d.ts

@@ -281,6 +281,7 @@ declare const _default: {
         cancelText: string;
         okText: string;
         filterThisItemOnly: string;
+        selectAll: string;
     };
 };
 export default _default;

package/es/locale/zh-CN.js

@@ -220,5 +220,6 @@ export default {
         cancelText: '取消',
         okText: '确定',
         filterThisItemOnly: '仅筛选此项',
+        selectAll: '全选',
     },
 };

package/lib/Select/select.js

@@ -70,6 +70,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
+var isEqualWith_1 = __importDefault(require("lodash/isEqualWith"));
 var classNames_1 = __importDefault(require("../_util/classNames"));
 var keycode_1 = require("../_util/keycode");
 var Trigger_1 = __importDefault(require("../Trigger"));
@@ -236,7 +237,6 @@ function Select(baseProps, ref) {
         }
         else if (Array.isArray(value)) {
             setValue(value.length === 0 ? undefined : value[0]);
-            setProxyValue(value.length === 0 ? undefined : value[0]);
         }
     }, [isMultipleMode, value]);
     (0, react_1.useEffect)(function () {
@@ -481,7 +481,8 @@ function Select(baseProps, ref) {
         if (isMultipleMode) {
             checkOption(optionValue, value.indexOf(optionValue) === -1 ? 'add' : 'remove');
             // 点击一个选项时，清空输入框内容
-            if (!(0, is_1.isObject)(showSearch) || !showSearch.retainInputValueWhileSelect) {
+            if (!isMultipleQuickSelectMode &&
+                (!(0, is_1.isObject)(showSearch) || !showSearch.retainInputValueWhileSelect)) {
                 tryUpdateInputValue('', 'optionChecked');
             }
         }
@@ -535,6 +536,35 @@ function Select(baseProps, ref) {
             },
         ],
     ]));
+    // 全选
+    var checked = Array.isArray(stateProxyValue) &&
+        childrenList.length &&
+        childrenList.every(function (child) { return stateProxyValue.includes(child.props.value); });
+    var selectAllCheckBoxProps = isMultipleQuickSelectMode && Array.isArray(stateProxyValue)
+        ? {
+            disabled: childrenList.length === 0,
+            checked: checked,
+            indeterminate: !checked &&
+                childrenList.length &&
+                childrenList.some(function (child) { return stateProxyValue.includes(child.props.value); }),
+            onChange: function (value) {
+                if (value) {
+                    setProxyValue(function (prev) { return __spreadArray(__spreadArray([], __read(prev.filter(function (i) {
+                        return !childrenList.some(function (child) { return (0, isEqualWith_1.default)(i, child.props.value); });
+                    })), false), __read(childrenList.map(function (child) { return child.props.value; })), false); });
+                }
+                else {
+                    setProxyValue(function (prev) {
+                        return ((prev === null || prev === void 0 ? void 0 : prev.filter(function (v) {
+                            return !childrenList.some(function (child) { return (0, isEqualWith_1.default)(v, child.props.value); });
+                        })) || []);
+                    });
+                }
+            },
+        }
+        : {
+            style: { display: 'none' },
+        };
     var renderPopup = function () {
         var _a;
         var _b, _c, _d, _e;
@@ -585,13 +615,14 @@ function Select(baseProps, ref) {
             }),
             isMultipleQuickSelectMode && (react_1.default.createElement("div", { style: {
                     display: 'flex',
-                    justifyContent: 'flex-end',
-                    gap: 12,
-                    padding: '8px 16px 4px',
+                    justifyContent: 'space-between',
+                    padding: '8px 16px 4px 8px',
                     borderTop: '1px solid var(--color-fill-3)',
                 } },
-                react_1.default.createElement(index_1.Button, { size: "mini", onClick: cancelCheck }, (_d = locale.Select) === null || _d === void 0 ? void 0 : _d.cancelText),
-                react_1.default.createElement(index_1.Button, { type: "primary", size: "mini", onClick: confirmCheck }, (_e = locale.Select) === null || _e === void 0 ? void 0 : _e.okText))))) : null;
+                react_1.default.createElement(index_1.Checkbox, __assign({}, selectAllCheckBoxProps), "\u5168\u9009"),
+                react_1.default.createElement("div", { style: { display: 'flex', gap: 12 } },
+                    react_1.default.createElement(index_1.Button, { size: "mini", onClick: cancelCheck }, (_d = locale.Select) === null || _d === void 0 ? void 0 : _d.cancelText),
+                    react_1.default.createElement(index_1.Button, { type: "primary", size: "mini", onClick: confirmCheck }, (_e = locale.Select) === null || _e === void 0 ? void 0 : _e.okText)))))) : null;
         // Avoid drop-down box jitter when user is creating a selection
         var isUserCreating = allowCreate && inputValue;
         // Dropdown-placeholder when there is no options

package/lib/TreeSelect/hook/useStateValue.d.ts

@@ -11,6 +11,7 @@ export interface TreeSelectState {
     searchKeys: string[];
 }
 export declare const parseValue: (v: valueType, key2nodeProps: any, valueMap?: LabelValue[]) => LabelValue[];
+export declare const getInitCheckKeys: (keys: string[], key2nodeProps: KeyCacheType, indeterminateKeys: any, props: TreeSelectProps) => string[];
 declare const useStateValue: (props: TreeSelectProps, key2nodeProps: KeyCacheType, indeterminateKeys: MutableRefObject<string[]>) => [LabelValue[], (v: LabelValue[], extra: {
     trigger?: NodeProps;
     checked?: boolean;

package/lib/TreeSelect/hook/useStateValue.js

@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseValue = void 0;
+exports.getInitCheckKeys = exports.parseValue = void 0;
 var react_1 = require("react");
 var isEqualWith_1 = __importDefault(require("lodash/isEqualWith"));
 var utils_1 = require("../utils");
@@ -96,6 +96,7 @@ var getInitCheckKeys = function (keys, key2nodeProps, indeterminateKeys, props)
     indeterminateKeys.current = [];
     return keys;
 };
+exports.getInitCheckKeys = getInitCheckKeys;
 var useStateValue = function (props, key2nodeProps, indeterminateKeys) {
     var multiple = props.multiple || props.treeCheckable;
     var isMultipleQuickSelectMode = multiple && props.isQuickSingleSelectMode;
@@ -103,7 +104,7 @@ var useStateValue = function (props, key2nodeProps, indeterminateKeys) {
     var calcValue = function () {
         var propsValue = props.value || props.defaultValue || [];
         if (props.treeCheckable) {
-            var initCheckedKeys = getInitCheckKeys((0, utils_1.normalizeValueToArray)(propsValue), key2nodeProps, indeterminateKeys, props);
+            var initCheckedKeys = (0, exports.getInitCheckKeys)((0, utils_1.normalizeValueToArray)(propsValue), key2nodeProps, indeterminateKeys, props);
             var parsedPropValue = (0, exports.parseValue)(propsValue, key2nodeProps, valueCopy.current);
             var parsedCheckedValue = (0, exports.parseValue)(initCheckedKeys, key2nodeProps, parsedPropValue);
             return parsedCheckedValue;

package/lib/TreeSelect/tree-list.js

@@ -183,8 +183,9 @@ function TreeList(props, ref) {
                         var checkedKeys;
                         var getAllCheckedKeys = function (node, keys) {
                             if (keys === void 0) { keys = []; }
-                            if (Array.isArray(node.childrenData) && node.childrenData.length) {
-                                node.childrenData.forEach(function (child) {
+                            var children = node.childrenData || node.children;
+                            if (Array.isArray(children) && children.length) {
+                                children.forEach(function (child) {
                                     getAllCheckedKeys(child, keys);
                                 });
                             }

package/lib/TreeSelect/tree-select.js

@@ -114,6 +114,7 @@ var useMergeProps_1 = __importDefault(require("../_util/hooks/useMergeProps"));
 var useIsFirstRender_1 = __importDefault(require("../_util/hooks/useIsFirstRender"));
 var useId_1 = __importDefault(require("../_util/hooks/useId"));
 var Button_1 = __importDefault(require("../Button"));
+var Checkbox_1 = __importDefault(require("../Checkbox"));
 function isEmptyValue(value) {
     return (!value ||
         ((0, is_1.isArray)(value) && value.length === 0) ||
@@ -332,6 +333,30 @@ var TreeSelect = function (baseProps, ref) {
     var tryUpdateSelectValue = function (value) {
         setValue(value, {});
     };
+    var getSelectAllCheckBoxProps = (0, react_1.useCallback)(function () {
+        if (!isMultipleQuickSelectMode || props.treeCheckStrictly) {
+            return {
+                style: { display: 'none' },
+            };
+        }
+        var allCheckedKeys = (0, util_1.getCheckedKeysByInitKeys)((0, utils_1.normalizeValueToArray)(value), key2nodeProps).checkedKeys;
+        var rootKeys = treeData.map(function (item) { return item.key; });
+        var checked = rootKeys.every(function (key) { return allCheckedKeys.includes(key); });
+        var indeterminate = !checked && value.length && rootKeys.some(function (key) { return !allCheckedKeys.includes(key); });
+        return {
+            disabled: treeData.length === 0,
+            checked: checked,
+            indeterminate: indeterminate,
+            onChange: function (val) {
+                if (val) {
+                    setValue((0, useStateValue_1.getInitCheckKeys)((0, utils_1.normalizeValueToArray)(rootKeys), key2nodeProps, indeterminateKeys, props).map(function (x) { return ({ label: x, value: x }); }), {});
+                }
+                else {
+                    setValue([], {});
+                }
+            },
+        };
+    }, [isMultipleQuickSelectMode, value, treeData]);
     var renderView = function (eleView) {
         return (react_1.default.createElement(Trigger_1.default, __assign({ autoAlignPopupWidth: false, autoAlignPopupMinWidth: true, ref: triggerRef, classNames: "slideDynamicOrigin", trigger: "click", position: "bl", getPopupContainer: props.getPopupContainer, popupAlign: triggerPopupAlign, unmountOnExit: props.unmountOnExit }, props.triggerProps, { className: (0, classNames_1.default)(prefixCls + "-trigger", props.triggerProps && props.triggerProps.className), popup: function () {
                 var _a;
@@ -347,15 +372,14 @@ var TreeSelect = function (baseProps, ref) {
                     react_1.default.createElement("div", { style: {
                             flex: 'none',
                             display: 'flex',
-                            justifyContent: 'flex-end',
-                            gap: 12,
-                            padding: '8px 16px 4px',
+                            justifyContent: 'space-between',
+                            padding: '8px 16px 4px 8px',
                             borderTop: '1px solid var(--color-fill-3)',
                         } },
-                        react_1.default.createElement(Button_1.default, { size: "mini", onClick: cancelCheck }, (_b = locale.Select) === null || _b === void 0 ? void 0 : _b.cancelText),
-                        react_1.default.createElement(Button_1.default, { type: "primary", size: "mini", onClick: function () {
-                                confirmCheck();
-                            } }, (_c = locale.Select) === null || _c === void 0 ? void 0 : _c.okText)))) : (treeListDom);
+                        react_1.default.createElement(Checkbox_1.default, __assign({}, getSelectAllCheckBoxProps()), "\u5168\u9009"),
+                        react_1.default.createElement("div", { style: { display: 'flex', gap: 12 } },
+                            react_1.default.createElement(Button_1.default, { size: "mini", onClick: cancelCheck }, (_b = locale.Select) === null || _b === void 0 ? void 0 : _b.cancelText),
+                            react_1.default.createElement(Button_1.default, { type: "primary", size: "mini", onClick: confirmCheck }, (_c = locale.Select) === null || _c === void 0 ? void 0 : _c.okText))))) : (treeListDom);
                 var wrapStyle = isMultipleQuickSelectMode
                     ? {
                         overflow: 'hidden',

package/lib/index.d.ts

@@ -139,4 +139,4 @@ export type { WatermarkProps } from './Watermark/interface';
 export { default as Watermark } from './Watermark';
 export type { ImageProps, ImagePreviewProps, ImagePreviewActionProps, ImagePreviewGroupProps } from './Image/interface';
 export { default as Image } from './Image';
-export declare const version = "1.4.2";
+export declare const version = "1.5.0";

package/lib/index.js

@@ -147,4 +147,4 @@ var Watermark_1 = require("./Watermark");
 Object.defineProperty(exports, "Watermark", { enumerable: true, get: function () { return __importDefault(Watermark_1).default; } });
 var Image_1 = require("./Image");
 Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return __importDefault(Image_1).default; } });
-exports.version = '1.4.2';
+exports.version = '1.5.0';

package/lib/locale/en-US.d.ts

@@ -234,6 +234,7 @@ declare const _default: {
         cancelText: string;
         okText: string;
         filterThisItemOnly: string;
+        selectAll: string;
     };
 };
 export default _default;

package/lib/locale/en-US.js

@@ -175,5 +175,6 @@ exports.default = {
         cancelText: 'Cancel',
         okText: 'OK',
         filterThisItemOnly: 'Filter this item only',
+        selectAll: 'Select all',
     },
 };

package/lib/locale/zh-CN.d.ts

@@ -281,6 +281,7 @@ declare const _default: {
         cancelText: string;
         okText: string;
         filterThisItemOnly: string;
+        selectAll: string;
     };
 };
 export default _default;

package/lib/locale/zh-CN.js

@@ -222,5 +222,6 @@ exports.default = {
         cancelText: '取消',
         okText: '确定',
         filterThisItemOnly: '仅筛选此项',
+        selectAll: '全选',
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apdesign/web-react",
-  "version": "1.4.2",
+  "version": "1.5.0",
   "description": "AP Design React UI Library.",
   "module": "./es/index.js",
   "main": "./lib/index.js",