doui-react 1.0.0 → 1.0.2

package/es/api/component/validate-input.js

@@ -1,4 +1,4 @@
-export var inputValueReg = /^[a-zA-Z0-9_\-\s/.:*{}€,()%$|+#@=><']*$/i;
+export var inputValueReg = /.*/i;
 export var scriptReg = /<[/]*[^/<]*\s*script[\s+]*[^/>]*[/]*>/i;
 export function validateScript(value) {
   return !value.match(scriptReg);
@@ -8,9 +8,7 @@ export function validateScript(value) {
  * validate data of general String type
  *  letters, numbers, spot, underlines and Spaces
  */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 export function validateString(value) {
-  if (!inputValueReg.test(value)) {
-    return false;
-  }
-  return validateScript(value);
+  return true;
 }

package/es/button/component/index.js

@@ -60,9 +60,9 @@ function ButtonWrapper(_ref2) {
   }
   if (confirm) {
     return _jsx(Popconfirm, {
-      title: confirmMessage || 'Are you sure?',
+      title: confirmMessage || '是否确定?',
       onConfirm: onClick,
-      okText: okText || 'OK',
+      okText: okText,
       cancelText: cancelText,
       placement: props.placement,
       arrowPointAtCenter: props.arrowPointAtCenter,

package/es/form/component/utils.d.ts

@@ -17,7 +17,7 @@ export declare function getFormItemProps(props: any): {
         openClassName?: string | undefined;
         arrowPointAtCenter: boolean;
         autoAdjustOverflow?: boolean | import("antd/lib/tooltip").AdjustOverflow | undefined;
-        getPopupContainer: typeof import("../../api").getPopupContainer;
+        getPopupContainer: (triggerNode: HTMLElement) => HTMLElement;
         children?: import("react").ReactNode;
         visible?: boolean | undefined;
         open?: boolean | undefined;
@@ -27,16 +27,15 @@ export declare function getFormItemProps(props: any): {
         onOpenChange?: ((visible: boolean) => void) | undefined;
         afterVisibleChange?: ((visible: boolean) => void) | undefined;
         afterOpenChange?: ((visible: boolean) => void) | undefined;
-        zIndex?: number | undefined;
-        animation?: string | undefined;
-        motion?: import("rc-motion").CSSMotionProps | undefined;
         id?: string | undefined;
+        prefixCls?: string | undefined;
         onPopupAlign?: ((element: HTMLElement, align: import("rc-trigger/lib/interface").AlignType) => void) | undefined;
         trigger?: string | string[] | undefined;
         transitionName?: string | undefined;
+        animation?: string | undefined;
+        motion?: import("rc-motion").CSSMotionProps | undefined;
         overlayStyle?: import("react").CSSProperties | undefined;
         overlayClassName: string;
-        prefixCls?: string | undefined;
         mouseEnterDelay?: number | undefined;
         mouseLeaveDelay?: number | undefined;
         getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
@@ -48,6 +47,7 @@ export declare function getFormItemProps(props: any): {
         arrowContent?: import("react").ReactNode;
         popupVisible?: boolean | undefined;
         overlayInnerStyle?: import("react").CSSProperties | undefined;
+        zIndex?: number | undefined;
         icon: import("@emotion/react/jsx-runtime").JSX.Element;
     } | undefined;
     initialValue: any;

package/es/form/component/utils.js

@@ -32,7 +32,7 @@ export function getFormProps(props) {
     autoComplete: 'off',
     labelWrap: true,
     validateMessages: {
-      required: '${label} is required.'
+      required: '请输入${label}'
     },
     validateTrigger: ['onChange', 'onBlur'],
     onFinishFailed: function onFinishFailed(error) {
@@ -144,7 +144,7 @@ function generateRules(_ref2) {
     });
   }
   if (item.requiredInOptions) {
-    var _message = _.isString(item.requiredInOptions) ? item.requiredInOptions : 'The value does not exist.';
+    var _message = _.isString(item.requiredInOptions) ? item.requiredInOptions : '该值不存在';
     var validator = function validator(_ref3) {
       var _form$getItems;
       var value = _ref3.value;
@@ -194,7 +194,7 @@ function generateRequiredMessage(item) {
     return item.required;
   }
   if (!item.label) {
-    return 'The value is required.';
+    return '必填项';
   }
 }
 export function isValueNotExistInOptions(value, options) {

package/es/form/type/form-item.d.ts

@@ -100,6 +100,7 @@ export interface FormItemProps extends UnionType {
     formListContext?: FormListContext;
     dependencies?: string[];
     removeErrorOnBlur?: boolean;
+    onBlur?(event: any): void;
     __noCollectState__?: boolean;
 }
 export interface FormItemContext extends Pick<FormItemPropsWithType, 'type' | 'optionDependencies' | 'loading' | 'rules' | 'formListContext'> {

package/es/input/component/index.js

@@ -16,7 +16,7 @@ export function Input(_ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'input' : _ref$type,
     _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? 'Input' : _ref$placeholder,
+    placeholder = _ref$placeholder === void 0 ? '请输入' : _ref$placeholder,
     props = _objectWithoutProperties(_ref, _excluded);
   var Component = inputMap[type];
   return _jsx(Component, _objectSpread({

package/es/input/component/utils.d.ts

@@ -1,15 +1,17 @@
 import { validateScript, validateString } from "../../api";
 import { InputProps } from "..";
+import { FocusEvent } from 'react';
 export declare const validateTypeMap: {
     default: typeof validateString;
     script: typeof validateScript;
 };
 export declare function validateInput(value: string, validate?: InputProps['validate']): boolean;
 export declare function validateEnter(value: any, allowEnter: boolean): boolean;
-export declare function useInputValidate({ value, onChange, onBlur, validate, refs, allowEnter, allowResetOnEmpty, ...props }: InputProps): any;
+export declare function useInputValidate({ value, onChange, onBlur, validate, refs, allowEnter, allowResetOnEmpty, allowTrim, ...props }: InputProps): any;
 export declare function formatNumber(value: number, precision: number): number;
 interface ResetOnEmptyProps extends InputProps {
     validate?: (value: string | number) => boolean;
 }
 export declare function useResetOnEmpty({ name, allowResetOnEmpty, validate }: ResetOnEmptyProps): () => Promise<void>;
+export declare function useTrim({ value, onChange, allowTrim }: InputProps): (event: FocusEvent<HTMLInputElement>) => Promise<void>;
 export {};

package/es/input/component/utils.js

@@ -2,7 +2,7 @@ import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "onChange", "onBlur", "validate", "refs", "allowEnter", "allowResetOnEmpty"];
+var _excluded = ["value", "onChange", "onBlur", "validate", "refs", "allowEnter", "allowResetOnEmpty", "allowTrim"];
 import { mergeFunction, validateScript, validateString } from "../../api";
 import { useFormContext } from "../../form";
 import { transformPathToName } from "../../form/component/utils";
@@ -35,6 +35,7 @@ export function useInputValidate(_ref) {
     _ref$allowEnter = _ref.allowEnter,
     allowEnter = _ref$allowEnter === void 0 ? true : _ref$allowEnter,
     allowResetOnEmpty = _ref.allowResetOnEmpty,
+    allowTrim = _ref.allowTrim,
     props = _objectWithoutProperties(_ref, _excluded);
   var resetOnEmpty = useResetOnEmpty(_objectSpread(_objectSpread({}, props), {}, {
     allowResetOnEmpty: allowResetOnEmpty,
@@ -42,6 +43,11 @@ export function useInputValidate(_ref) {
       return !value;
     }
   }));
+  var trim = useTrim({
+    value: value,
+    onChange: onChange,
+    allowTrim: allowTrim
+  });
   var handleChange = function handleChange(e) {
     var value = e.target.value;
     if (validateInput(value, validate) && validateEnter(value, allowEnter)) {
@@ -55,7 +61,7 @@ export function useInputValidate(_ref) {
     autoComplete: 'off',
     value: _.isNil(value) ? '' : value,
     onChange: handleChange,
-    onBlur: mergeFunction(onBlur, resetOnEmpty)
+    onBlur: mergeFunction(trim, resetOnEmpty, onBlur)
   });
 }
 export function formatNumber(value, precision) {
@@ -99,4 +105,36 @@ export function useResetOnEmpty(_ref2) {
     return _onBlur.apply(this, arguments);
   }
   return onBlur;
+}
+export function useTrim(_ref3) {
+  var value = _ref3.value,
+    onChange = _ref3.onChange,
+    allowTrim = _ref3.allowTrim;
+  function onBlur(_x) {
+    return _onBlur2.apply(this, arguments);
+  }
+  function _onBlur2() {
+    _onBlur2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(event) {
+      var trimValue;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(!allowTrim || !value)) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 2:
+            trimValue = _.trim("".concat(value));
+            onChange === null || onChange === void 0 || onChange(trimValue);
+            _.set(event, 'target.value', trimValue);
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return _onBlur2.apply(this, arguments);
+  }
+  return onBlur;
 }

package/es/input/type/index.d.ts

@@ -32,6 +32,11 @@ export interface InputProps extends Omit<UnionType, 'form' | 'onChange'> {
      * @default false
      */
     allowResetOnEmpty?: boolean;
+    /**
+     * @description 是否 trim 输入框前后空格
+     * @default false
+     */
+    allowTrim?: boolean;
     /**
      * @description 输入框值改变的回调
      */

package/es/modal-prompt/component/index.js

@@ -25,7 +25,9 @@ export function openConfirm(_ref) {
       style: {
         display: showCancel ? 'unset' : 'none'
       }
-    }
+    },
+    okText: '确定',
+    cancelText: '取消'
   }, props);
   return new Promise(function (resolve) {
     Modal.confirm(_objectSpread(_objectSpread({}, mergedProps), {}, {

package/es/open-modal/type/index.d.ts

@@ -56,7 +56,7 @@ export interface OpenModalProps extends AntdComponentProps {
      */
     onOk?(values: FormValues, form: FormInstance): FunctionReturn<boolean | void>;
     /**
-     * @description 关闭弹框时的回调
+     * @description 关闭弹窗时的回调
      */
     unmount?: () => void;
 }

package/es/radio/component/abstract-box.d.ts

@@ -5,7 +5,7 @@ import { CheckboxChangeEvent } from 'antd/lib/checkbox/Checkbox';
 export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGroup, ...props }: BaseBoxProps): {
     highlightTextProps: Partial<BaseBoxProps>;
     tooltipProps: {
-        title?: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
+        title: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
         overlay?: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
         style?: import("react").CSSProperties | undefined;
         className?: string | undefined;
@@ -29,12 +29,12 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         animation?: string | undefined;
         motion?: import("rc-motion").CSSMotionProps | undefined;
         id?: string | undefined;
+        prefixCls?: string | undefined;
         onPopupAlign?: ((element: HTMLElement, align: import("rc-trigger/lib/interface").AlignType) => void) | undefined;
         trigger?: string | string[] | undefined;
         transitionName?: string | undefined;
         overlayStyle?: import("react").CSSProperties | undefined;
         overlayClassName?: string | undefined;
-        prefixCls?: string | undefined;
         mouseEnterDelay?: number | undefined;
         mouseLeaveDelay?: number | undefined;
         getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
@@ -47,7 +47,7 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         popupVisible?: boolean | undefined;
         overlayInnerStyle?: import("react").CSSProperties | undefined;
     } | {
-        title: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
+        title?: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
         overlay?: import("react").ReactNode | import("antd/lib/tooltip").RenderFunction;
         style?: import("react").CSSProperties | undefined;
         className?: string | undefined;
@@ -71,12 +71,12 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         animation?: string | undefined;
         motion?: import("rc-motion").CSSMotionProps | undefined;
         id?: string | undefined;
+        prefixCls?: string | undefined;
         onPopupAlign?: ((element: HTMLElement, align: import("rc-trigger/lib/interface").AlignType) => void) | undefined;
         trigger?: string | string[] | undefined;
         transitionName?: string | undefined;
         overlayStyle?: import("react").CSSProperties | undefined;
         overlayClassName?: string | undefined;
-        prefixCls?: string | undefined;
         mouseEnterDelay?: number | undefined;
         mouseLeaveDelay?: number | undefined;
         getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
@@ -100,19 +100,19 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         style?: import("react").CSSProperties | undefined;
         type?: string | undefined;
         className?: string | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
         defaultChecked?: boolean | undefined;
         autoFocus?: boolean | undefined;
         id?: string | undefined;
         tabIndex?: number | undefined;
         onKeyDown?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
         onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
         onMouseLeave?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        disabled?: boolean | undefined;
         name?: string | undefined;
         prefixCls?: string | undefined;
         checked?: boolean | undefined;
-        disabled?: boolean | undefined;
         indeterminate?: boolean | undefined;
         skipGroup?: boolean | undefined;
         rows?: number | false | undefined;
@@ -121,17 +121,17 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         slot?: string | undefined;
         title?: string | undefined;
         accessKey?: string | undefined;
-        dir?: string | undefined;
         color?: string | undefined;
         content?: string | undefined;
         direction?: import("antd/lib/config-provider").DirectionType;
-        translate?: "no" | "yes" | undefined;
+        translate?: "yes" | "no" | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
-        autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+        autoCapitalize?: "none" | (string & {}) | "off" | "on" | "sentences" | "words" | "characters" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined;
+        dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
@@ -161,7 +161,7 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "off" | "on" | undefined;
-        inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+        inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
@@ -172,16 +172,16 @@ export declare function useAbstractBox({ refs, boxTooltip, value, onChange, inGr
         "aria-colindex"?: number | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "page" | "date" | "true" | "false" | "step" | "location" | undefined;
+        "aria-current"?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-dropeffect"?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-expanded"?: (boolean | "true" | "false") | undefined;
         "aria-flowto"?: string | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
         "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         "aria-keyshortcuts"?: string | undefined;

package/es/select/component/use-select.js

@@ -80,7 +80,7 @@ export function useSelect(_ref3) {
     _ref3$showSearch = _ref3.showSearch,
     showSearch = _ref3$showSearch === void 0 ? true : _ref3$showSearch,
     _ref3$placeholder = _ref3.placeholder,
-    placeholder = _ref3$placeholder === void 0 ? 'Select' : _ref3$placeholder,
+    placeholder = _ref3$placeholder === void 0 ? '请选择' : _ref3$placeholder,
     renderDropdown = _ref3.renderDropdown,
     originalSearch = _ref3.search,
     restProps = _objectWithoutProperties(_ref3, _excluded);

package/es/table/component/utils.d.ts

@@ -22,7 +22,7 @@ export declare const componentMap: {
 export declare function generateColumns({ columns, getSearchColumn }: GenerateColumnsProps): {
     render: (current: any, record: Record<string, any>, index: number) => import("react").ReactNode;
     dataIndex?: string | undefined;
-    type?: "link" | "time" | "switch" | "actions" | "selection" | "editor" | undefined;
+    type?: "link" | "switch" | "time" | "actions" | "selection" | "editor" | undefined;
     width?: string | number | undefined;
     minWidth?: string | number | undefined;
     maxWidth?: string | number | undefined;
@@ -41,14 +41,14 @@ export declare function generateColumns({ columns, getSearchColumn }: GenerateCo
     filterBy?: string[] | ((props: import("../type").CustomFilterProps) => boolean) | undefined;
     actions?: import("../type").ActionProps[] | ((props: import("../type").CommonProps) => import("../type").ActionProps[]) | undefined;
     editorProps?: import("../../form").FormItemProps | ((props: import("../type").CommonProps) => import("../../form").FormItemProps) | undefined;
-    title?: import("antd/lib/table/interface").ColumnTitle<any>;
-    key?: import("react").Key | undefined;
     className?: string | undefined;
-    fixed?: import("rc-table/lib/interface").FixedType | undefined;
+    title?: import("antd/lib/table/interface").ColumnTitle<any>;
+    responsive?: import("antd/lib/_util/responsiveObserve").Breakpoint[] | undefined;
     align?: import("rc-table/lib/interface").AlignType | undefined;
+    fixed?: import("rc-table/lib/interface").FixedType | undefined;
     colSpan?: number | undefined;
     rowSpan?: number | undefined;
-    responsive?: import("antd/lib/_util/responsiveObserve").Breakpoint[] | undefined;
+    key?: import("react").Key | undefined;
     shouldCellUpdate?: ((record: any, prevRecord: any) => boolean) | undefined;
     onCell?: import("rc-table/lib/interface").GetComponentProps<any> | undefined;
     onCellClick?: ((record: any, e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
@@ -75,11 +75,11 @@ export declare function generateColumns({ columns, getSearchColumn }: GenerateCo
     onFilterDropdownVisibleChange?: ((visible: boolean) => void) | undefined;
     onFilterDropdownOpenChange?: ((open: boolean) => void) | undefined;
     filterResetToDefaultFilteredValue?: boolean | undefined;
-    columnWidth?: string | number | undefined;
     onChange?: ((selectedRowKeys: import("react").Key[], selectedRows: any[], info: {
         type: import("antd/lib/table/interface").RowSelectMethod;
     }) => void) | undefined;
     onSelect?: import("antd/lib/table/interface").SelectionSelectFn<any> | undefined;
+    columnWidth?: string | number | undefined;
     preserveSelectedRowKeys?: boolean | undefined;
     selectedRowKeys?: import("react").Key[] | undefined;
     defaultSelectedRowKeys?: import("react").Key[] | undefined;

package/es/tooltip/component/index.d.ts

@@ -27,12 +27,12 @@ export declare function getTooltipProps(props: TooltipProps): {
     animation?: string | undefined;
     motion?: import("rc-motion").CSSMotionProps | undefined;
     id?: string | undefined;
+    prefixCls?: string | undefined;
     onPopupAlign?: ((element: HTMLElement, align: import("rc-trigger/lib/interface").AlignType) => void) | undefined;
     trigger?: string | string[] | undefined;
     transitionName?: string | undefined;
     overlayStyle?: import("react").CSSProperties | undefined;
     overlayClassName: string;
-    prefixCls?: string | undefined;
     mouseEnterDelay?: number | undefined;
     mouseLeaveDelay?: number | undefined;
     getTooltipContainer?: ((node: HTMLElement) => HTMLElement) | undefined;

package/lib/api/component/validate-input.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.scriptReg = exports.inputValueReg = void 0;
 exports.validateScript = validateScript;
 exports.validateString = validateString;
-var inputValueReg = exports.inputValueReg = /^[a-zA-Z0-9_\-\s/.:*{}€,()%$|+#@=><']*$/i;
+var inputValueReg = exports.inputValueReg = /.*/i;
 var scriptReg = exports.scriptReg = /<[/]*[^/<]*\s*script[\s+]*[^/>]*[/]*>/i;
 function validateScript(value) {
   return !value.match(scriptReg);
@@ -16,9 +16,7 @@ function validateScript(value) {
  * validate data of general String type
  *  letters, numbers, spot, underlines and Spaces
  */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 function validateString(value) {
-  if (!inputValueReg.test(value)) {
-    return false;
-  }
-  return validateScript(value);
+  return true;
 }

package/lib/button/component/index.js

@@ -67,9 +67,9 @@ function ButtonWrapper(_ref2) {
   }
   if (confirm) {
     return (0, _jsxRuntime.jsx)(_antd.Popconfirm, {
-      title: confirmMessage || 'Are you sure?',
+      title: confirmMessage || '是否确定?',
       onConfirm: onClick,
-      okText: okText || 'OK',
+      okText: okText,
       cancelText: cancelText,
       placement: props.placement,
       arrowPointAtCenter: props.arrowPointAtCenter,

package/lib/form/component/utils.d.ts

@@ -17,7 +17,7 @@ export declare function getFormItemProps(props: any): {
         openClassName?: string | undefined;
         arrowPointAtCenter: boolean;
         autoAdjustOverflow?: boolean | import("antd/lib/tooltip").AdjustOverflow | undefined;
-        getPopupContainer: typeof import("../../api").getPopupContainer;
+        getPopupContainer: (triggerNode: HTMLElement) => HTMLElement;
         children?: import("react").ReactNode;
         visible?: boolean | undefined;
         open?: boolean | undefined;
@@ -27,14 +27,13 @@ export declare function getFormItemProps(props: any): {
         onOpenChange?: ((visible: boolean) => void) | undefined;
         afterVisibleChange?: ((visible: boolean) => void) | undefined;
         afterOpenChange?: ((visible: boolean) => void) | undefined;
-        zIndex?: number | undefined;
-        animation?: string | undefined;
-        motion?: import("rc-motion").CSSMotionProps | undefined;
         id?: string | undefined;
         prefixCls?: string | undefined;
         onPopupAlign?: ((element: HTMLElement, align: import("rc-trigger/lib/interface").AlignType) => void) | undefined;
         trigger?: string | string[] | undefined;
         transitionName?: string | undefined;
+        animation?: string | undefined;
+        motion?: import("rc-motion").CSSMotionProps | undefined;
         overlayStyle?: import("react").CSSProperties | undefined;
         overlayClassName: string;
         mouseEnterDelay?: number | undefined;
@@ -48,6 +47,7 @@ export declare function getFormItemProps(props: any): {
         arrowContent?: import("react").ReactNode;
         popupVisible?: boolean | undefined;
         overlayInnerStyle?: import("react").CSSProperties | undefined;
+        zIndex?: number | undefined;
         icon: import("@emotion/react/jsx-runtime").JSX.Element;
     } | undefined;
     initialValue: any;

package/lib/form/component/utils.js

@@ -64,7 +64,7 @@ function getFormProps(props) {
     autoComplete: 'off',
     labelWrap: true,
     validateMessages: {
-      required: '${label} is required.'
+      required: '请输入${label}'
     },
     validateTrigger: ['onChange', 'onBlur'],
     onFinishFailed: function onFinishFailed(error) {
@@ -176,7 +176,7 @@ function generateRules(_ref2) {
     });
   }
   if (item.requiredInOptions) {
-    var _message = _lodash.default.isString(item.requiredInOptions) ? item.requiredInOptions : 'The value does not exist.';
+    var _message = _lodash.default.isString(item.requiredInOptions) ? item.requiredInOptions : '该值不存在';
     var validator = function validator(_ref3) {
       var _form$getItems;
       var value = _ref3.value;
@@ -226,7 +226,7 @@ function generateRequiredMessage(item) {
     return item.required;
   }
   if (!item.label) {
-    return 'The value is required.';
+    return '必填项';
   }
 }
 function isValueNotExistInOptions(value, options) {

package/lib/form/type/form-item.d.ts

@@ -100,6 +100,7 @@ export interface FormItemProps extends UnionType {
     formListContext?: FormListContext;
     dependencies?: string[];
     removeErrorOnBlur?: boolean;
+    onBlur?(event: any): void;
     __noCollectState__?: boolean;
 }
 export interface FormItemContext extends Pick<FormItemPropsWithType, 'type' | 'optionDependencies' | 'loading' | 'rules' | 'formListContext'> {

package/lib/input/component/index.js

@@ -24,7 +24,7 @@ function Input(_ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'input' : _ref$type,
     _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? 'Input' : _ref$placeholder,
+    placeholder = _ref$placeholder === void 0 ? '请输入' : _ref$placeholder,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var Component = inputMap[type];
   return (0, _jsxRuntime.jsx)(Component, (0, _objectSpread2.default)({

package/lib/input/component/utils.d.ts

@@ -1,15 +1,17 @@
 import { validateScript, validateString } from "../../api";
 import { InputProps } from "..";
+import { FocusEvent } from 'react';
 export declare const validateTypeMap: {
     default: typeof validateString;
     script: typeof validateScript;
 };
 export declare function validateInput(value: string, validate?: InputProps['validate']): boolean;
 export declare function validateEnter(value: any, allowEnter: boolean): boolean;
-export declare function useInputValidate({ value, onChange, onBlur, validate, refs, allowEnter, allowResetOnEmpty, ...props }: InputProps): any;
+export declare function useInputValidate({ value, onChange, onBlur, validate, refs, allowEnter, allowResetOnEmpty, allowTrim, ...props }: InputProps): any;
 export declare function formatNumber(value: number, precision: number): number;
 interface ResetOnEmptyProps extends InputProps {
     validate?: (value: string | number) => boolean;
 }
 export declare function useResetOnEmpty({ name, allowResetOnEmpty, validate }: ResetOnEmptyProps): () => Promise<void>;
+export declare function useTrim({ value, onChange, allowTrim }: InputProps): (event: FocusEvent<HTMLInputElement>) => Promise<void>;
 export {};

package/lib/input/component/utils.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.formatNumber = formatNumber;
 exports.useInputValidate = useInputValidate;
 exports.useResetOnEmpty = useResetOnEmpty;
+exports.useTrim = useTrim;
 exports.validateEnter = validateEnter;
 exports.validateInput = validateInput;
 exports.validateTypeMap = void 0;
@@ -19,7 +20,7 @@ var _form = require("../../form");
 var _utils = require("../../form/component/utils");
 var _delay = _interopRequireDefault(require("delay"));
 var _lodash = _interopRequireDefault(require("lodash"));
-var _excluded = ["value", "onChange", "onBlur", "validate", "refs", "allowEnter", "allowResetOnEmpty"];
+var _excluded = ["value", "onChange", "onBlur", "validate", "refs", "allowEnter", "allowResetOnEmpty", "allowTrim"];
 var validateTypeMap = exports.validateTypeMap = {
   default: _api.validateString,
   script: _api.validateScript
@@ -47,6 +48,7 @@ function useInputValidate(_ref) {
     _ref$allowEnter = _ref.allowEnter,
     allowEnter = _ref$allowEnter === void 0 ? true : _ref$allowEnter,
     allowResetOnEmpty = _ref.allowResetOnEmpty,
+    allowTrim = _ref.allowTrim,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var resetOnEmpty = useResetOnEmpty((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     allowResetOnEmpty: allowResetOnEmpty,
@@ -54,6 +56,11 @@ function useInputValidate(_ref) {
       return !value;
     }
   }));
+  var trim = useTrim({
+    value: value,
+    onChange: onChange,
+    allowTrim: allowTrim
+  });
   var handleChange = function handleChange(e) {
     var value = e.target.value;
     if (validateInput(value, validate) && validateEnter(value, allowEnter)) {
@@ -67,7 +74,7 @@ function useInputValidate(_ref) {
     autoComplete: 'off',
     value: _lodash.default.isNil(value) ? '' : value,
     onChange: handleChange,
-    onBlur: (0, _api.mergeFunction)(onBlur, resetOnEmpty)
+    onBlur: (0, _api.mergeFunction)(trim, resetOnEmpty, onBlur)
   });
 }
 function formatNumber(value, precision) {
@@ -111,4 +118,36 @@ function useResetOnEmpty(_ref2) {
     return _onBlur.apply(this, arguments);
   }
   return onBlur;
+}
+function useTrim(_ref3) {
+  var value = _ref3.value,
+    onChange = _ref3.onChange,
+    allowTrim = _ref3.allowTrim;
+  function onBlur(_x) {
+    return _onBlur2.apply(this, arguments);
+  }
+  function _onBlur2() {
+    _onBlur2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(event) {
+      var trimValue;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(!allowTrim || !value)) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 2:
+            trimValue = _lodash.default.trim("".concat(value));
+            onChange === null || onChange === void 0 || onChange(trimValue);
+            _lodash.default.set(event, 'target.value', trimValue);
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return _onBlur2.apply(this, arguments);
+  }
+  return onBlur;
 }

package/lib/input/type/index.d.ts

@@ -32,6 +32,11 @@ export interface InputProps extends Omit<UnionType, 'form' | 'onChange'> {
      * @default false
      */
     allowResetOnEmpty?: boolean;
+    /**
+     * @description 是否 trim 输入框前后空格
+     * @default false
+     */
+    allowTrim?: boolean;
     /**
      * @description 输入框值改变的回调
      */

package/lib/modal-prompt/component/index.js

@@ -50,7 +50,9 @@ function openConfirm(_ref) {
       style: {
         display: showCancel ? 'unset' : 'none'
       }
-    }
+    },
+    okText: '确定',
+    cancelText: '取消'
   }, props);
   return new Promise(function (resolve) {
     _antd.Modal.confirm((0, _objectSpread2.default)((0, _objectSpread2.default)({}, mergedProps), {}, {

package/lib/open-modal/type/index.d.ts

@@ -56,7 +56,7 @@ export interface OpenModalProps extends AntdComponentProps {
      */
     onOk?(values: FormValues, form: FormInstance): FunctionReturn<boolean | void>;
     /**
-     * @description 关闭弹框时的回调
+     * @description 关闭弹窗时的回调
      */
     unmount?: () => void;
 }

package/lib/select/component/use-select.js

@@ -87,7 +87,7 @@ function useSelect(_ref3) {
     _ref3$showSearch = _ref3.showSearch,
     showSearch = _ref3$showSearch === void 0 ? true : _ref3$showSearch,
     _ref3$placeholder = _ref3.placeholder,
-    placeholder = _ref3$placeholder === void 0 ? 'Select' : _ref3$placeholder,
+    placeholder = _ref3$placeholder === void 0 ? '请选择' : _ref3$placeholder,
     renderDropdown = _ref3.renderDropdown,
     originalSearch = _ref3.search,
     restProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);

package/lib/table/component/utils.d.ts

@@ -22,7 +22,7 @@ export declare const componentMap: {
 export declare function generateColumns({ columns, getSearchColumn }: GenerateColumnsProps): {
     render: (current: any, record: Record<string, any>, index: number) => import("react").ReactNode;
     dataIndex?: string | undefined;
-    type?: "link" | "time" | "switch" | "actions" | "selection" | "editor" | undefined;
+    type?: "link" | "switch" | "time" | "actions" | "selection" | "editor" | undefined;
     width?: string | number | undefined;
     minWidth?: string | number | undefined;
     maxWidth?: string | number | undefined;
@@ -41,14 +41,14 @@ export declare function generateColumns({ columns, getSearchColumn }: GenerateCo
     filterBy?: string[] | ((props: import("../type").CustomFilterProps) => boolean) | undefined;
     actions?: import("../type").ActionProps[] | ((props: import("../type").CommonProps) => import("../type").ActionProps[]) | undefined;
     editorProps?: import("../../form").FormItemProps | ((props: import("../type").CommonProps) => import("../../form").FormItemProps) | undefined;
-    title?: import("antd/lib/table/interface").ColumnTitle<any>;
-    key?: import("react").Key | undefined;
     className?: string | undefined;
-    fixed?: import("rc-table/lib/interface").FixedType | undefined;
+    title?: import("antd/lib/table/interface").ColumnTitle<any>;
+    responsive?: import("antd/lib/_util/responsiveObserve").Breakpoint[] | undefined;
     align?: import("rc-table/lib/interface").AlignType | undefined;
+    fixed?: import("rc-table/lib/interface").FixedType | undefined;
     colSpan?: number | undefined;
     rowSpan?: number | undefined;
-    responsive?: import("antd/lib/_util/responsiveObserve").Breakpoint[] | undefined;
+    key?: import("react").Key | undefined;
     shouldCellUpdate?: ((record: any, prevRecord: any) => boolean) | undefined;
     onCell?: import("rc-table/lib/interface").GetComponentProps<any> | undefined;
     onCellClick?: ((record: any, e: import("react").MouseEvent<HTMLElement, MouseEvent>) => void) | undefined;
@@ -75,11 +75,11 @@ export declare function generateColumns({ columns, getSearchColumn }: GenerateCo
     onFilterDropdownVisibleChange?: ((visible: boolean) => void) | undefined;
     onFilterDropdownOpenChange?: ((open: boolean) => void) | undefined;
     filterResetToDefaultFilteredValue?: boolean | undefined;
-    columnWidth?: string | number | undefined;
     onChange?: ((selectedRowKeys: import("react").Key[], selectedRows: any[], info: {
         type: import("antd/lib/table/interface").RowSelectMethod;
     }) => void) | undefined;
     onSelect?: import("antd/lib/table/interface").SelectionSelectFn<any> | undefined;
+    columnWidth?: string | number | undefined;
     preserveSelectedRowKeys?: boolean | undefined;
     selectedRowKeys?: import("react").Key[] | undefined;
     defaultSelectedRowKeys?: import("react").Key[] | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "doui-react",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "A React UI library based on Ant Design",
   "license": "MIT",
   "main": "lib/index.js",
@@ -137,7 +137,7 @@
     "typescript": "^5"
   },
   "peerDependencies": {
-    "antd": "~4",
+    "antd": "^4",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },