@zjlab-fe/data-hub-ui 0.32.5 → 0.33.0

package/es/components/permission-editor/permissionEditModal/index.js

@@ -3,8 +3,11 @@ import { jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { Modal, Button, message } from 'antd';
 import PermissionEditor from '../permissionEditor/index.js';
+import { useLocale } from '../../../locale/index.js';
 
 const PermissionEditModal = ({ open, onCancel, onSave, initialPermissions = [], }) => {
+    const { locale } = useLocale();
+    const texts = locale.PermissionEditor;
     const [selectedPermissions, setSelectedPermissions] = useState(initialPermissions);
     const [loading, setLoading] = useState(false);
     // 当 modal 打开时重置权限状态
@@ -19,7 +22,7 @@ const PermissionEditModal = ({ open, onCancel, onSave, initialPermissions = [],
             onCancel();
         }
         catch (error) {
-            message.error('权限更新失败');
+            message.error(texts.updateFailed);
             console.error('保存权限失败:', error);
         }
     });
@@ -28,9 +31,9 @@ const PermissionEditModal = ({ open, onCancel, onSave, initialPermissions = [],
         setSelectedPermissions(initialPermissions);
         onCancel();
     };
-    return (jsx(Modal, { title: `编辑权限`, open: open, onCancel: handleCancel, width: 600, destroyOnClose: true, footer: [
-            jsx(Button, { onClick: handleCancel, children: "\u53D6\u6D88" }, "cancel"),
-            jsx(Button, { type: "primary", loading: loading, onClick: handleSave, children: "\u4FDD\u5B58" }, "save"),
+    return (jsx(Modal, { title: texts.title, open: open, onCancel: handleCancel, width: 600, destroyOnClose: true, footer: [
+            jsx(Button, { onClick: handleCancel, children: texts.cancel }, "cancel"),
+            jsx(Button, { type: "primary", loading: loading, onClick: handleSave, children: texts.save }, "save"),
         ], children: jsx("div", { style: { padding: '16px 0' }, children: jsx(PermissionEditor, { initialPermissions: selectedPermissions, onChange: setSelectedPermissions, editable: true }) }) }));
 };
 

package/es/components/permission-editor/permissionEditor/index.js

@@ -3,103 +3,67 @@ import React from 'react';
 import { Tag, Flex } from 'antd';
 import { unEditable, tagReadonly } from './index.module.scss.js';
 import { CheckCircleOutlined } from '@ant-design/icons';
+import { useLocale } from '../../../locale/index.js';
 
 const permissionTags = [
     {
-        label: '数据权限',
         value: 'agentic',
         readOnly: false,
-        children: [
-            {
-                label: '检索智能体',
-                value: '13',
-                readOnly: false,
-            },
-        ],
+        children: [{ value: '13', readOnly: false }],
     },
     {
-        label: '工作台权限',
         value: 'workbench',
         readOnly: false,
         children: [
-            {
-                label: '语料生产服务',
-                value: '20',
-                readOnly: false,
-            },
-            {
-                label: '语料质量评估',
-                value: '18',
-                readOnly: false,
-            },
-            {
-                label: '可视化工作流',
-                value: '1',
-                readOnly: false,
-            },
-            {
-                label: '文档标注',
-                value: '8',
-                readOnly: false,
-            },
-            {
-                label: '模型训练',
-                value: '19',
-                readOnly: false,
-            },
-            {
-                label: '计量中心',
-                value: '23',
-                readOnly: false,
-            },
-            {
-                label: '模型部署',
-                value: '21',
-                readOnly: true,
-            },
-            {
-                label: '模型管理',
-                value: '22',
-                readOnly: true,
-            },
+            { value: '20', readOnly: false },
+            { value: '18', readOnly: false },
+            { value: '1', readOnly: false },
+            { value: '8', readOnly: false },
+            { value: '19', readOnly: false },
+            { value: '23', readOnly: false },
+            { value: '21', readOnly: true },
+            { value: '22', readOnly: true },
         ],
     },
     {
-        label: '语料检索权限',
         value: 'corpus_index',
         readOnly: false,
         children: [
-            {
-                label: '文献语料检索',
-                value: '14',
-                readOnly: false,
-            },
-            {
-                label: '网页语料筛选',
-                value: '15',
-                readOnly: false,
-            },
+            { value: '14', readOnly: false },
+            { value: '15', readOnly: false },
         ],
     },
     {
-        label: '语料生产权限',
         value: 'corpus_product',
         readOnly: false,
         children: [
-            {
-                label: '文档语料生产',
-                value: '16',
-                readOnly: false,
-            },
-            {
-                label: '网页语料生产',
-                value: '17',
-                readOnly: false,
-            },
+            { value: '16', readOnly: false },
+            { value: '17', readOnly: false },
         ],
     },
 ];
+const PERMISSION_LABEL_KEY = {
+    agentic: 'agentic',
+    '13': 'agenticSearch',
+    workbench: 'workbench',
+    '20': 'corpusProductionService',
+    '18': 'corpusQuality',
+    '1': 'visualWorkflow',
+    '8': 'documentAnnotation',
+    '19': 'modelTraining',
+    '23': 'meteringCenter',
+    '21': 'modelDeploy',
+    '22': 'modelManage',
+    corpus_index: 'corpusIndex',
+    '14': 'literatureSearch',
+    '15': 'webFilter',
+    corpus_product: 'corpusProduct',
+    '16': 'documentProduction',
+    '17': 'webProduction',
+};
 const PermissionEditor = ({ initialPermissions = [], onChange, editable = true, }) => {
+    const { locale } = useLocale();
+    const texts = locale.PermissionEditor;
     // 将新格式转换为内部使用的扁平化格式
     const convertToFlatFormat = (permissions) => {
         const flatTags = [];
@@ -225,9 +189,9 @@ const PermissionEditor = ({ initialPermissions = [], onChange, editable = true,
         onChange === null || onChange === void 0 ? void 0 : onChange(modulePermissions);
     };
     return (jsx(Fragment, { children: permissionTags.map((tag) => {
-            var _a;
+            var _a, _b;
             const isSelected = selectedTags.includes(tag.value);
-            return (jsxs("div", { style: { width: '100%', margin: '8px 0' }, className: !editable ? unEditable : '', children: [jsx("span", { style: { fontSize: '16px', fontWeight: 500, marginRight: 8 }, children: tag.label }), editable && (jsx(Tag.CheckableTag, { checked: isSelected, onChange: (checked) => handleChange(tag.value, checked, tag.readOnly), style: {
+            return (jsxs("div", { style: { width: '100%', margin: '8px 0' }, className: !editable ? unEditable : '', children: [jsx("span", { style: { fontSize: '16px', fontWeight: 500, marginRight: 8 }, children: (_a = texts[PERMISSION_LABEL_KEY[tag.value]]) !== null && _a !== void 0 ? _a : tag.value }), editable && (jsx(Tag.CheckableTag, { checked: isSelected, onChange: (checked) => handleChange(tag.value, checked, tag.readOnly), style: {
                             cursor: tag.readOnly ? 'not-allowed' : 'pointer',
                             opacity: tag.readOnly ? 0.7 : 1,
                             margin: '5px 0',
@@ -238,14 +202,15 @@ const PermissionEditor = ({ initialPermissions = [], onChange, editable = true,
                             width: 18,
                             border: 0,
                             borderRadius: '50%',
-                        }, className: tag.readOnly ? tagReadonly : '', children: jsx(CheckCircleOutlined, { style: { fontSize: '18px' }, title: isSelected ? '取消全选' : '全选' }) }, tag.value)), jsx(Flex, { gap: 5, wrap: true, align: "center", children: (_a = tag.children) === null || _a === void 0 ? void 0 : _a.map((child) => {
+                        }, className: tag.readOnly ? tagReadonly : '', children: jsx(CheckCircleOutlined, { style: { fontSize: '18px' }, title: isSelected ? texts.unselectAll : texts.selectAll }) }, tag.value)), jsx(Flex, { gap: 5, wrap: true, align: "center", children: (_b = tag.children) === null || _b === void 0 ? void 0 : _b.map((child) => {
+                            var _a;
                             const isChildSelected = selectedTags.includes(child.value);
                             return (jsx(Tag.CheckableTag, { checked: isChildSelected, onChange: (checked) => handleChange(child.value, checked, child.readOnly), style: {
                                     cursor: child.readOnly ? 'not-allowed' : 'pointer',
                                     opacity: child.readOnly ? 0.7 : 1,
                                     margin: '5px 0',
                                     border: '1px solid #979797',
-                                }, className: child.readOnly ? tagReadonly : '', children: child.label }, child.value));
+                                }, className: child.readOnly ? tagReadonly : '', children: (_a = texts[PERMISSION_LABEL_KEY[child.value]]) !== null && _a !== void 0 ? _a : child.value }, child.value));
                         }) })] }, tag.value));
         }) }));
 };

package/es/components/permission-editor/permissionViewPopover/index.js

@@ -1,9 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { Popover } from 'antd';
 import PermissionEditor from '../permissionEditor/index.js';
+import { useLocale } from '../../../locale/index.js';
 
-const PermissionViewPopover = ({ initialPermissions = [], children, title = '用户权限', width = 400, }) => {
-    return (jsx(Popover, { content: jsx(PermissionEditor, { initialPermissions: initialPermissions, editable: false }), title: title, overlayStyle: { width }, children: children }));
+const PermissionViewPopover = ({ initialPermissions = [], children, title, width = 400, }) => {
+    const { locale } = useLocale();
+    const resolvedTitle = title !== null && title !== void 0 ? title : locale.PermissionEditor.viewTitle;
+    return (jsx(Popover, { content: jsx(PermissionEditor, { initialPermissions: initialPermissions, editable: false }), title: resolvedTitle, overlayStyle: { width }, children: children }));
 };
 
 export { PermissionViewPopover as default };

package/es/components/status-tag/index.js

@@ -2,36 +2,86 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Tag } from 'antd';
 import classNames from 'classnames';
 import * as index_module from './index.module.scss.js';
-import { statusDot, statusTag, dot } from './index.module.scss.js';
+import { statusDot, statusTag } from './index.module.scss.js';
 
+const stoppedFilled = { color: '#545b64', backgroundColor: '#edf2fc' };
+const stoppedDot = { color: 'rgba(0, 0, 0, 0.65)', dotColor: '#d9d9d9' };
+const stoppedBordered = {
+    color: 'rgba(0, 0, 0, 0.25)',
+    backgroundColor: '#f5f5f5',
+    borderColor: '#d9d9d9',
+};
+const waitingDotFilled = {
+    color: '#545b64',
+    backgroundColor: 'rgba(217, 217, 217, 0.2)',
+    borderColor: 'rgba(217, 217, 217, 0.6)',
+    dotColor: '#d9d9d9',
+};
 const statusStyles = {
     filled: {
         running: { color: '#1775fe', backgroundColor: 'rgba(23, 117, 254, 0.1)' },
         failed: { color: '#ff4d4f', backgroundColor: 'rgba(255, 77, 79, 0.1)' },
         success: { color: '#52c41a', backgroundColor: 'rgba(82, 196, 26, 0.1)' },
-        stopped: { color: '#545b64', backgroundColor: '#edf2fc' },
-        pending: { color: '#fa8c16', backgroundColor: 'rgba(250, 140, 22, 0.1)' },
+        stopped: stoppedFilled,
+        warning: { color: '#fa8c16', backgroundColor: '#fff7e6' },
+        waiting: stoppedFilled,
     },
     dot: {
         running: { color: '#1775fe', dotColor: '#1775fe' },
         failed: { color: '#ff4d4f', dotColor: '#ff4d4f' },
         success: { color: '#52c41a', dotColor: '#52c41a' },
-        stopped: { color: 'rgba(0, 0, 0, 0.65)', dotColor: '#d9d9d9' },
-        pending: { color: '#fa8c16', dotColor: '#fa8c16' },
+        stopped: stoppedDot,
+        warning: { color: '#fa8c16', dotColor: '#fa8c16' },
+        waiting: stoppedDot,
     },
     bordered: {
         running: { color: '#1775fe', backgroundColor: '#ecf4ff', borderColor: '#b3d2ff' },
         failed: { color: '#f5222d', backgroundColor: '#fff1f0', borderColor: '#ffa39e' },
         success: { color: '#52c41a', backgroundColor: '#f6ffed', borderColor: '#b7eb8f' },
-        stopped: { color: 'rgba(0, 0, 0, 0.25)', backgroundColor: '#f5f5f5', borderColor: '#d9d9d9' },
-        pending: { color: '#fa8c16', backgroundColor: '#fff7e6', borderColor: '#fa8c16' },
+        stopped: stoppedBordered,
+        warning: { color: '#fa8c16', backgroundColor: '#fff7e6', borderColor: '#fa8c16' },
+        waiting: stoppedBordered,
+    },
+    dotFilled: {
+        running: {
+            color: '#545b64',
+            backgroundColor: 'rgba(23, 117, 254, 0.1)',
+            borderColor: 'rgba(23, 117, 254, 0.1)',
+            dotColor: '#1775fe',
+        },
+        failed: {
+            color: '#545b64',
+            backgroundColor: 'rgba(255, 77, 79, 0.1)',
+            borderColor: 'rgba(255, 77, 79, 0.1)',
+            dotColor: '#ff4d4f',
+        },
+        success: {
+            color: '#545b64',
+            backgroundColor: 'rgba(82, 196, 26, 0.1)',
+            borderColor: 'rgba(82, 196, 26, 0.1)',
+            dotColor: '#52c41a',
+        },
+        stopped: waitingDotFilled,
+        warning: {
+            color: '#545b64',
+            backgroundColor: '#fff7e6',
+            borderColor: 'rgba(250, 140, 22, 0.1)',
+            dotColor: '#fa8c16',
+        },
+        waiting: waitingDotFilled,
     },
 };
 function StatusTag(props) {
     const { type = 'running', variant = 'filled', className, children } = props;
     const preset = statusStyles[variant][type];
-    if (variant === 'dot') {
-        return (jsxs("span", { className: classNames(statusTag, dot, className), children: [jsx("span", { className: statusDot, style: { backgroundColor: preset.dotColor } }), jsx("span", { style: { color: preset.color }, children: children })] }));
+    const hasStatusDot = variant === 'dot' || variant === 'dotFilled';
+    if (hasStatusDot) {
+        return (jsxs("span", { className: classNames(statusTag, index_module[variant], className), style: variant === 'dotFilled'
+                ? {
+                    backgroundColor: preset.backgroundColor,
+                    borderColor: preset.borderColor,
+                }
+                : undefined, children: [jsx("span", { className: statusDot, style: { backgroundColor: preset.dotColor } }), jsx("span", { style: { color: preset.color }, children: children })] }));
     }
     return (jsx(Tag, { bordered: variant === 'bordered', className: classNames(statusTag, index_module[variant], className), style: {
             color: preset.color,

package/es/components/status-tag/index.module.scss.js

@@ -1,19 +1,25 @@
 var style = document.createElement('style');
-style.textContent = `.index-module__statusTag___yRGEa {
+style.textContent = `@font-face {
+  font-family: "AlibabaPuHuiTi-3-55-RegularL3";
+  src: url("https://haina-datahub.zero2x.org/ossRoute/frontend/resources/fonts/alibaba_puhuiti_3/AlibabaPuHuiTi-3-55-RegularL3.ttf") format("truetype");
+}
+@font-face {
+  font-family: "AlibabaPuHuiTi-3-65-Medium";
+  src: url("https://haina-datahub.zero2x.org/ossRoute/frontend/resources/fonts/alibaba_puhuiti_3/AlibabaPuHuiTi-3-65-Medium.ttf") format("truetype");
+}
+.index-module__statusTag___yRGEa {
   display: inline-flex;
   align-items: center;
   margin-inline-end: 0;
   font-family: "AlibabaPuHuiTi-3-55-RegularL3", "PingFang SC", sans-serif;
   white-space: nowrap;
 }
-
 .index-module__filled___SKjTo {
   border-radius: 4px;
   padding: 1px 8px;
   font-size: 12px;
   line-height: 16px;
 }
-
 .index-module__bordered___x7xGX {
   border-radius: 2px;
   padding: 0 8px;
@@ -22,7 +28,6 @@ style.textContent = `.index-module__statusTag___yRGEa {
   border-width: 1px;
   border-style: solid;
 }
-
 .index-module__dot___rbWrB {
   gap: 8px;
   font-size: 14px;
@@ -30,7 +35,18 @@ style.textContent = `.index-module__statusTag___yRGEa {
   padding: 0;
   background: transparent;
 }
-
+.index-module__dotFilled___UU7nq {
+  box-sizing: border-box;
+  gap: 8px;
+  height: 30px;
+  padding: 4px 16px;
+  border: 1px solid;
+  border-radius: 4px;
+  font-family: "AlibabaPuHuiTi-3-65-Medium", "PingFang SC", sans-serif;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 22px;
+}
 .index-module__statusDot___yMpG3 {
   flex-shrink: 0;
   width: 6px;
@@ -39,7 +55,7 @@ style.textContent = `.index-module__statusTag___yRGEa {
 }`;
 document.head.appendChild(style);
 
-var statusTag = "index-module__statusTag___yRGEa";var filled = "index-module__filled___SKjTo";var bordered = "index-module__bordered___x7xGX";var dot = "index-module__dot___rbWrB";var statusDot = "index-module__statusDot___yMpG3";
-var styles = {"statusTag":"index-module__statusTag___yRGEa","filled":"index-module__filled___SKjTo","bordered":"index-module__bordered___x7xGX","dot":"index-module__dot___rbWrB","statusDot":"index-module__statusDot___yMpG3"};
+var statusTag = "index-module__statusTag___yRGEa";var filled = "index-module__filled___SKjTo";var bordered = "index-module__bordered___x7xGX";var dot = "index-module__dot___rbWrB";var dotFilled = "index-module__dotFilled___UU7nq";var statusDot = "index-module__statusDot___yMpG3";
+var styles = {"statusTag":"index-module__statusTag___yRGEa","filled":"index-module__filled___SKjTo","bordered":"index-module__bordered___x7xGX","dot":"index-module__dot___rbWrB","dotFilled":"index-module__dotFilled___UU7nq","statusDot":"index-module__statusDot___yMpG3"};
 
-export { bordered, styles as default, dot, filled, statusDot, statusTag };
+export { bordered, styles as default, dot, dotFilled, filled, statusDot, statusTag };

package/es/components/tag-group-filter/dataSizeFilter.js

@@ -4,6 +4,7 @@ import { Select, Flex, InputNumber } from 'antd';
 import { dataSizeFilter, iconTagHeader, iconTagContent, header, iconClear } from './index.module.scss.js';
 import { MinusOutlined } from '@ant-design/icons';
 import iconTagHeader$1 from '../../assets/icon-tag-header.png.js';
+import { useLocale } from '../../locale/index.js';
 
 const { Option } = Select;
 const DATA_SIZE_UNIT = [
@@ -25,6 +26,8 @@ const transToMB = (value, unit) => {
     }
 };
 function DataSizeFilter(p) {
+    const { locale } = useLocale();
+    const texts = locale.TagGroupFilter;
     const [startValue, setStartValue] = React.useState(null);
     const [startUnit, setStartUnit] = React.useState('kb');
     const [endValue, setEndValue] = React.useState(null);
@@ -36,10 +39,10 @@ function DataSizeFilter(p) {
         if (startValue !== null &&
             endValue !== null &&
             transToMB(startValue, startUnit) > transToMB(endValue, endUnit)) {
-            res = p.isEn ? 'The left value can not greater than the right value' : '左侧数值不能大于右侧数值';
+            res = texts.rangeError;
         }
         return res;
-    }, [startValue, startUnit, endValue, endUnit, p.isEn]);
+    }, [startValue, startUnit, endValue, endUnit, texts.rangeError]);
     const handleClear = (e) => {
         e.stopPropagation();
         p.onChange(['', '']);
@@ -94,7 +97,7 @@ function DataSizeFilter(p) {
         setEndValue(p.value[1] ? +p.value[1].slice(0, -2) : null);
         setEndUnit(p.value[1] ? p.value[1].slice(-2) : 'kb');
     }, [p.value]);
-    return (jsxs("div", { className: dataSizeFilter, children: [jsx("span", { className: iconTagHeader, style: { backgroundImage: 'url(' + iconTagHeader$1 + ')' } }), jsx("span", { className: iconTagContent }), jsx(Flex, { justify: "space-between", align: "center", className: header, children: jsxs(Flex, { align: "center", children: [jsx("h3", { children: p.isEn ? 'DataVolume' : '数据体量' }), (startValue !== null || endValue !== null) && (jsx("span", { className: iconClear, onClick: handleClear, children: "\uE85E" }))] }) }), jsxs(Fragment, { children: [jsxs(Flex, { align: "center", children: [jsx(InputNumber, { ref: startInputRef, value: startValue, controls: false, placeholder: p.isEn ? 'Min' : '最小', size: "small", style: { fontSize: 12, width: 140 }, addonAfter: jsx(Select, { style: { width: 50 }, popupMatchSelectWidth: false, value: startUnit, onChange: handleStartUnitChange, children: DATA_SIZE_UNIT.map((item, i) => (jsx(Option, { value: item.value, children: item.name }, i))) }), onChange: handleStartValueChange, onPressEnter: handleStartPressEnter, onBlur: handleStartBlur }), jsx(MinusOutlined, { style: { margin: '0 4px' } }), jsx(InputNumber, { ref: endInputRef, value: endValue, controls: false, placeholder: p.isEn ? 'Max' : '最大', size: "small", style: { fontSize: 12, width: 140 }, addonAfter: jsx(Select, { style: { width: 50 }, popupMatchSelectWidth: false, value: endUnit, onChange: handleEndUnitChange, children: DATA_SIZE_UNIT.map((item, i) => (jsx(Option, { value: item.value, children: item.name }, i))) }), onChange: handleEndValueChange, onPressEnter: handleEndPressEnter, onBlur: handleEndBlur })] }), !!errMsg && jsx("div", { style: { color: 'red', marginTop: 4 }, children: errMsg })] })] }));
+    return (jsxs("div", { className: dataSizeFilter, children: [jsx("span", { className: iconTagHeader, style: { backgroundImage: 'url(' + iconTagHeader$1 + ')' } }), jsx("span", { className: iconTagContent }), jsx(Flex, { justify: "space-between", align: "center", className: header, children: jsxs(Flex, { align: "center", children: [jsx("h3", { children: texts.dataVolume }), (startValue !== null || endValue !== null) && (jsx("span", { className: iconClear, onClick: handleClear, children: "\uE85E" }))] }) }), jsxs(Fragment, { children: [jsxs(Flex, { align: "center", children: [jsx(InputNumber, { ref: startInputRef, value: startValue, controls: false, placeholder: texts.min, size: "small", style: { fontSize: 12, width: 140 }, addonAfter: jsx(Select, { style: { width: 50 }, popupMatchSelectWidth: false, value: startUnit, onChange: handleStartUnitChange, children: DATA_SIZE_UNIT.map((item, i) => (jsx(Option, { value: item.value, children: item.name }, i))) }), onChange: handleStartValueChange, onPressEnter: handleStartPressEnter, onBlur: handleStartBlur }), jsx(MinusOutlined, { style: { margin: '0 4px' } }), jsx(InputNumber, { ref: endInputRef, value: endValue, controls: false, placeholder: texts.max, size: "small", style: { fontSize: 12, width: 140 }, addonAfter: jsx(Select, { style: { width: 50 }, popupMatchSelectWidth: false, value: endUnit, onChange: handleEndUnitChange, children: DATA_SIZE_UNIT.map((item, i) => (jsx(Option, { value: item.value, children: item.name }, i))) }), onChange: handleEndValueChange, onPressEnter: handleEndPressEnter, onBlur: handleEndBlur })] }), !!errMsg && jsx("div", { style: { color: 'red', marginTop: 4 }, children: errMsg })] })] }));
 }
 
 export { DataSizeFilter as default };

package/es/components/tag-group-filter/index.js

@@ -10,7 +10,7 @@ import { tagGroupFilter } from './index.module.scss.js';
  * @param tagSelected 标签选中状态
  * @param needDataSizeFilter 是否需要数据量过滤（可选）
  * @param dataSizeValue 数据量过滤值（可选）
- * @param isEn 是否英文环境（可选）
+ * @param isEn 已废弃，语言由 DataHubProvider / antd ConfigProvider 决定
  * @param tagClassName 标签类名（可选）
  * @param onTagChange 标签选中状态变化回调
  * @param onDataSizeChange 数据量过滤值变化回调（可选）
@@ -47,7 +47,7 @@ function TagGroupFilter(p) {
     React.useEffect(() => {
         setMenuOpenKeys(p.tagGroupDatas.map((item) => item.key));
     }, [p.tagGroupDatas]);
-    return (jsx("div", { className: tagGroupFilter, children: viewTagGroupDatas.map((item, index) => (jsx(React.Fragment, { children: item.key === 'dataSize' ? (jsx(DataSizeFilter, { isEn: p.isEn, value: p.dataSizeValue || [], onChange: handleDataSizeChange })) : (jsx(TagFilter, { title: item.title, list: item.children, selected: p.tagSelected[item.key] || [], isFold: !menuOpenKeys.includes(item.key), onChange: (selectd) => handleTagChange(item.key, selectd), onFoldChange: (isFold) => handleOpenKeysChange(item.key, isFold), tagClassName: p.tagClassName }, item.key)) }, index))) }));
+    return (jsx("div", { className: tagGroupFilter, children: viewTagGroupDatas.map((item, index) => (jsx(React.Fragment, { children: item.key === 'dataSize' ? (jsx(DataSizeFilter, { value: p.dataSizeValue || [], onChange: handleDataSizeChange })) : (jsx(TagFilter, { title: item.title, list: item.children, selected: p.tagSelected[item.key] || [], isFold: !menuOpenKeys.includes(item.key), onChange: (selectd) => handleTagChange(item.key, selectd), onFoldChange: (isFold) => handleOpenKeysChange(item.key, isFold), tagClassName: p.tagClassName }, item.key)) }, index))) }));
 }
 
 export { TagGroupFilter as default };

package/es/components/tip-tap/bubble-menu.js

@@ -1,14 +1,19 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
 import { IconBold, IconItalic, IconUnderline, IconStrikethrough, IconHighlight, IconCheck, IconTrash, IconLink } from './icons/index.js';
+import { useLocale } from '../../locale/index.js';
 
 function TipTapBubbleMenu({ editor }) {
-    return (jsxs("div", { className: "tip-tap-bubble-menu", children: [jsx(BubbleButton, { icon: jsx(IconBold, {}), onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive('bold'), tooltip: "\u7C97\u4F53" }), jsx(BubbleButton, { icon: jsx(IconItalic, {}), onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive('italic'), tooltip: "\u659C\u4F53" }), jsx(BubbleButton, { icon: jsx(IconUnderline, {}), onClick: () => editor.chain().focus().toggleUnderline().run(), active: editor.isActive('underline'), tooltip: "\u4E0B\u5212\u7EBF" }), jsx(BubbleButton, { icon: jsx(IconStrikethrough, {}), onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive('strike'), tooltip: "\u5220\u9664\u7EBF" }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsx(BubbleButton, { icon: jsx(IconHighlight, {}), onClick: () => editor.chain().focus().toggleHighlight().run(), active: editor.isActive('highlight'), tooltip: "\u9AD8\u4EAE" }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsx(BubbleLinkButton, { editor: editor })] }));
+    const { locale } = useLocale();
+    const texts = locale.TipTap;
+    return (jsxs("div", { className: "tip-tap-bubble-menu", children: [jsx(BubbleButton, { icon: jsx(IconBold, {}), onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive('bold'), tooltip: texts.bold }), jsx(BubbleButton, { icon: jsx(IconItalic, {}), onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive('italic'), tooltip: texts.italic }), jsx(BubbleButton, { icon: jsx(IconUnderline, {}), onClick: () => editor.chain().focus().toggleUnderline().run(), active: editor.isActive('underline'), tooltip: texts.underline }), jsx(BubbleButton, { icon: jsx(IconStrikethrough, {}), onClick: () => editor.chain().focus().toggleStrike().run(), active: editor.isActive('strike'), tooltip: texts.strike }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsx(BubbleButton, { icon: jsx(IconHighlight, {}), onClick: () => editor.chain().focus().toggleHighlight().run(), active: editor.isActive('highlight'), tooltip: texts.highlightShort }), jsx("div", { className: "tip-tap-toolbar__divider" }), jsx(BubbleLinkButton, { editor: editor })] }));
 }
 function BubbleButton({ icon, onClick, active = false, tooltip, }) {
     return (jsx("button", { className: `tip-tap-btn ${active ? 'tip-tap-btn--active' : ''}`, onClick: onClick, type: "button", title: tooltip, children: icon }));
 }
 function BubbleLinkButton({ editor }) {
+    const { locale } = useLocale();
+    const texts = locale.TipTap;
     const [showInput, setShowInput] = useState(false);
     const [url, setUrl] = useState('');
     const inputRef = useRef(null);
@@ -34,14 +39,14 @@ function BubbleLinkButton({ editor }) {
         setUrl('');
     }
     if (showInput) {
-        return (jsxs("div", { className: "tip-tap-link-popup", style: { boxShadow: 'none', border: 'none', padding: 0, margin: 0 }, children: [jsx("input", { ref: inputRef, type: "text", className: "tip-tap-link-popup__input", style: { width: '160px', padding: '4px 8px', fontSize: '13px' }, placeholder: "\u8F93\u5165\u94FE\u63A5...", value: url, onChange: (e) => setUrl(e.target.value), onKeyDown: (e) => {
+        return (jsxs("div", { className: "tip-tap-link-popup", style: { boxShadow: 'none', border: 'none', padding: 0, margin: 0 }, children: [jsx("input", { ref: inputRef, type: "text", className: "tip-tap-link-popup__input", style: { width: '160px', padding: '4px 8px', fontSize: '13px' }, placeholder: texts.linkPlaceholder, value: url, onChange: (e) => setUrl(e.target.value), onKeyDown: (e) => {
                         if (e.key === 'Enter')
                             handleSubmit();
                         if (e.key === 'Escape')
                             setShowInput(false);
                     } }), jsx("button", { className: "tip-tap-btn", onClick: handleSubmit, type: "button", style: { width: '24px', height: '24px' }, children: jsx(IconCheck, {}) }), editor.isActive('link') && (jsx("button", { className: "tip-tap-btn", onClick: handleRemove, type: "button", style: { width: '24px', height: '24px', color: '#dc2626' }, children: jsx(IconTrash, {}) }))] }));
     }
-    return (jsx(BubbleButton, { icon: jsx(IconLink, {}), onClick: handleOpenInput, active: editor.isActive('link'), tooltip: "\u94FE\u63A5" }));
+    return (jsx(BubbleButton, { icon: jsx(IconLink, {}), onClick: handleOpenInput, active: editor.isActive('link'), tooltip: texts.link }));
 }
 
 export { TipTapBubbleMenu as default };

package/es/components/tip-tap/editor.js

@@ -6,11 +6,14 @@ import { forwardRef, useImperativeHandle } from 'react';
 import { editorExtensions } from './extensions/index.js';
 import Toolbar from './toolbar/index.js';
 import TipTapBubbleMenu from './bubble-menu.js';
+import { useLocale } from '../../locale/index.js';
 
 useStyle();
-var editor = forwardRef(function TipTapEditor({ content = '', placeholder = '开始输入内容...', editable = true, autofocus = false, className = '', toolbarClassName = '', onChange, }, ref) {
+var editor = forwardRef(function TipTapEditor({ content = '', placeholder, editable = true, autofocus = false, className = '', toolbarClassName = '', onChange, }, ref) {
+    const { locale } = useLocale();
+    const resolvedPlaceholder = placeholder !== null && placeholder !== void 0 ? placeholder : locale.TipTap.placeholder;
     const editor = useEditor({
-        extensions: editorExtensions(placeholder),
+        extensions: editorExtensions(resolvedPlaceholder),
         content,
         editable,
         autofocus,

package/es/components/tip-tap/extensions/index.js

@@ -33,7 +33,7 @@ const editorExtensions = (placeholder) => [
         },
     }),
     Placeholder.configure({
-        placeholder: placeholder || '开始输入内容...',
+        placeholder: placeholder || undefined,
         emptyEditorClass: 'is-editor-empty',
     }),
     TextStyle,

package/es/components/tip-tap/toolbar/components/color-picker.js

@@ -2,8 +2,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useEditorState } from '@tiptap/react';
 import { useState, useRef, useEffect } from 'react';
 import { IconBold, IconHighlight } from '../../icons/index.js';
+import { useLocale } from '../../../../locale/index.js';
 
 function ColorPicker({ editor, type, tooltip }) {
+    const { locale } = useLocale();
     const [isOpen, setIsOpen] = useState(false);
     const dropdownRef = useRef(null);
     const colors = [
@@ -70,7 +72,7 @@ function ColorPicker({ editor, type, tooltip }) {
         }
         setIsOpen(false);
     }
-    return (jsxs("div", { className: `tip-tap-dropdown ${isOpen ? 'tip-tap-dropdown--open' : ''}`, ref: dropdownRef, children: [jsxs("button", { className: `tip-tap-btn ${(editorState === null || editorState === void 0 ? void 0 : editorState.isActive) ? 'tip-tap-btn--active' : ''}`, onClick: () => setIsOpen(!isOpen), type: "button", style: type === 'textColor' && (editorState === null || editorState === void 0 ? void 0 : editorState.color) ? { color: editorState.color } : {}, children: [type === 'textColor' ? (jsx(IconBold, { style: { borderBottom: `3px solid ${(editorState === null || editorState === void 0 ? void 0 : editorState.color) || '#000'}` } })) : (jsx(IconHighlight, {})), jsx("span", { className: "tip-tap-tooltip", children: tooltip })] }), jsx("div", { className: "tip-tap-dropdown__menu", children: jsxs("div", { className: "tip-tap-color-picker", children: [jsx("button", { className: "tip-tap-color-picker__swatch tip-tap-color-picker__swatch--reset", onClick: () => handleColorSelect(null), title: "\u79FB\u9664\u989C\u8272", type: "button" }), colors.map((color) => (jsx("button", { className: "tip-tap-color-picker__swatch", style: { background: color }, onClick: () => handleColorSelect(color), type: "button" }, color)))] }) })] }));
+    return (jsxs("div", { className: `tip-tap-dropdown ${isOpen ? 'tip-tap-dropdown--open' : ''}`, ref: dropdownRef, children: [jsxs("button", { className: `tip-tap-btn ${(editorState === null || editorState === void 0 ? void 0 : editorState.isActive) ? 'tip-tap-btn--active' : ''}`, onClick: () => setIsOpen(!isOpen), type: "button", style: type === 'textColor' && (editorState === null || editorState === void 0 ? void 0 : editorState.color) ? { color: editorState.color } : {}, children: [type === 'textColor' ? (jsx(IconBold, { style: { borderBottom: `3px solid ${(editorState === null || editorState === void 0 ? void 0 : editorState.color) || '#000'}` } })) : (jsx(IconHighlight, {})), jsx("span", { className: "tip-tap-tooltip", children: tooltip })] }), jsx("div", { className: "tip-tap-dropdown__menu", children: jsxs("div", { className: "tip-tap-color-picker", children: [jsx("button", { className: "tip-tap-color-picker__swatch tip-tap-color-picker__swatch--reset", onClick: () => handleColorSelect(null), title: locale.TipTap.removeColor, type: "button" }), colors.map((color) => (jsx("button", { className: "tip-tap-color-picker__swatch", style: { background: color }, onClick: () => handleColorSelect(color), type: "button" }, color)))] }) })] }));
 }
 
 export { ColorPicker };

package/es/components/tip-tap/toolbar/components/heading-dropdown.js

@@ -2,15 +2,18 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useEditorState } from '@tiptap/react';
 import { useState, useRef, useEffect } from 'react';
 import { IconParagraph, IconH1, IconH2, IconH3, IconChevronDown } from '../../icons/index.js';
+import { useLocale } from '../../../../locale/index.js';
 
 function HeadingDropdown({ editor }) {
+    const { locale } = useLocale();
+    const texts = locale.TipTap;
     const [isOpen, setIsOpen] = useState(false);
     const dropdownRef = useRef(null);
     const headings = [
-        { level: 0, label: '正文', icon: jsx(IconParagraph, {}) },
-        { level: 1, label: '标题 1', icon: jsx(IconH1, {}) },
-        { level: 2, label: '标题 2', icon: jsx(IconH2, {}) },
-        { level: 3, label: '标题 3', icon: jsx(IconH3, {}) },
+        { level: 0, label: texts.paragraph, icon: jsx(IconParagraph, {}) },
+        { level: 1, label: texts.heading1, icon: jsx(IconH1, {}) },
+        { level: 2, label: texts.heading2, icon: jsx(IconH2, {}) },
+        { level: 3, label: texts.heading3, icon: jsx(IconH3, {}) },
     ];
     // 使用 useEditorState 来同步编辑器状态
     const editorState = useEditorState({
@@ -38,7 +41,7 @@ function HeadingDropdown({ editor }) {
         }
         setIsOpen(false);
     }
-    return (jsxs("div", { className: `tip-tap-dropdown ${isOpen ? 'tip-tap-dropdown--open' : ''}`, ref: dropdownRef, children: [jsxs("button", { className: `tip-tap-dropdown__trigger ${editorState && editorState.level !== 0 ? 'tip-tap-dropdown__trigger--active' : ''}`, onClick: () => setIsOpen(!isOpen), type: "button", children: [(editorState === null || editorState === void 0 ? void 0 : editorState.icon) || jsx(IconParagraph, {}), jsx("span", { children: (editorState === null || editorState === void 0 ? void 0 : editorState.label) || '正文' }), jsx(IconChevronDown, { className: "tip-tap-dropdown__arrow" })] }), jsx("div", { className: "tip-tap-dropdown__menu", children: headings.map(({ level, label, icon }) => (jsxs("button", { className: `tip-tap-dropdown__item ${(editorState === null || editorState === void 0 ? void 0 : editorState.level) === level ? 'tip-tap-dropdown__item--active' : ''}`, onClick: () => handleSelect(level), type: "button", children: [jsx("span", { className: "tip-tap-dropdown__item-icon", children: icon }), label] }, level))) })] }));
+    return (jsxs("div", { className: `tip-tap-dropdown ${isOpen ? 'tip-tap-dropdown--open' : ''}`, ref: dropdownRef, children: [jsxs("button", { className: `tip-tap-dropdown__trigger ${editorState && editorState.level !== 0 ? 'tip-tap-dropdown__trigger--active' : ''}`, onClick: () => setIsOpen(!isOpen), type: "button", children: [(editorState === null || editorState === void 0 ? void 0 : editorState.icon) || jsx(IconParagraph, {}), jsx("span", { children: (editorState === null || editorState === void 0 ? void 0 : editorState.label) || texts.paragraph }), jsx(IconChevronDown, { className: "tip-tap-dropdown__arrow" })] }), jsx("div", { className: "tip-tap-dropdown__menu", children: headings.map(({ level, label, icon }) => (jsxs("button", { className: `tip-tap-dropdown__item ${(editorState === null || editorState === void 0 ? void 0 : editorState.level) === level ? 'tip-tap-dropdown__item--active' : ''}`, onClick: () => handleSelect(level), type: "button", children: [jsx("span", { className: "tip-tap-dropdown__item-icon", children: icon }), label] }, level))) })] }));
 }
 
 export { HeadingDropdown };

package/es/components/tip-tap/toolbar/components/link-button.js

@@ -3,8 +3,11 @@ import { useEditorState } from '@tiptap/react';
 import { getMarkRange } from '@tiptap/core';
 import { useState, useRef, useEffect } from 'react';
 import { IconLink, IconCheck, IconTrash } from '../../icons/index.js';
+import { useLocale } from '../../../../locale/index.js';
 
 function LinkButton({ editor }) {
+    const { locale } = useLocale();
+    const texts = locale.TipTap;
     const [isOpen, setIsOpen] = useState(false);
     const [label, setLabel] = useState('');
     const [url, setUrl] = useState('');
@@ -101,7 +104,7 @@ function LinkButton({ editor }) {
         setLabel('');
         setUrl('');
     }
-    return (jsxs("div", { className: `tip-tap-dropdown ${isOpen ? 'tip-tap-dropdown--open' : ''}`, ref: dropdownRef, children: [jsxs("button", { className: `tip-tap-btn ${(editorState === null || editorState === void 0 ? void 0 : editorState.isActive) ? 'tip-tap-btn--active' : ''}`, onClick: handleToggleOpen, type: "button", children: [jsx(IconLink, {}), jsx("span", { className: "tip-tap-tooltip", children: "\u94FE\u63A5" })] }), jsx("div", { className: "tip-tap-dropdown__menu", style: { width: 'auto', padding: 0 }, children: jsxs("div", { className: "tip-tap-link-popup", style: { flexDirection: 'column', alignItems: 'stretch' }, children: [jsx("input", { ref: labelInputRef, type: "text", className: "tip-tap-link-popup__input", placeholder: "\u8F93\u5165\u94FE\u63A5\u6587\u672C...", value: label, onChange: (e) => setLabel(e.target.value), onKeyDown: (e) => e.key === 'Enter' && handleSubmit(), style: { marginBottom: '8px' } }), jsx("input", { type: "text", className: "tip-tap-link-popup__input", placeholder: "\u8F93\u5165\u94FE\u63A5\u5730\u5740...", value: url, onChange: (e) => setUrl(e.target.value), onKeyDown: (e) => e.key === 'Enter' && handleSubmit() }), jsxs("div", { style: { display: 'flex', gap: '4px', marginTop: '8px' }, children: [jsx("button", { className: "tip-tap-link-popup__btn", onClick: handleSubmit, type: "button", children: jsx(IconCheck, {}) }), (editorState === null || editorState === void 0 ? void 0 : editorState.isActive) && (jsx("button", { className: "tip-tap-link-popup__btn tip-tap-link-popup__btn--danger", onClick: handleRemove, type: "button", children: jsx(IconTrash, {}) }))] })] }) })] }));
+    return (jsxs("div", { className: `tip-tap-dropdown ${isOpen ? 'tip-tap-dropdown--open' : ''}`, ref: dropdownRef, children: [jsxs("button", { className: `tip-tap-btn ${(editorState === null || editorState === void 0 ? void 0 : editorState.isActive) ? 'tip-tap-btn--active' : ''}`, onClick: handleToggleOpen, type: "button", children: [jsx(IconLink, {}), jsx("span", { className: "tip-tap-tooltip", children: texts.link })] }), jsx("div", { className: "tip-tap-dropdown__menu", style: { width: 'auto', padding: 0 }, children: jsxs("div", { className: "tip-tap-link-popup", style: { flexDirection: 'column', alignItems: 'stretch' }, children: [jsx("input", { ref: labelInputRef, type: "text", className: "tip-tap-link-popup__input", placeholder: texts.linkText, value: label, onChange: (e) => setLabel(e.target.value), onKeyDown: (e) => e.key === 'Enter' && handleSubmit(), style: { marginBottom: '8px' } }), jsx("input", { type: "text", className: "tip-tap-link-popup__input", placeholder: texts.linkUrl, value: url, onChange: (e) => setUrl(e.target.value), onKeyDown: (e) => e.key === 'Enter' && handleSubmit() }), jsxs("div", { style: { display: 'flex', gap: '4px', marginTop: '8px' }, children: [jsx("button", { className: "tip-tap-link-popup__btn", onClick: handleSubmit, type: "button", children: jsx(IconCheck, {}) }), (editorState === null || editorState === void 0 ? void 0 : editorState.isActive) && (jsx("button", { className: "tip-tap-link-popup__btn tip-tap-link-popup__btn--danger", onClick: handleRemove, type: "button", children: jsx(IconTrash, {}) }))] })] }) })] }));
 }
 
 export { LinkButton };