n20-common-lib 3.2.39 → 3.2.40

package/src/components/Pivot/ConfigSidebar.vue

@@ -4,19 +4,19 @@
     <div class="sidebar-header">
       <template v-if="!isCollapsed">
         <i class="v3-icon-move-right sidebar-header-collapse" @click="handleToggleCollapse"></i>
-        <span class="sidebar-title">维度配置</span>
+        <span class="sidebar-title">{{ $lc('维度配置') }}</span>
       </template>
     </div>
     <div class="config-form">
       <!-- 报表标题 -->
       <div class="form-item">
-        <label class="form-label">报表标题</label>
-        <el-input :value="reportName" size="small" placeholder="请输入报表名称" @input="handleNameChange" />
+        <label class="form-label">{{ $lc('报表标题') }}</label>
+        <el-input :value="reportName" size="small" :placeholder="$lc('请输入报表名称')" @input="handleNameChange" />
       </div>
 
       <!-- 统计类型 -->
       <div class="form-item">
-        <label class="form-label">统计类型</label>
+        <label class="form-label">{{ $lc('统计类型') }}</label>
         <div class="radio-group">
           <ViewToggle :value="statType" :item-width="120" :options="statTypeOptions" @change="handleStatTypeChange" />
         </div>
@@ -24,7 +24,7 @@
 
       <!-- 展示形式 - 仅分组统计 + 图表视图时显示 -->
       <div v-if="!isCrossMode && viewMode === 'chart'" class="form-item">
-        <label class="form-label">展示形式</label>
+        <label class="form-label">{{ $lc('展示形式') }}</label>
         <div
           class="select-wrapper"
           :class="{ active: showChartTypeDropdown }"
@@ -62,9 +62,9 @@
 
       <!-- 分组维度 - 仅分组统计显示，单选 -->
       <div v-if="!isCrossMode" class="form-item">
-        <label class="form-label">
-          分组维度
-          <el-tooltip content="选择维度字段作为分组依据" placement="top">
+        <label class="form-label"
+          >{{ $lc('分组维度')
+          }}<el-tooltip :content="$lc('选择维度字段作为分组依据')" placement="top">
             <i class="v3-icon-help"></i>
           </el-tooltip>
         </label>
@@ -74,7 +74,7 @@
           @click="showDimensionDropdown = !showDimensionDropdown"
         >
           <div class="select-value">
-            <span v-if="!selectedDimension" class="placeholder">请选择</span>
+            <span v-if="!selectedDimension" class="placeholder">{{ $lc('请选择') }}</span>
             <span v-else>{{ getDimensionLabel(selectedDimension) }}</span>
           </div>
           <svg class="select-arrow" width="10" height="10" viewBox="0 0 10 10" fill="none">
@@ -102,9 +102,9 @@
 
       <!-- 行维度 - 仅交叉统计显示 -->
       <div v-if="isCrossMode" class="form-item">
-        <label class="form-label">
-          行维度
-          <el-tooltip content="选择维度字段作为行分组依据" placement="top">
+        <label class="form-label"
+          >{{ $lc('行维度')
+          }}<el-tooltip :content="$lc('选择维度字段作为行分组依据')" placement="top">
             <i class="v3-icon-help"></i>
           </el-tooltip>
         </label>
@@ -114,7 +114,7 @@
           @click="showRowDimensionDropdown = !showRowDimensionDropdown"
         >
           <div class="select-value">
-            <span v-if="!rowDimension" class="placeholder">请选择</span>
+            <span v-if="!rowDimension" class="placeholder">{{ $lc('请选择') }}</span>
             <span v-else>{{ getDimensionLabel(rowDimension) }}</span>
           </div>
           <svg class="select-arrow" width="10" height="10" viewBox="0 0 10 10" fill="none">
@@ -144,9 +144,9 @@
 
       <!-- 列维度 - 仅交叉统计显示 -->
       <div v-if="isCrossMode" class="form-item">
-        <label class="form-label">
-          列维度
-          <el-tooltip content="选择维度字段作为列分组依据" placement="top">
+        <label class="form-label"
+          >{{ $lc('列维度')
+          }}<el-tooltip :content="$lc('选择维度字段作为列分组依据')" placement="top">
             <i class="v3-icon-help"></i>
           </el-tooltip>
         </label>
@@ -156,7 +156,7 @@
           @click="showColumnDimensionDropdown = !showColumnDimensionDropdown"
         >
           <div class="select-value">
-            <span v-if="!columnDimension" class="placeholder">请选择</span>
+            <span v-if="!columnDimension" class="placeholder">{{ $lc('请选择') }}</span>
             <span v-else>{{ getDimensionLabel(columnDimension) }}</span>
           </div>
           <svg class="select-arrow" width="10" height="10" viewBox="0 0 10 10" fill="none">
