@apdesign/web-react 1.3.3 → 1.3.4

package/es/DatePicker/picker-range.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { RangePickerHandle } from './interface';
-declare const PickerComponent: React.ForwardRefExoticComponent<import("./interface").BaseRangePickerProps & import("../_util/type").Omit<import("./interface").PickerProps, "onChange" | "onSelect" | "inputProps" | "onOk" | "defaultPickerValue" | "pickerValue" | "onPickerValueChange"> & React.RefAttributes<RangePickerHandle>>;
+declare const PickerComponent: React.ForwardRefExoticComponent<import("./interface").BaseRangePickerProps & import("../_util/type").Omit<import("./interface").PickerProps, "onChange" | "onSelect" | "onOk" | "defaultPickerValue" | "pickerValue" | "onPickerValueChange" | "inputProps"> & React.RefAttributes<RangePickerHandle>>;
 export default PickerComponent;

package/es/Menu/context.d.ts

@@ -6,7 +6,7 @@ export declare type HotkeyInfo = {
     type: 'sibling' | 'generation' | 'enter';
 };
 export declare type ResetHotkeyInfo = (activeKey?: string) => void;
-declare const MenuContext: import("react").Context<Pick<MenuProps, "mode" | "triggerProps" | "collapse" | "inDropdown" | "theme" | "levelIndent" | "icons" | "autoScrollIntoView" | "selectedKeys" | "openKeys" | "scrollConfig" | "tooltipProps"> & {
+declare const MenuContext: import("react").Context<Pick<MenuProps, "inDropdown" | "theme" | "mode" | "levelIndent" | "icons" | "collapse" | "autoScrollIntoView" | "selectedKeys" | "openKeys" | "scrollConfig" | "triggerProps" | "tooltipProps"> & {
     id?: string;
     prefixCls?: string;
     onClickMenuItem?: (key: string, event: any) => void;

package/es/Select/option.js

@@ -36,14 +36,17 @@ var __read = (this && this.__read) || function (o, n) {
     }
     return ar;
 };
-import React, { useState } from 'react';
+import React, { useContext, useState } from 'react';
 import cs from '../_util/classNames';
 import Checkbox from '../Checkbox';
 import omit from '../_util/omit';
+import { ConfigContext } from '../ConfigProvider';
 function Option(props, ref) {
     var _a, _b;
+    var _c;
     var style = props.style, className = props.className, wrapperClassName = props.wrapperClassName, disabled = props.disabled, prefixCls = props.prefixCls, rtl = props.rtl, propValue = props.value, propChildren = props.children, _isMultipleMode = props._isMultipleMode, _isMultipleQuickSelectMode = props._isMultipleQuickSelectMode, _onSingleQuickSelect = props._onSingleQuickSelect, _isUserCreatedOption = props._isUserCreatedOption, _isUserCreatingOption = props._isUserCreatingOption, _valueActive = props._valueActive, _valueSelect = props._valueSelect, _onMouseEnter = props._onMouseEnter, _onMouseLeave = props._onMouseLeave, _onClick = props._onClick, rest = __rest(props, ["style", "className", "wrapperClassName", "disabled", "prefixCls", "rtl", "value", "children", "_isMultipleMode", "_isMultipleQuickSelectMode", "_onSingleQuickSelect", "_isUserCreatedOption", "_isUserCreatingOption", "_valueActive", "_valueSelect", "_onMouseEnter", "_onMouseLeave", "_onClick"]);
-    var _c = __read(useState(false), 2), isHovering = _c[0], setIsHovering = _c[1];
+    var locale = useContext(ConfigContext).locale;
+    var _d = __read(useState(false), 2), isHovering = _d[0], setIsHovering = _d[1];
     var value = 'value' in props ? propValue : "" + propChildren;
     var childNode = 'children' in props ? propChildren : "" + propValue;
     var isChecked = _isMultipleMode
@@ -106,7 +109,7 @@ function Option(props, ref) {
                         marginLeft: '-20px',
                         clipPath: 'polygon(12px 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%)',
                         whiteSpace: 'nowrap',
-                    }, onClick: function () { return _onSingleQuickSelect === null || _onSingleQuickSelect === void 0 ? void 0 : _onSingleQuickSelect(value); } }, "\u4EC5\u7B5B\u9009\u6B64\u9879")))));
+                    }, onClick: function () { return _onSingleQuickSelect === null || _onSingleQuickSelect === void 0 ? void 0 : _onSingleQuickSelect(value); } }, (_c = locale.Select) === null || _c === void 0 ? void 0 : _c.filterThisItemOnly)))));
     }
     return (React.createElement("li", __assign({}, wrapperProps, optionLabelProps), childNode));
 }

