@ecoding/components.antd 0.4.9 → 0.4.11

package/lib/core/async-select/index.d.ts

@@ -28,6 +28,7 @@ interface IProps extends SelectProps<any> {
     iface?: IFace;
     data?: IData;
     searchIface?: IFace;
+    emptyType?: 'null' | 'undefined' | '';
     onChange?: any;
     onChangeOpts?: any;
 }

package/lib/core/async-select/index.js

@@ -137,6 +137,15 @@ const AsyncSelect = memo((props) => {
         timeout = setTimeout(innerEx, 300);
     });
     const changeHandler = (v, opts) => {
+        if (props.emptyType === 'null') {
+            v = v || null;
+        }
+        else if (props.emptyType === 'undefined') {
+            v = v || undefined;
+        }
+        else {
+            v = v || '';
+        }
         props.onChange(v);
         props.onChangeOpts && props.onChangeOpts(opts);
     };

package/lib/core/async-transfer/index.d.ts

@@ -17,6 +17,7 @@ interface IProps extends TransferProps<any> {
     onChange?: any;
     width?: number;
     value?: any;
+    i18n?: any;
 }
 declare const AsyncTransfer: React.FC<IProps>;
 export default AsyncTransfer;

package/lib/core/async-transfer/index.js

@@ -87,7 +87,7 @@ const AsyncTransfer = memo((props) => {
                 return option.label.join("").toLowerCase().indexOf(input.toLowerCase()) >= 0;
             }
             return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0;
-        }, oneWay: true, showSearch: true, showSelectAll: true, titles: ["选择源", "已选择"], render: (item) => item.label, locale: zhCN.Transfer, pagination: { pageSize: 10 } }, props, { listStyle: props.listStyle && JSON.stringify(props.listStyle) !== "{}"
+        }, oneWay: true, showSearch: true, showSelectAll: true, titles: [props.i18n ? props.i18n.$t("global.select.source", "选择源") : "选择源", props.i18n ? props.i18n.$t("global.selected", "已选择") : "已选择"], render: (item) => item.label, locale: zhCN.Transfer, pagination: { pageSize: 10 } }, props, { listStyle: props.listStyle && JSON.stringify(props.listStyle) !== "{}"
             ? props.listStyle
             : {
                 width: props.width || 300,

package/lib/core/confirm/index.d.ts

@@ -5,6 +5,7 @@ interface IComfirm {
     okText?: string;
     width?: number;
     cancelText?: string;
+    errorText?: string;
     okType?: "primary" | "default" | "dashed" | "link" | "text" | "danger" | undefined;
     onOk: () => Promise<any>;
     onCancel?: () => Promise<any>;

package/lib/core/confirm/index.js

@@ -36,7 +36,7 @@ const confirm = {
             },
             onCancel() {
                 if (loading) {
-                    return Promise.reject("正在请求中，不可关闭");
+                    return Promise.reject(opts.errorText || "正在请求中，不可关闭");
                 }
                 if (opts.onCancel) {
                     return opts.onCancel();
@@ -69,7 +69,7 @@ const confirm = {
             },
             onCancel() {
                 if (loading) {
-                    return Promise.reject("正在请求中，不可关闭");
+                    return Promise.reject(opts.errorText || "正在请求中，不可关闭");
                 }
                 if (opts.onCancel) {
                     return opts.onCancel();

package/lib/core/form.list/index.js

@@ -141,7 +141,7 @@ const C = ({ columns, rules, tStyle, name, hideHeader, hideBottom, operation, i1
             hideBottom || disabled ? null : (React.createElement("div", null,
                 React.createElement(Button, { icon: React.createElement(PlusCircleOutlined, null), type: "dashed", onClick: () => {
                         if (max && fields.length >= max) {
-                            message.error(i18n ? `i18n.$t("global.max.add", "最多添加条数为:") ${max}` : `最多添加条数为: ${max}`);
+                            message.error(i18n ? `${i18n.$t("global.max.add", "最多可添加")} ${max}` : `最多可添加 ${max}`);
                             return;
                         }
                         add();
@@ -149,7 +149,7 @@ const C = ({ columns, rules, tStyle, name, hideHeader, hideBottom, operation, i1
                             tbodyRef.current.scrollTop = tbodyRef.current.scrollHeight;
                         }, 10);
                         afterAdd && afterAdd(fields.length);
-                    } }, i18n ? i18n.$t("global.add", "添加") : "添加")))));
+                    } }, i18n ? i18n.$t("global.add", "新增") : "新增")))));
     }));
 };
 C.defaultProps = {

package/lib/core/multiple-file-upload/index.d.ts

@@ -11,6 +11,7 @@ interface IProps {
     buttonText?: string;
     type?: string;
     maxCount?: number;
+    i18n?: any;
     name?: string;
     data?: any;
     extraData?: any;

package/lib/core/multiple-file-upload/index.js

@@ -79,7 +79,7 @@ const MultipleUpload = (props) => {
                         mask: true,
                         title: response
                             ? `${file.name}-${response.msg}` || `${file.name}-${response.message}`
-                            : `${file.name}-服务出错，文件上传失败`
+                            : `${file.name}-${props.i18n ? props.i18n.$t('global.upload.error.file') : '服务出错，文件上传失败'}`
                     });
                 }
                 break;
@@ -89,7 +89,7 @@ const MultipleUpload = (props) => {
                     mask: true,
                     title: info.file.response
                         ? `${info.file.name}-${(_a = info.file.response) === null || _a === void 0 ? void 0 : _a.msg}` || `${info.file.name}-${(_b = info.file.response) === null || _b === void 0 ? void 0 : _b.message}`
-                        : `${info.file.name}-服务出错，文件上传失败`
+                        : `${info.file.name}-${props.i18n ? props.i18n.$t('global.upload.error.file') : '服务出错，文件上传失败'}`
                 });
                 props.onError && props.onError(info.file);
                 break;
@@ -108,7 +108,7 @@ const MultipleUpload = (props) => {
             // }
             const fileExtension = file.name && file.name.split('.').pop().toLowerCase();
             if (fileExtension && props.type.indexOf(fileExtension) === -1) {
-                message.error(`请上传 ${props.type} 格式的文件!`);
+                message.error(props.i18n ? props.i18n.$t('global.total.item', { type: props.type }) : `请上传 ${props.type} 格式的文件!`);
                 reject();
                 return;
             }

package/lib/core/multiple-img-upload/index.js

@@ -139,38 +139,38 @@ const MultipleImgUpload = (props) => {
                 ary.push("gif");
             }
             if (ary.indexOf(file.type.toLowerCase().replace(/image\//g, "")) === -1) {
-                message.error(`支持图片格式为：${ary.join(",")}`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.support') : '支持图片格式为'} ${ary.join(",")}`);
                 return Upload.LIST_IGNORE;
             }
             const isLt2M = file.size / 1024 / 1024 < (props.opts.size || 1);
             if (!isLt2M) {
-                message.error(`图片大小必须小于${props.opts.size} MB`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.size') : '图片大小必须小于'} ${props.opts.size} MB`);
                 return Upload.LIST_IGNORE;
             }
             const base64 = yield getBase64(file);
             const wh = yield getImgwh(base64);
             if (props.opts.w && props.opts.w !== wh.w) {
-                message.error(`图片宽度不符合 ${props.opts.w}px`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.width') : '图片宽度不符合'} ${props.opts.w}px`);
                 return Upload.LIST_IGNORE;
             }
             if (props.opts.h && props.opts.h !== wh.h) {
-                message.error(`图片高度不符合 ${props.opts.h}px`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.height') : '图片高度不符合'} ${props.opts.h}px`);
                 return Upload.LIST_IGNORE;
             }
             if (props.opts.maxH && props.opts.maxH < wh.h) {
-                message.error(`图片高度不能大于 ${props.opts.maxH}px`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.max.height') : '图片高度不能大于'} ${props.opts.maxH}px`);
                 return Upload.LIST_IGNORE;
             }
             if (props.opts.minH && props.opts.minH > wh.h) {
-                message.error(`图片高度不能小于 ${props.opts.minH}px`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.min.height') : '图片高度不能小于'} ${props.opts.minH}px`);
                 return Upload.LIST_IGNORE;
             }
             if (props.opts.maxW && props.opts.maxW < wh.w) {
-                message.error(`图片宽度不能大于 ${props.opts.maxW}px`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.max.width') : '图片宽度不能大于'} ${props.opts.maxW}px`);
                 return Upload.LIST_IGNORE;
             }
             if (props.opts.minW && props.opts.minW > wh.w) {
-                message.error(`图片宽度不能小于 ${props.opts.minW}px`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.min.width') : '图片宽度不能小于'} ${props.opts.minW}px`);
                 return Upload.LIST_IGNORE;
             }
             if (props.opts.ratioW && props.opts.ratioH) {
@@ -178,7 +178,7 @@ const MultipleImgUpload = (props) => {
                 const ratio = Number((wh.w / wh.h).toFixed(2));
                 const targetRatio = Number((props.opts.ratioW / props.opts.ratioH).toFixed(2));
                 if (ratio !== targetRatio) {
-                    message.error(`图片宽度与高度比例必须是 ${props.opts.ratioW} x ${props.opts.ratioH}`);
+                    message.error(`${props.i18n ? props.i18n.$t('global.img.ratio') : '图片宽度与高度比例必须是'} ${props.opts.ratioW} x ${props.opts.ratioH}`);
                     return Upload.LIST_IGNORE;
                 }
             }
@@ -187,6 +187,9 @@ const MultipleImgUpload = (props) => {
     }, []);
     return (React.createElement(React.Fragment, null,
         props.showMessage && (React.createElement(Alert, { className: 'mb20', message: props.message ? props.message : (React.createElement(Flex, { gap: 10, wrap: true },
+                React.createElement("div", null,
+                    i18n ? i18n.$t("global.batch.upload", "批量上传") : "批量上传",
+                    ";"),
                 maxCount ? (React.createElement("div", null,
                     i18n ? i18n.$t("global.max.count", "最多张数") : "最多张数",
                     "\uFF1A",

package/lib/core/multiple-single-img-upload/index.js

@@ -6,7 +6,7 @@ import { arrayMove, SortableContext, horizontalListSortingStrategy, useSortable
 import { CSS } from '@dnd-kit/utilities';
 import ImgUpload from '../single-img-upload';
 const SortableItem = (props) => {
-    const { index, items, updateItems } = props;
+    const { index, items, updateItems, i18n } = props;
     const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
         id: props.id
     });
@@ -46,7 +46,7 @@ const SortableItem = (props) => {
                 fontSize: '12px',
                 background: 'rgba(0,0,0,0.1)',
                 zIndex: 2
-            } }, "\u4E3B\u56FE")) : null,
+            } }, props.i18n ? props.i18n.$t('global.main.img', '主图') : '主图')) : null,
         React.createElement(ImgUpload, Object.assign({}, props, { value: props.value, onChange: handleChange }))));
 };
 const MultiPileImgUpload = (props) => {

package/lib/core/single-file-upload/index.js

@@ -44,7 +44,7 @@ const SingleFileUpload = (props) => {
                     setLoading(false);
                     Toast.error({
                         mask: true,
-                        title: info.file.response ? info.file.response.msg || info.file.response.message : "服务出错，文件上传失败"
+                        title: info.file.response ? info.file.response.msg || info.file.response.message : `${props.i18n ? props.i18n.$t('global.upload.error.file') : '服务出错，文件上传失败'}`
                     });
                 }
                 break;
@@ -52,7 +52,7 @@ const SingleFileUpload = (props) => {
                 setLoading(false);
                 Toast.error({
                     mask: true,
-                    title: info.file.response ? info.file.response.msg || info.file.response.message : "服务出错，文件上传失败"
+                    title: info.file.response ? info.file.response.msg || info.file.response.message : `${props.i18n ? props.i18n.$t('global.upload.error.file') : '服务出错，文件上传失败'}`
                 });
                 props.onError && props.onError(info.file);
                 break;
@@ -71,7 +71,7 @@ const SingleFileUpload = (props) => {
             // }
             const fileExtension = file.name && file.name.split(".").pop().toLowerCase();
             if (fileExtension && props.type.indexOf(fileExtension) === -1) {
-                message.error(`请上传 ${props.type} 格式的文件!`);
+                message.error(props.i18n ? props.i18n.$t('global.total.item', { type: props.type }) : `请上传 ${props.type} 格式的文件!`);
                 reject();
                 return;
             }

package/lib/core/single-img-upload/index.js

@@ -64,14 +64,14 @@ const ImgUpload = (props) => {
                 else {
                     Toast.error({
                         mask: true,
-                        title: info.file.response ? info.file.response.msg || info.file.response.message : "服务出错，图片上传失败"
+                        title: info.file.response ? info.file.response.msg || info.file.response.message : `${props.i18n ? props.i18n.$t('global.upload.error.img') : '服务出错，图片上传失败'}`
                     });
                 }
                 break;
             case "error":
                 Toast.error({
                     mask: true,
-                    title: info.file.response ? info.file.response.msg || info.file.response.message : "服务出错，图片上传失败"
+                    title: info.file.response ? info.file.response.msg || info.file.response.message : `${props.i18n ? props.i18n.$t('global.upload.error.img') : '服务出错，图片上传失败'}`
                 });
                 setLoading(false);
                 break;
@@ -91,45 +91,45 @@ const ImgUpload = (props) => {
                 ary.push("gif");
             }
             if (ary.indexOf(file.type.toLowerCase().replace(/image\//g, "")) === -1) {
-                message.error(`支持图片格式为：${ary.join(",")}`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.support') : '支持图片格式为'} ${ary.join(",")}`);
                 reject();
                 return;
             }
             const isLt2M = file.size / 1024 / 1024 < (props.opts.size || 1);
             if (!isLt2M) {
-                message.error(`图片大小必须小于${props.opts.size} MB`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.size') : '图片大小必须小于'} ${props.opts.size} MB`);
                 reject();
                 return;
             }
             const base64 = yield getBase64(file);
             const wh = yield getImgwh(base64);
             if (props.opts.w && props.opts.w !== wh.w) {
-                message.error(`图片宽度不符合 ${props.opts.w}px`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.width') : '图片宽度不符合'} ${props.opts.w}px`);
                 reject();
                 return;
             }
             if (props.opts.h && props.opts.h !== wh.h) {
-                message.error(`图片高度不符合 ${props.opts.h}px`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.height') : '图片高度不符合'} ${props.opts.h}px`);
                 reject();
                 return;
             }
             if (props.opts.maxH && props.opts.maxH < wh.h) {
-                message.error(`图片高度不能大于 ${props.opts.maxH}px`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.max.height') : '图片高度不能大于'} ${props.opts.maxH}px`);
                 reject();
                 return;
             }
             if (props.opts.minH && props.opts.minH > wh.h) {
-                message.error(`图片高度不能小于 ${props.opts.minH}px`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.min.height') : '图片高度不能小于'} ${props.opts.minH}px`);
                 reject();
                 return;
             }
             if (props.opts.maxW && props.opts.maxW < wh.w) {
-                message.error(`图片宽度不能大于 ${props.opts.maxW}px`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.max.width') : '图片宽度不能大于'} ${props.opts.maxW}px`);
                 reject();
                 return;
             }
             if (props.opts.minW && props.opts.minW > wh.w) {
-                message.error(`图片宽度不能小于 ${props.opts.minW}px`);
+                message.error(`${props.i18n ? props.i18n.$t('global.img.min.width') : '图片宽度不能小于'} ${props.opts.minW}px`);
                 reject();
                 return;
             }
@@ -138,7 +138,7 @@ const ImgUpload = (props) => {
                 const ratio = Number((wh.w / wh.h).toFixed(2));
                 const targetRatio = Number((props.opts.ratioW / props.opts.ratioH).toFixed(2));
                 if (ratio !== targetRatio) {
-                    message.error(`图片宽度与高度比例必须是 ${props.opts.ratioW} x ${props.opts.ratioH}`);
+                    message.error(`${props.i18n ? props.i18n.$t('global.img.ratio') : '图片宽度与高度比例必须是'} ${props.opts.ratioW} x ${props.opts.ratioH}`);
                     reject();
                     return;
                 }

package/lib/core/table-pro/filters.horizontal.d.ts

@@ -8,6 +8,7 @@ interface IProps {
     y?: string | number;
     setY?: any;
     searchText?: string;
+    i18n?: any;
     resetText?: string;
 }
 declare const _default: React.NamedExoticComponent<IProps>;

package/lib/core/table-pro/filters.horizontal.js

@@ -9,7 +9,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import React, { useRef, useEffect, useState, useMemo, memo } from 'react';
 import { Button, Form, Row, Col, Space } from 'antd';
-const FiltersHorizontal = ({ items, onFinish, onClear, y, setY, overMax, colOpts, searchText, resetText }) => {
+import { DownOutlined, UpOutlined } from '@ant-design/icons';
+const FiltersHorizontal = ({ items, onFinish, onClear, y, setY, overMax, colOpts, searchText, resetText, i18n }) => {
     const [form] = Form.useForm(); // 该组件内form全局变量
     const ref = useRef(null);
     const refInitY = useRef(undefined);
@@ -38,6 +39,12 @@ const FiltersHorizontal = ({ items, onFinish, onClear, y, setY, overMax, colOpts
             }, 50);
         }
     };
+    const searchTextStr = useMemo(() => {
+        return searchText ? searchText : i18n ? i18n.$t('global.search') : '搜索';
+    }, []);
+    const resetTextStr = useMemo(() => {
+        return resetText ? resetText : i18n ? i18n.$t('global.reset') : '筛选';
+    }, []);
     const colProps = useMemo(() => {
         const colProps = colOpts ? colOpts : { span: 6 };
         return colProps;
@@ -78,12 +85,12 @@ const FiltersHorizontal = ({ items, onFinish, onClear, y, setY, overMax, colOpts
                     return (React.createElement(Col, Object.assign({}, colProps), item));
                 }),
                 isOpShowAfter ? (React.createElement(Col, Object.assign({}, colProps, { style: { paddingTop: 4 } }),
-                    React.createElement(Button, { type: "primary", className: 'mr10', size: 'small', htmlType: "submit" }, searchText || '搜索'),
-                    React.createElement(Button, { size: 'small', onClick: clear }, resetText || '重置'))) : null),
+                    React.createElement(Button, { type: "primary", style: { minWidth: 60 }, className: 'mr10', size: 'small', htmlType: "submit" }, searchTextStr),
+                    React.createElement(Button, { size: 'small', style: { minWidth: 60 }, onClick: clear }, resetTextStr))) : null),
             !isOpShowAfter ? (React.createElement(Space, { size: "small", direction: isLineAfter ? undefined : "vertical", style: Object.assign({ width: 90, textAlign: "right" }, isLineAfter ? { width: 130, margin: "4px 0 0 12px" } : {}) },
-                React.createElement(Button, { type: "primary", size: 'small', htmlType: "submit" }, searchText || '搜索'),
-                React.createElement(Button, { size: 'small', onClick: clear }, resetText || '重置'))) : null),
-        showMore ? (React.createElement(Button, { type: 'link', onClick: switchShow, style: { fontSize: 12, position: "absolute", bottom: -10, left: '50%', transform: "translateX(-50%)" }, size: 'small' }, moreFlag ? "收起" : "展开更多")) : null));
+                React.createElement(Button, { type: "primary", style: { minWidth: 60 }, size: 'small', htmlType: "submit" }, searchTextStr),
+                React.createElement(Button, { size: 'small', style: { minWidth: 60 }, onClick: clear }, resetTextStr))) : null),
+        showMore ? (React.createElement(Button, { iconPosition: 'end', icon: moreFlag ? React.createElement(UpOutlined, null) : React.createElement(DownOutlined, null), type: 'link', onClick: switchShow, style: { fontSize: 12, position: "absolute", bottom: -10, left: '50%', transform: "translateX(-50%)" }, size: 'small' }, moreFlag ? i18n ? i18n.$t('global.collapse') : '收起' : i18n ? i18n.$t('global.expand') : '展开')) : null));
 };
 FiltersHorizontal.defaultProps = {
     items: [],

package/lib/core/table-pro/index.d.ts

@@ -36,6 +36,7 @@ interface IProps {
     columnsTitle?: string;
     selectType?: "checkbox" | "radio";
     selectChangeHandler?: any;
+    i18n?: any;
     locale?: TableLocale;
 }
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<IProps & React.RefAttributes<TableProRef>>>;

package/lib/core/table-pro/index.js

@@ -4,7 +4,7 @@ import { FilterOutlined, MenuOutlined } from '@ant-design/icons';
 import TableProColumns from "./columns";
 import { getDelateTargetByClassName } from "../../helpers/dom";
 import FilterHorizontal from "./filters.horizontal";
-const TablePro = ({ className, header, buttonArea, filterArea, filters, searchInputArea, loading, rowKey, dataSource, pagination, offsetY, columns, operationColumn, bordered = false, selectChangeHandler, selectType, onChange, expandable, columnsTitle = "显示列", filterTitle = "筛选", locale, scrollY = '100%', scrollX }, ref) => {
+const TablePro = ({ className, header, buttonArea, filterArea, filters, searchInputArea, loading, rowKey, dataSource, pagination, offsetY, columns, operationColumn, bordered = false, selectChangeHandler, selectType, onChange, expandable, columnsTitle, filterTitle, locale, scrollY = '100%', scrollX, i18n, }, ref) => {
     const tableRef = useRef(null);
     const disColumnRef = useRef([]);
     const [y, setY] = useState(scrollY);
@@ -23,6 +23,12 @@ const TablePro = ({ className, header, buttonArea, filterArea, filters, searchIn
     };
     const [openFilter, setOpenFilter] = useState(false);
     const [openColumnFilter, setOpenColumnFilter] = useState(false);
+    const columnsTitleStr = useMemo(() => {
+        return columnsTitle ? columnsTitle : i18n ? i18n.$t('global.filter') : '显示列';
+    }, []);
+    const filterTitleStr = useMemo(() => {
+        return filterTitle ? filterTitle : i18n ? i18n.$t('global.column') : '筛选';
+    }, []);
     const hideOpenFilter = () => {
         setOpenFilter(false);
     };
@@ -112,19 +118,19 @@ const TablePro = ({ className, header, buttonArea, filterArea, filters, searchIn
     }));
     return (React.createElement("div", { style: flexColumnStyle, className: className || '' },
         header ? header : null,
-        filters ? (React.createElement(FilterHorizontal, Object.assign({ y: y, setY: setY }, filters))) : null,
+        filters ? (React.createElement(FilterHorizontal, Object.assign({ y: y, setY: setY }, filters, { i18n: i18n }))) : null,
         React.createElement("div", { style: operationWrap },
             buttonArea ? React.createElement("div", null, buttonArea) : React.createElement("div", null),
             React.createElement("div", null,
                 searchInputArea ? searchInputArea : null,
-                filterArea ? (React.createElement(Popover, { placement: "leftBottom", title: React.createElement(Typography.Title, { level: 5 }, filterTitle), content: React.cloneElement(filterArea, { hide: hideOpenFilter }), trigger: "click", open: openFilter, onOpenChange: (newOpen) => {
+                filterArea ? (React.createElement(Popover, { placement: "leftBottom", title: React.createElement(Typography.Title, { level: 5 }, filterTitleStr), content: React.cloneElement(filterArea, { hide: hideOpenFilter }), trigger: "click", open: openFilter, onOpenChange: (newOpen) => {
                         setOpenFilter(newOpen);
                     } },
-                    React.createElement(Button, { type: "text", icon: React.createElement(FilterOutlined, null) }, filterTitle))) : null,
-                innerColumns ? (React.createElement(Popover, { placement: "leftBottom", title: React.createElement(Typography.Title, { level: 5 }, columnsTitle), content: React.createElement(TableProColumns, { disColumnRef: disColumnRef, columns: innerColumns, setColumns: setColumns }), trigger: "click", open: openColumnFilter, onOpenChange: (newOpen) => {
+                    React.createElement(Button, { type: "text", icon: React.createElement(FilterOutlined, null) }, filterTitleStr))) : null,
+                innerColumns ? (React.createElement(Popover, { placement: "leftBottom", title: React.createElement(Typography.Title, { level: 5 }, columnsTitleStr), content: React.createElement(TableProColumns, { disColumnRef: disColumnRef, columns: innerColumns, setColumns: setColumns }), trigger: "click", open: openColumnFilter, onOpenChange: (newOpen) => {
                         setOpenColumnFilter(newOpen);
                     } },
-                    React.createElement(Button, { type: "text", icon: React.createElement(MenuOutlined, null) }, columnsTitle))) : null)),
+                    React.createElement(Button, { type: "text", icon: React.createElement(MenuOutlined, null) }, columnsTitleStr))) : null)),
         dataSource ? (React.createElement("div", { style: { height: '100%', overflow: 'hidden' }, ref: tableRef },
             React.createElement(Table, { rowSelection: selectType ? rowSelection : undefined, locale: locale ? locale : undefined, onRow: (record, index) => {
                     return {

package/lib/core/tag.items/index.d.ts

@@ -7,6 +7,7 @@ interface IProps {
     fixedFirst?: boolean;
     addTagText?: string;
     multipleError?: string;
+    i18n?: any;
 }
 declare const C: React.FC<IProps>;
 export default C;

package/lib/core/tag.items/index.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState, useMemo } from 'react';
 import { PlusOutlined } from '@ant-design/icons';
 import { isEqual } from "@ecoding/helper.is";
 import { Flex, Input, message, Tag, theme, Tooltip } from 'antd';
@@ -39,6 +39,7 @@ const C = (props) => {
         setInputValue(e.target.value.trim());
     };
     const handleInputConfirm = (e) => {
+        var _a;
         if (inputValue) {
             if (!tags.includes(inputValue.trim())) {
                 const values = [...tags, inputValue.trim()];
@@ -46,7 +47,7 @@ const C = (props) => {
                 props.onChange && props.onChange(values && values.length > 0 ? values : undefined);
             }
             else {
-                message.error(props.multipleError || '标签已存在');
+                message.error(props.multipleError || props.i18n ? (_a = props.i18n) === null || _a === void 0 ? void 0 : _a.$t('global.tag.exists') : '标签已存在');
             }
         }
         setInputVisible(false);
@@ -57,6 +58,7 @@ const C = (props) => {
         setEditInputValue(v);
     };
     const handleEditInputConfirm = (e) => {
+        var _a;
         const newTags = [...(tags || [])];
         if (!newTags.includes(editInputValue)) {
             newTags[editInputIndex] = editInputValue;
@@ -65,7 +67,7 @@ const C = (props) => {
         }
         else {
             if (newTags[editInputIndex] != editInputValue) {
-                message.error(props.multipleError || '标签已存在');
+                message.error(props.multipleError || props.i18n ? (_a = props.i18n) === null || _a === void 0 ? void 0 : _a.$t('global.tag.exists') : '标签已存在');
             }
         }
         setEditInputIndex(-1);
@@ -82,6 +84,9 @@ const C = (props) => {
         borderStyle: 'dashed',
         color: token.colorTextDisabled
     };
+    const addTagTextStr = useMemo(() => {
+        return props.addTagText ? props.addTagText : props.i18n ? props.i18n.$t('global.add') : '新增';
+    }, []);
     useEffect(() => {
         if (props.value && !isEqual(props.value, tags)) {
             setTags(props.value);
@@ -106,7 +111,7 @@ const C = (props) => {
                     } }, isLongTag ? `${tag.slice(0, 20)}...` : tag)));
             return isLongTag ? (React.createElement(Tooltip, { title: tag, key: tag }, tagElem)) : (tagElem);
         }),
-        props.disabled ? (React.createElement(Tag, { style: tagDisabledPlusStyle, icon: React.createElement(PlusOutlined, null) }, props.addTagText)) : inputVisible ? (React.createElement(Input, { ref: inputRef, type: "text", size: "small", style: tagInputStyle, value: inputValue, onChange: handleInputChange, onBlur: handleInputConfirm, onPressEnter: handleInputConfirm })) : (React.createElement(Tag, { style: tagPlusStyle, icon: React.createElement(PlusOutlined, null), onClick: showInput }, props.addTagText))));
+        props.disabled ? (React.createElement(Tag, { style: tagDisabledPlusStyle, icon: React.createElement(PlusOutlined, null) }, addTagTextStr)) : inputVisible ? (React.createElement(Input, { ref: inputRef, type: "text", size: "small", style: tagInputStyle, value: inputValue, onChange: handleInputChange, onBlur: handleInputConfirm, onPressEnter: handleInputConfirm })) : (React.createElement(Tag, { style: tagPlusStyle, icon: React.createElement(PlusOutlined, null), onClick: showInput }, addTagTextStr))));
 };
 C.defaultProps = {
     disabled: false,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ecoding/components.antd",
-    "version": "0.4.9",
+    "version": "0.4.11",
     "author": "cxc",
     "homepage": "",
     "license": "MIT",
@@ -47,5 +47,5 @@
         "antd": "5.27.0",
         "axios": "^1.1.2"
     },
-    "gitHead": "835237e04f3c997c585c52bde578d4c2add265ee"
+    "gitHead": "b5d55fd3c64fccf0e70aa9e151a1f0ba58738cfc"
 }