@@ -188,15 +188,15 @@
       <div class="form-item">
         <div class="form-label-row">
           <div class="form-label-group">
-            <label class="form-label">
-              计算指标
-              <el-tooltip content="选择数值字段作为计算指标，支持多种聚合方式" placement="top">
+            <label class="form-label"
+              >{{ $lc('计算指标')
+              }}<el-tooltip :content="$lc('选择数值字段作为计算指标，支持多种聚合方式')" placement="top">
                 <i class="v3-icon-help"></i>
               </el-tooltip>
             </label>
           </div>
           <div class="aggregate-dropdown" @click="showAggregateDropdown = !showAggregateDropdown">
-            <span>自定义</span>
+            <span>{{ $lc('自定义') }}</span>
             <svg width="10" height="10" viewBox="0 0 10 10" fill="none">
               <path
                 d="M2 3L5 7L8 3"
@@ -256,7 +256,7 @@
           <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
             <path d="M7 1V13M1 7H13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
           </svg>
-          <span>添加字段</span>
+          <span>{{ $lc('添加字段') }}</span>
           <!-- 添加字段下拉 -->
           <div v-if="showMetricAddDropdown" class="dropdown-menu metric-add-dropdown">
             <div
@@ -267,7 +267,7 @@
             >
               {{ metric.label }}
             </div>
-            <div v-if="availableMetricsForAdd.length === 0" class="dropdown-item disabled">无可用字段</div>
+            <div v-if="availableMetricsForAdd.length === 0" class="dropdown-item disabled">{{ $lc('无可用字段') }}</div>
           </div>
         </div>
       </div>
@@ -276,6 +276,8 @@
 </template>
 
 <script>