package/es/Select/select.js

@@ -76,7 +76,7 @@ var defaultProps = {
 };
 var triggerPopupAlign = { bottom: 4 };
 function Select(baseProps, ref) {
-    var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, renderEmpty = _a.renderEmpty, componentConfig = _a.componentConfig, rtl = _a.rtl;
+    var _a = useContext(ConfigContext), getPrefixCls = _a.getPrefixCls, renderEmpty = _a.renderEmpty, componentConfig = _a.componentConfig, rtl = _a.rtl, locale = _a.locale;
     var props = useMergeProps(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Select);
     var children = props.children, renderFormat = props.renderFormat, defaultActiveFirstOption = props.defaultActiveFirstOption, disabled = props.disabled, unmountOnExit = props.unmountOnExit, notFoundContent = props.notFoundContent, showSearch = props.showSearch, tokenSeparators = props.tokenSeparators, options = props.options, filterOption = props.filterOption, labelInValue = props.labelInValue, getPopupContainer = props.getPopupContainer, isQuickSingleSelectMode = props.isQuickSingleSelectMode, trigger = props.trigger, triggerElement = props.triggerElement, triggerProps = props.triggerProps, dropdownRender = props.dropdownRender, dropdownMenuStyle = props.dropdownMenuStyle, dropdownMenuClassName = props.dropdownMenuClassName, virtualListProps = props.virtualListProps, 
     // events
@@ -501,7 +501,7 @@ function Select(baseProps, ref) {
     ]));
     var renderPopup = function () {
         var _a;
-        var _b, _c;
+        var _b, _c, _d, _e;
         // 没有设置弹出框的 width 时，需要在虚拟列表渲染的瞬间获得子元素的最大宽度
         var needMeasureLongestItem = (triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.autoAlignPopupWidth) === false &&
             (!((_b = triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.style) === null || _b === void 0 ? void 0 : _b.width) || ((_c = triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.style) === null || _c === void 0 ? void 0 : _c.width) === 'auto');
@@ -554,8 +554,8 @@ function Select(baseProps, ref) {
                     padding: '8px 16px 4px',
                     borderTop: '1px solid var(--color-fill-3)',
                 } },
-                React.createElement(Button, { size: "mini", onClick: cancelCheck }, "\u53D6\u6D88"),
-                React.createElement(Button, { type: "primary", size: "mini", onClick: confirmCheck }, "\u786E\u5B9A"))))) : null;
+                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/_util/constant.d.ts

@@ -1,3 +1,3 @@
 export declare const NOOP: () => void;
 export declare function newArray(length: number): any;
-export declare function pickTriggerPropsFromRest(rest: any): Pick<any, "onClick" | "onFocus" | "onBlur" | "tabIndex" | "onContextMenu" | "onMouseEnter" | "onMouseLeave" | "onMouseMove">;
+export declare function pickTriggerPropsFromRest(rest: any): Pick<any, "onClick" | "tabIndex" | "onFocus" | "onBlur" | "onContextMenu" | "onMouseEnter" | "onMouseLeave" | "onMouseMove">;

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.3.3";
+export declare const version = "1.3.4";

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.3.3';
+export var version = '1.3.4';

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

@@ -230,5 +230,10 @@ declare const _default: {
         preset: string;
         empty: string;
     };
+    Select: {
+        cancelText: string;
+        okText: string;
+        filterThisItemOnly: string;
+    };
 };
 export default _default;

package/es/locale/en-US.js

@@ -169,4 +169,9 @@ export default {
         preset: 'Preset Colors',
         empty: 'Empty',
     },
+    Select: {
+        cancelText: 'Cancel',
+        okText: 'OK',
+        filterThisItemOnly: 'Filter this item only',
+    },
 };

package/es/locale/interface.d.ts

@@ -34,6 +34,7 @@ export interface Locale {
     Transfer: Record<string, any>;
     ImagePreview: Record<string, any>;
     Form?: Record<string, any>;
+    Select?: Record<string, any>;
     ColorPicker: Record<string, any>;
 }
 export {};

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

@@ -277,5 +277,10 @@ declare const _default: {
         preset: string;
         empty: string;
     };
+    Select: {
+        cancelText: string;
+        okText: string;
+        filterThisItemOnly: string;
+    };
 };
 export default _default;

package/es/locale/zh-CN.js

@@ -216,4 +216,9 @@ export default {
         preset: '系统预设颜色',
         empty: '暂无',
     },
+    Select: {
+        cancelText: '取消',
+        okText: '确定',
+        filterThisItemOnly: '仅筛选此项',
+    },
 };

package/lib/Select/option.js

@@ -64,10 +64,13 @@ var react_1 = __importStar(require("react"));
 var classNames_1 = __importDefault(require("../_util/classNames"));
 var Checkbox_1 = __importDefault(require("../Checkbox"));
 var omit_1 = __importDefault(require("../_util/omit"));
+var ConfigProvider_1 = require("../ConfigProvider");
 function Option(props, ref) {
     var _a, _b;
+    var _c;
     var style = props.style, className = props.className, wrapperClassName = props.wrapperClassName, disabled = props.disabled, prefixCls = props.prefixCls, rtl = props.rtl, propValue = props.value, propChildren = props.children, _isMultipleMode = props._isMultipleMode, _isMultipleQuickSelectMode = props._isMultipleQuickSelectMode, _onSingleQuickSelect = props._onSingleQuickSelect, _isUserCreatedOption = props._isUserCreatedOption, _isUserCreatingOption = props._isUserCreatingOption, _valueActive = props._valueActive, _valueSelect = props._valueSelect, _onMouseEnter = props._onMouseEnter, _onMouseLeave = props._onMouseLeave, _onClick = props._onClick, rest = __rest(props, ["style", "className", "wrapperClassName", "disabled", "prefixCls", "rtl", "value", "children", "_isMultipleMode", "_isMultipleQuickSelectMode", "_onSingleQuickSelect", "_isUserCreatedOption", "_isUserCreatingOption", "_valueActive", "_valueSelect", "_onMouseEnter", "_onMouseLeave", "_onClick"]);
-    var _c = __read((0, react_1.useState)(false), 2), isHovering = _c[0], setIsHovering = _c[1];
+    var locale = (0, react_1.useContext)(ConfigProvider_1.ConfigContext).locale;
+    var _d = __read((0, react_1.useState)(false), 2), isHovering = _d[0], setIsHovering = _d[1];
     var value = 'value' in props ? propValue : "" + propChildren;
     var childNode = 'children' in props ? propChildren : "" + propValue;
     var isChecked = _isMultipleMode
@@ -130,7 +133,7 @@ function Option(props, ref) {
                         marginLeft: '-20px',
                         clipPath: 'polygon(12px 50%, 0% 0%, 100% 0%, 100% 100%, 0% 100%)',
                         whiteSpace: 'nowrap',
-                    }, onClick: function () { return _onSingleQuickSelect === null || _onSingleQuickSelect === void 0 ? void 0 : _onSingleQuickSelect(value); } }, "\u4EC5\u7B5B\u9009\u6B64\u9879")))));
+                    }, onClick: function () { return _onSingleQuickSelect === null || _onSingleQuickSelect === void 0 ? void 0 : _onSingleQuickSelect(value); } }, (_c = locale.Select) === null || _c === void 0 ? void 0 : _c.filterThisItemOnly)))));
     }
     return (react_1.default.createElement("li", __assign({}, wrapperProps, optionLabelProps), childNode));
 }

package/lib/Select/select.js