+import { $lc } from '@/utils/i18n/index.js'
+
 import ViewToggle from '../ViewToggle/index.vue'
 
 export default {
@@ -395,7 +397,7 @@ export default {
     // 获取图表类型标签
     getChartTypeLabel(type) {
       const chart = this.chartTypes.find((t) => t.value === type)
-      return chart ? chart.label : '柱状图'
+      return chart ? chart.label : $lc('柱状图')
     },
 
     // 获取维度标签
@@ -424,7 +426,7 @@ export default {
     // 获取聚合类型标签
     getAggregateLabel(type) {
       const agg = this.aggregateTypes.find((t) => t.value === type)
-      return agg ? agg.label : '求和'
+      return agg ? agg.label : $lc('求和')
     },
 
     // 切换折叠状态

package/src/components/Pivot/MainToolbar.vue

@@ -11,13 +11,13 @@
               fill="#007AFF"
             />
           </svg>
-          <span>添加到首页</span>
+          <span>{{ $lc('添加到首页') }}</span>
         </div>
       </div>
       <div class="report-stats">
-        <span class="stat-item">计算耗时：{{ calculateTime }} ms</span>
+        <span class="stat-item">{{ $lc('计算耗时：') }}{{ calculateTime }} ms</span>
         <span class="stat-divider"></span>
-        <span class="stat-item">数据条数：{{ dataCount }}</span>
+        <span class="stat-item">{{ $lc('数据条数：') }}{{ dataCount }}</span>
       </div>
     </div>
 
@@ -30,28 +30,28 @@
       />
       <span class="toolbar-divider"></span>
       <div class="action-buttons">
-        <div class="action-btn" title="刷新" @click="handleRefresh">
+        <div class="action-btn" :title="$lc('刷新')" @click="handleRefresh">
           <i class="n20-icon-shuaxin"></i>
         </div>
-        <div class="action-btn more-btn" :class="{ active: showMoreMenu }" title="更多" @click="toggleMoreMenu">
+        <div class="action-btn more-btn" :class="{ active: showMoreMenu }" :title="$lc('更多')" @click="toggleMoreMenu">
           <i class="v3-icon-more"></i>
           <div v-if="showMoreMenu" class="more-dropdown-menu" @click.stop>
             <div v-if="isRightSidebarCollapsed" class="dropdown-menu-item" @click="handleConfig">
               <i class="v3-icon-setting"></i>
-              <span>配置</span>
+              <span>{{ $lc('配置') }}</span>
             </div>
             <div class="dropdown-menu-item" @click="handleAddToHome">
               <i class="v3-icon-add-menu"></i>
-              <span>添加到首页</span>
+              <span>{{ $lc('添加到首页') }}</span>
             </div>
             <div class="dropdown-menu-item" @click="handleExport">
               <i class="v3-icon-upload"></i>
-              <span>导出</span>
+              <span>{{ $lc('导出') }}</span>
             </div>
             <div class="dropdown-divider"></div>
             <div class="dropdown-menu-item danger" @click.stop="handleDeleteReport">
               <i class="v3-icon-delete"></i>
-              <span>删除</span>
+              <span>{{ $lc('删除') }}</span>
             </div>
           </div>
         </div>

package/src/components/Pivot/ReportSidebar.vue

@@ -2,8 +2,8 @@
   <!-- 左侧报表清单 -->
   <div class="pivot-sidebar-left" :class="{ collapsed: isCollapsed }">
     <div class="sidebar-header">
-      <span class="sidebar-title">我的报表清单</span>
-      <div class="add-report-btn" title="新建" @click="handleAddReport">
+      <span class="sidebar-title">{{ $lc('我的报表清单') }}</span>
+      <div class="add-report-btn" :title="$lc('新建')" @click="handleAddReport">
         <i class="v3-icon-plus"></i>
       </div>
     </div>
@@ -42,11 +42,11 @@
           <div v-if="activeMenuId === report.id" class="report-menu">
             <div class="report-menu-item" @click.stop="handleStartRename(report)">
               <i class="v3-icon-edit"></i>
-              <span>重命名</span>
+              <span>{{ $lc('重命名') }}</span>
             </div>
             <div class="report-menu-item delete" @click.stop="handleDeleteReport(report)">
               <i class="v3-icon-delete"></i>
-              <span>删除</span>
+              <span>{{ $lc('删除') }}</span>
             </div>
           </div>
         </div>

package/src/components/Pivot/TableView.vue

@@ -51,8 +51,7 @@
                 <template #default="{ row }">
                   <div class="metric-cell-content">
                     <span v-if="childCol.aggregateType === 'count'" class="metric-count">
-                      {{ formatCount(row._groupCount) }} 笔
-                    </span>
+                      {{ formatCount(row._groupCount) }}{{ $lc('笔') }}</span>
                     <span v-else class="metric-value">{{ formatNumber(row[childCol.key]) }}</span>
                   </div>
                 </template>
@@ -78,8 +77,7 @@
                 <template v-else-if="col.type === 'metric'">
                   <div class="metric-cell-content">
                     <span v-if="col.aggregateType === 'count'" class="metric-count">
-                      {{ formatCount(row._groupCount) }} 笔
-                    </span>
+                      {{ formatCount(row._groupCount) }}{{ $lc('笔') }}</span>
                     <span v-else class="metric-value">{{ formatNumber(row[col.field]) }}</span>
                   </div>
                 </template>
@@ -96,7 +94,7 @@
 
       <!-- 分页组件 -->
       <div class="cross-pagination">
-        <div class="pagination-info">共{{ totalCount }}条</div>
+        <div class="pagination-info">{{ $lc('共') }}{{ totalCount }}{{ $lc('条') }}</div>
         <div class="pagination-controls">
           <div class="pagination-btn" :class="{ disabled: currentPage <= 1 }" @click="handlePrevPage">
             <i class="v3-icon-left"></i>
@@ -109,7 +107,7 @@
           </div>
         </div>
         <div class="pagination-size-select" @click="showPageSizeDropdown = !showPageSizeDropdown">
-          <span>{{ pageSize }}条/页</span>
+          <span>{{ pageSize }}{{ $lc('条/页') }}</span>
           <i class="v3-icon-down"></i>
           <div v-if="showPageSizeDropdown" class="pagination-size-dropdown">
             <div
@@ -119,19 +117,18 @@
               :class="{ active: pageSize === size }"
               @click.stop="handlePageSizeChange(size)"
             >
-              {{ size }}条/页
-            </div>
+              {{ size }}{{ $lc('条/页') }}</div>
           </div>
         </div>
         <div class="pagination-jump">
-          <span class="pagination-jump-label">前往</span>
+          <span class="pagination-jump-label">{{ $lc('前往') }}</span>
           <input type="number" class="pagination-jump-input" :value="currentPage" @change="handleJumpToPage" min="1" />
-          <span class="pagination-jump-label">页</span>
+          <span class="pagination-jump-label">{{ $lc('页') }}</span>
         </div>
       </div>
     </div>
     <div v-else class="empty-state">
-      <Empty type="noData2" :height="200" :width="200" content="暂无数据" />
+      <Empty type="noData2" :height="200" :width="200" :content="$lc('暂无数据')" />
     </div>
   </div>
 </template>

package/src/components/Pivot/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <Dialog class="n20-pivot-dialog" width="95%" max-dialog :visible.sync="visibleC" title="数据透视分析中心">
+  <Dialog class="n20-pivot-dialog" width="95%" max-dialog :visible.sync="visibleC" :title="$lc('数据透视分析中心')">
     <div class="n20-pivot-container">
       <!-- 左侧报表清单 -->
       <ReportSidebar
@@ -230,26 +230,26 @@ export default {
       pageSizeOptions: [10, 20, 50, 100],
       // 视图模式选项
       viewModeOptions: [
-        { label: '图表视图', value: 'chart' },
-        { label: '表格视图', value: 'table' }
+        { label: $lc("图表视图"), value: 'chart' },
+        { label: $lc("表格视图"), value: 'table' }
       ],
       totalModeOptions: [
-        { label: '分组统计', value: 'group' },
-        { label: '交叉统计', value: 'cross' }
+        { label: $lc("分组统计"), value: 'group' },
+        { label: $lc("交叉统计"), value: 'cross' }
       ],
       // 图表类型选项
       chartTypes: [
-        { value: 'bar', label: '柱状图' },
-        { value: 'line', label: '折线图' },
-        { value: 'pie', label: '饼图' }
+        { value: 'bar', label: $lc("柱状图") },
+        { value: 'line', label: $lc("折线图") },
+        { value: 'pie', label: $lc("饼图") }
       ],
       // 聚合类型选项
       aggregateTypes: [
-        { value: 'sum', label: '求和' },
-        { value: 'count', label: '计数' },
-        { value: 'avg', label: '平均值' },
-        { value: 'max', label: '最大值' },
-        { value: 'min', label: '最小值' }
+        { value: 'sum', label: $lc("求和") },
+        { value: 'count', label: $lc("计数") },
+        { value: 'avg', label: $lc("平均值") },
+        { value: 'max', label: $lc("最大值") },
+        { value: 'min', label: $lc("最小值") }
       ]
     }
   },
@@ -476,10 +476,10 @@ export default {
 
         return result
       } catch (err) {
-        console.error('数据透视计算失败:', err)
+        console.error($lc("数据透视计算失败:"), err)
         this.error = {
           code: 'AGGREGATION_ERROR',
-          message: err.message || '数据计算过程中发生错误',
+          message: err.message || $lc("数据计算过程中发生错误"),
           stack: err.stack
         }
         this.calculateTime = 0
@@ -622,7 +622,7 @@ export default {
     // 获取第一个维度标签
     getFirstDimensionLabel() {
       const dim = this.currentReport.selectedDimension
-      if (!dim) return '未选择'
+      if (!dim) return $lc("未选择")
       const dimDef = this.columns.find((c) => c.prop === dim)
       return dimDef ? dimDef.label : dim
     },
@@ -630,7 +630,7 @@ export default {
     // 获取行维度标签（交叉统计用）
     getRowDimensionLabel() {
       const dim = this.currentReport.rowDimension
-      if (!dim) return '未选择'
+      if (!dim) return $lc("未选择")
       const dimDef = this.columns.find((c) => c.prop === dim)
       return dimDef ? dimDef.label : dim
     },
@@ -638,7 +638,7 @@ export default {
     // 获取列维度标签（交叉统计用）
     getColumnDimensionLabel() {
       const dim = this.currentReport.columnDimension
-      if (!dim) return '未选择'
+      if (!dim) return $lc("未选择")
       const dimDef = this.columns.find((c) => c.prop === dim)
       return dimDef ? dimDef.label : dim
     },
@@ -732,7 +732,7 @@ export default {
                 {
                   type: 'text',
                   style: {
-                    text: '总计',
+                    text: $lc("总计"),
                     textAlign: 'center',
                     fill: getCSSVariableValue('--color-text-regular'),
                     fontSize: 13,
@@ -1166,7 +1166,7 @@ export default {
     getDefaultReport() {
       return {
         id: this.generateId(),
-        name: '报表清单',
+        name: $lc("报表清单"),
         statType: 'group',
         chartType: this.chartType || 'bar',
         selectedDimension: null,
@@ -1268,9 +1268,9 @@ export default {
     },
 
     handleDeleteReport(report) {
-      this.$confirm(`确定要删除报表"${report.name}"吗？`, '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
+      this.$confirm(`确定要删除报表"${report.name}"吗？`, $lc("提示"), {
+        confirmButtonText: $lc("确定"),
+        cancelButtonText: $lc("取消"),
         type: 'warning'
       })
         .then(() => {
@@ -1284,7 +1284,7 @@ export default {
               this.addNewReport()
             }
             this.saveToStorage()
-            this.$message.success('删除成功')
+            this.$message.success($lc("删除成功"))
           }
         })
         .catch(() => {})
@@ -1319,7 +1319,7 @@ export default {
     handleExport() {
       const data = this.processedData
       if (data.length === 0) {
-        this.$message.warning('暂无数据可导出')
+        this.$message.warning($lc("暂无数据可导出"))
         return
       }
 
@@ -1345,7 +1345,7 @@ export default {
 
     handleAddToHome() {
       this.$emit('add-to-home', this.currentReport)
-      this.$message.success('已添加到首页')
+      this.$message.success($lc("已添加到首页"))
     },
 
     handleDeleteCurrentReport() {