@@ -100,7 +100,7 @@ var defaultProps = {
 };
 var triggerPopupAlign = { bottom: 4 };
 function Select(baseProps, ref) {
-    var _a = (0, react_1.useContext)(ConfigProvider_1.ConfigContext), getPrefixCls = _a.getPrefixCls, renderEmpty = _a.renderEmpty, componentConfig = _a.componentConfig, rtl = _a.rtl;
+    var _a = (0, react_1.useContext)(ConfigProvider_1.ConfigContext), getPrefixCls = _a.getPrefixCls, renderEmpty = _a.renderEmpty, componentConfig = _a.componentConfig, rtl = _a.rtl, locale = _a.locale;
     var props = (0, useMergeProps_1.default)(baseProps, defaultProps, componentConfig === null || componentConfig === void 0 ? void 0 : componentConfig.Select);
     var children = props.children, renderFormat = props.renderFormat, defaultActiveFirstOption = props.defaultActiveFirstOption, disabled = props.disabled, unmountOnExit = props.unmountOnExit, notFoundContent = props.notFoundContent, showSearch = props.showSearch, tokenSeparators = props.tokenSeparators, options = props.options, filterOption = props.filterOption, labelInValue = props.labelInValue, getPopupContainer = props.getPopupContainer, isQuickSingleSelectMode = props.isQuickSingleSelectMode, trigger = props.trigger, triggerElement = props.triggerElement, triggerProps = props.triggerProps, dropdownRender = props.dropdownRender, dropdownMenuStyle = props.dropdownMenuStyle, dropdownMenuClassName = props.dropdownMenuClassName, virtualListProps = props.virtualListProps, 
     // events
@@ -525,7 +525,7 @@ function Select(baseProps, ref) {
     ]));
     var renderPopup = function () {
         var _a;
-        var _b, _c;
+        var _b, _c, _d, _e;
         // 没有设置弹出框的 width 时，需要在虚拟列表渲染的瞬间获得子元素的最大宽度
         var needMeasureLongestItem = (triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.autoAlignPopupWidth) === false &&
             (!((_b = triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.style) === null || _b === void 0 ? void 0 : _b.width) || ((_c = triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.style) === null || _c === void 0 ? void 0 : _c.width) === 'auto');
@@ -578,8 +578,8 @@ function Select(baseProps, ref) {
                     padding: '8px 16px 4px',
                     borderTop: '1px solid var(--color-fill-3)',
                 } },
-                react_1.default.createElement(index_1.Button, { size: "mini", onClick: cancelCheck }, "\u53D6\u6D88"),
-                react_1.default.createElement(index_1.Button, { type: "primary", size: "mini", onClick: confirmCheck }, "\u786E\u5B9A"))))) : null;
+                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/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.3.3";
+export declare const version = "1.3.4";

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.3.3';
+exports.version = '1.3.4';

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

@@ -230,5 +230,10 @@ declare const _default: {
         preset: string;
         empty: string;
     };
+    Select: {
+        cancelText: string;
+        okText: string;
+        filterThisItemOnly: string;
+    };
 };
 export default _default;

package/lib/locale/en-US.js

@@ -171,4 +171,9 @@ exports.default = {
         preset: 'Preset Colors',
         empty: 'Empty',
     },
+    Select: {
+        cancelText: 'Cancel',
+        okText: 'OK',
+        filterThisItemOnly: 'Filter this item only',
+    },
 };

package/lib/locale/interface.d.ts

@@ -34,6 +34,7 @@ export interface Locale {
     Transfer: Record<string, any>;
     ImagePreview: Record<string, any>;
     Form?: Record<string, any>;
+    Select?: Record<string, any>;
     ColorPicker: Record<string, any>;
 }
 export {};

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

@@ -277,5 +277,10 @@ declare const _default: {
         preset: string;
         empty: string;
     };
+    Select: {
+        cancelText: string;
+        okText: string;
+        filterThisItemOnly: string;
+    };
 };
 export default _default;

package/lib/locale/zh-CN.js

@@ -218,4 +218,9 @@ exports.default = {
         preset: '系统预设颜色',
         empty: '暂无',
     },
+    Select: {
+        cancelText: '取消',
+        okText: '确定',
+        filterThisItemOnly: '仅筛选此项',
+    },
 };

package/package.json

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