@univerjs/sheets-table-ui 0.24.0 → 0.25.0

package/lib/cjs/index.js

@@ -16,7 +16,7 @@ let _univerjs_sheets_formula_ui = require("@univerjs/sheets-formula-ui");
 
 //#region package.json
 var name = "@univerjs/sheets-table-ui";
-var version = "0.24.0";
+var version = "0.25.0";
 
 //#endregion
 //#region src/const.ts
@@ -51,7 +51,7 @@ const TABLE_BORDER_NONE = "none";
 const TABLE_BORDER_DEFAULT = "1px solid rgb(var(--grey-200))";
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -62,7 +62,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -75,14 +75,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -93,7 +93,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -101,7 +101,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -169,7 +169,7 @@ let SheetsTableUiService = class SheetsTableUiService extends _univerjs_core.Dis
 		const checkedItems = [];
 		if (table) {
 			const filter = table.getTableFilterColumn(columnIndex);
-			if (filter && (0, _univerjs_sheets_table.isManualTableFilter)(filter)) checkedItems.push(...filter.values);
+			if (filter && (0, _univerjs_sheets_table.isManualTableFilter)(filter)) checkedItems.push(...filter.values.map((value) => value === _univerjs_sheets_table.TABLE_FILTER_EMPTY_VALUE ? this._localeService.t("sheets-table-ui.condition.empty") : value));
 		}
 		return checkedItems;
 	}
@@ -196,7 +196,8 @@ let SheetsTableUiService = class SheetsTableUiService extends _univerjs_core.Dis
 			itemsCountMap: /* @__PURE__ */ new Map(),
 			allItemsCount: 0
 		};
-		const { startRow, endRow, startColumn } = table.getTableFilterRange();
+		const tableRange = table.getTableFilterRange();
+		const { startRow, endRow, startColumn } = tableRange;
 		const column = startColumn + columnIndex;
 		const worksheet = (_this$_univerInstance = this._univerInstanceService.getUnit(unitId)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getSheetBySheetId(subUnitId);
 		if (!worksheet) return {
@@ -206,11 +207,17 @@ let SheetsTableUiService = class SheetsTableUiService extends _univerjs_core.Dis
 		};
 		const data = [];
 		const map = /* @__PURE__ */ new Map();
+		const filteredRowsByOtherColumns = /* @__PURE__ */ new Set();
+		const tableFilters = table.getTableFilters();
+		for (let i = tableRange.startColumn; i <= tableRange.endColumn; i++) {
+			const currentColumnIndex = i - tableRange.startColumn;
+			if (currentColumnIndex !== columnIndex && table.getTableFilterColumn(currentColumnIndex)) tableFilters.doColumnFilter(worksheet, tableRange, currentColumnIndex, filteredRowsByOtherColumns);
+		}
 		let allItemsCount = 0;
 		for (let row = startRow; row <= endRow; row++) {
-			if (worksheet.isRowFiltered(row)) continue;
+			if (filteredRowsByOtherColumns.has(row)) continue;
 			let stringItem = this._sheetTableService.getCellValueWithConditionType(worksheet, row, column);
-			if (stringItem === void 0) stringItem = this._localeService.t("sheets-table.condition.empty");
+			if (stringItem == null) stringItem = this._localeService.t("sheets-table-ui.condition.empty");
 			if (!map.has(stringItem)) data.push({
 				title: stringItem,
 				key: `${column}_${row}`,
@@ -246,171 +253,171 @@ function getCascaderListOptions(injector) {
 	return [
 		{
 			value: _univerjs_sheets_table.TableConditionTypeEnum.String,
-			label: t(`sheets-table.condition.${_univerjs_sheets_table.TableConditionTypeEnum.String}`),
+			label: t(`sheets-table-ui.condition.${_univerjs_sheets_table.TableConditionTypeEnum.String}`),
 			children: [
 				{
 					value: _univerjs_sheets_table.TableStringCompareTypeEnum.Equal,
-					label: t(`sheets-table.string.compare.${_univerjs_sheets_table.TableStringCompareTypeEnum.Equal}`)
+					label: t(`sheets-table-ui.string.compare.${_univerjs_sheets_table.TableStringCompareTypeEnum.Equal}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableStringCompareTypeEnum.NotEqual,
-					label: t(`sheets-table.string.compare.${_univerjs_sheets_table.TableStringCompareTypeEnum.NotEqual}`)
+					label: t(`sheets-table-ui.string.compare.${_univerjs_sheets_table.TableStringCompareTypeEnum.NotEqual}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableStringCompareTypeEnum.Contains,
-					label: t(`sheets-table.string.compare.${_univerjs_sheets_table.TableStringCompareTypeEnum.Contains}`)
+					label: t(`sheets-table-ui.string.compare.${_univerjs_sheets_table.TableStringCompareTypeEnum.Contains}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableStringCompareTypeEnum.NotContains,
-					label: t(`sheets-table.string.compare.${_univerjs_sheets_table.TableStringCompareTypeEnum.NotContains}`)
+					label: t(`sheets-table-ui.string.compare.${_univerjs_sheets_table.TableStringCompareTypeEnum.NotContains}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableStringCompareTypeEnum.StartsWith,
-					label: t(`sheets-table.string.compare.${_univerjs_sheets_table.TableStringCompareTypeEnum.StartsWith}`)
+					label: t(`sheets-table-ui.string.compare.${_univerjs_sheets_table.TableStringCompareTypeEnum.StartsWith}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableStringCompareTypeEnum.EndsWith,
-					label: t(`sheets-table.string.compare.${_univerjs_sheets_table.TableStringCompareTypeEnum.EndsWith}`)
+					label: t(`sheets-table-ui.string.compare.${_univerjs_sheets_table.TableStringCompareTypeEnum.EndsWith}`)
 				}
 			]
 		},
 		{
 			value: _univerjs_sheets_table.TableConditionTypeEnum.Number,
-			label: t(`sheets-table.condition.${_univerjs_sheets_table.TableConditionTypeEnum.Number}`),
+			label: t(`sheets-table-ui.condition.${_univerjs_sheets_table.TableConditionTypeEnum.Number}`),
 			children: [
 				{
 					value: _univerjs_sheets_table.TableNumberCompareTypeEnum.Equal,
-					label: t(`sheets-table.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.Equal}`)
+					label: t(`sheets-table-ui.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.Equal}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableNumberCompareTypeEnum.NotEqual,
-					label: t(`sheets-table.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.NotEqual}`)
+					label: t(`sheets-table-ui.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.NotEqual}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableNumberCompareTypeEnum.GreaterThan,
-					label: t(`sheets-table.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.GreaterThan}`)
+					label: t(`sheets-table-ui.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.GreaterThan}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableNumberCompareTypeEnum.GreaterThanOrEqual,
-					label: t(`sheets-table.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.GreaterThanOrEqual}`)
+					label: t(`sheets-table-ui.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.GreaterThanOrEqual}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableNumberCompareTypeEnum.LessThan,
-					label: t(`sheets-table.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.LessThan}`)
+					label: t(`sheets-table-ui.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.LessThan}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableNumberCompareTypeEnum.LessThanOrEqual,
-					label: t(`sheets-table.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.LessThanOrEqual}`)
+					label: t(`sheets-table-ui.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.LessThanOrEqual}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableNumberCompareTypeEnum.Between,
-					label: t(`sheets-table.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.Between}`)
+					label: t(`sheets-table-ui.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.Between}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableNumberCompareTypeEnum.NotBetween,
-					label: t(`sheets-table.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.NotBetween}`)
+					label: t(`sheets-table-ui.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.NotBetween}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableNumberCompareTypeEnum.Above,
-					label: t(`sheets-table.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.Above}`)
+					label: t(`sheets-table-ui.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.Above}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableNumberCompareTypeEnum.Below,
-					label: t(`sheets-table.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.Below}`)
+					label: t(`sheets-table-ui.number.compare.${_univerjs_sheets_table.TableNumberCompareTypeEnum.Below}`)
 				}
 			]
 		},
 		{
 			value: _univerjs_sheets_table.TableConditionTypeEnum.Date,
-			label: t(`sheets-table.condition.${_univerjs_sheets_table.TableConditionTypeEnum.Date}`),
+			label: t(`sheets-table-ui.condition.${_univerjs_sheets_table.TableConditionTypeEnum.Date}`),
 			children: [
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.Equal,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Equal}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Equal}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.NotEqual,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.NotEqual}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.NotEqual}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.After,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.After}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.After}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.AfterOrEqual,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.AfterOrEqual}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.AfterOrEqual}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.Before,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Before}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Before}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.BeforeOrEqual,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.BeforeOrEqual}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.BeforeOrEqual}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.Between,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Between}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Between}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.NotBetween,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.NotBetween}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.NotBetween}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.Today,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Today}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Today}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.Yesterday,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Yesterday}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Yesterday}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.Tomorrow,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Tomorrow}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Tomorrow}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.ThisWeek,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.ThisWeek}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.ThisWeek}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.LastWeek,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.LastWeek}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.LastWeek}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.NextWeek,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.NextWeek}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.NextWeek}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.ThisMonth,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.ThisMonth}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.ThisMonth}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.LastMonth,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.LastMonth}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.LastMonth}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.NextMonth,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.NextMonth}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.NextMonth}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.ThisYear,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.ThisYear}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.ThisYear}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.LastYear,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.LastYear}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.LastYear}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.NextYear,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.NextYear}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.NextYear}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.Quarter,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Quarter}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Quarter}`)
 				},
 				{
 					value: _univerjs_sheets_table.TableDateCompareTypeEnum.Month,
-					label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Month}`)
+					label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Month}`)
 				}
 			]
 		}
@@ -423,69 +430,69 @@ function getConditionDateSelect(injector, dateType) {
 		case _univerjs_sheets_table.TableDateCompareTypeEnum.Quarter: return [
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.Q1,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Q1}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Q1}`)
 			},
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.Q2,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Q2}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Q2}`)
 			},
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.Q3,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Q3}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Q3}`)
 			},
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.Q4,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Q4}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.Q4}`)
 			}
 		];
 		case _univerjs_sheets_table.TableDateCompareTypeEnum.Month: return [
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.M1,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M1}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M1}`)
 			},
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.M2,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M2}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M2}`)
 			},
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.M3,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M3}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M3}`)
 			},
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.M4,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M4}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M4}`)
 			},
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.M5,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M5}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M5}`)
 			},
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.M6,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M6}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M6}`)
 			},
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.M7,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M7}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M7}`)
 			},
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.M8,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M8}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M8}`)
 			},
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.M9,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M9}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M9}`)
 			},
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.M10,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M10}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M10}`)
 			},
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.M11,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M11}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M11}`)
 			},
 			{
 				value: _univerjs_sheets_table.TableDateCompareTypeEnum.M12,
-				label: t(`sheets-table.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M12}`)
+				label: t(`sheets-table-ui.date.compare.${_univerjs_sheets_table.TableDateCompareTypeEnum.M12}`)
 			}
 		];
 		default: return [];
@@ -613,8 +620,8 @@ const SheetTableConditionPanel = (props) => {
 	};
 	const subComponentType = getSubComponentType(conditionInfo.type, conditionInfo.compare);
 	let selectType = "";
-	if (conditionInfo.compare) selectType = `${localeService.t(`sheets-table.condition.${conditionInfo.type}`)} - ${localeService.t(`sheets-table.${conditionInfo.type}.compare.${conditionInfo.compare}`)}`;
-	else selectType = localeService.t(`sheets-table.condition.${conditionInfo.type}`);
+	if (conditionInfo.compare) selectType = `${localeService.t(`sheets-table-ui.condition.${conditionInfo.type}`)} - ${localeService.t(`sheets-table-ui.${conditionInfo.type}.compare.${conditionInfo.compare}`)}`;
+	else selectType = localeService.t(`sheets-table-ui.condition.${conditionInfo.type}`);
 	const conditionDateOptions = getConditionDateSelect(injector, conditionInfo.compare);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Dropdown, {
 		align: "start",
@@ -776,17 +783,19 @@ function SheetTableItemsFilterPanel(props) {
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
 			autoFocus: true,
 			value: searchText,
-			placeholder: localeService.t("sheets-table.filter.search-placeholder"),
+			placeholder: localeService.t("sheets-table-ui.filter.search-placeholder"),
 			onChange: onSearchValueChange
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: (0, _univerjs_design.clsx)("univer-mt-2 univer-box-border univer-flex univer-h-[180px] univer-max-h-[180px] univer-flex-grow univer-flex-col univer-overflow-hidden univer-rounded-md univer-py-1.5 univer-pl-2", _univerjs_design.borderClassName),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, _univerjs_design.clsx)("univer-h-40 univer-overflow-y-auto univer-py-1 univer-pl-2", _univerjs_design.scrollbarClassName),
+				className: (0, _univerjs_design.clsx)("univer-h-40 univer-min-w-0 univer-overflow-y-auto univer-py-1 univer-pl-2", _univerjs_design.scrollbarClassName),
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "univer-h-full",
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "univer-flex univer-items-center univer-px-2 univer-py-1",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
+							className: "univer-min-w-0 univer-flex-1",
+							contentClassName: "univer-flex-1 univer-min-w-0",
 							indeterminate,
 							disabled: items.length === 0,
 							checked: allChecked,
@@ -794,8 +803,8 @@ function SheetTableItemsFilterPanel(props) {
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "univer-flex univer-h-5 univer-flex-1 univer-items-center univer-text-sm",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-									className: "univer-inline-block univer-truncate",
-									children: `${localeService.t("sheets-table.filter.select-all")}`
+									className: "univer-flex-1 univer-truncate",
+									children: `${localeService.t("sheets-table-ui.filter.select-all")}`
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "univer-ml univer-text-gray-400",
 									children: `(${checkedCount}/${searchText ? displayItems.length : allItemsCount})`
@@ -806,17 +815,19 @@ function SheetTableItemsFilterPanel(props) {
 						return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "univer-flex univer-items-center univer-px-2 univer-py-1",
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
+								className: "univer-min-w-0 univer-flex-1",
+								contentClassName: "univer-flex-1 univer-min-w-0",
 								checked: allChecked || checkedItemSet.has(item.title),
 								onChange: () => {
 									onCheckItemToggled(item.title);
 								},
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-									className: "univer-flex univer-h-5 univer-flex-1 univer-text-sm",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: "univer-flex univer-h-5 univer-flex-1 univer-items-center univer-text-sm",
 									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "univer-inline-block univer-truncate",
+										className: "univer-flex-1 univer-truncate",
 										children: item.title
 									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "univer-ml-1 univer-text-gray-400",
+										className: "univer-ml-1 univer-inline-flex univer-h-full univer-items-center univer-text-gray-400",
 										children: `(${itemsCountMap.get(item.title) || 0})`
 									})]
 								})
@@ -905,7 +916,8 @@ function SheetTableFilterPanel() {
 	const onApply = () => {
 		if (filterBy === "items") {
 			const filteredItems = [];
-			for (const itemInfo of data) if (checkedItemSet.has(itemInfo.title)) filteredItems.push(itemInfo.title);
+			const emptyLabel = localeService.t("sheets-table-ui.condition.empty");
+			for (const itemInfo of data) if (checkedItemSet.has(itemInfo.title)) filteredItems.push(itemInfo.title === emptyLabel ? _univerjs_sheets_table.TABLE_FILTER_EMPTY_VALUE : itemInfo.title);
 			const originFilter = table.getTableFilterColumn(columnIndex);
 			if (originFilter) {
 				if (originFilter.values.join(",") === filteredItems.join(",")) {
@@ -946,7 +958,7 @@ function SheetTableFilterPanel() {
 	};
 	const workbookEditableId = new _univerjs_sheets.WorkbookEditablePermission(unitId).id;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "univer-box-border univer-flex univer-min-w-[312px] univer-flex-col univer-rounded-[10px] univer-bg-white univer-p-4 univer-shadow-lg dark:!univer-border-gray-600 dark:!univer-bg-gray-700",
+		className: "univer-box-border univer-flex univer-w-[400px] univer-flex-col univer-rounded-[10px] univer-bg-white univer-p-4 univer-shadow-lg dark:!univer-border-gray-600 dark:!univer-bg-gray-700",
 		children: [
 			((_permissionService$ge = permissionService.getPermissionPoint(workbookEditableId)) === null || _permissionService$ge === void 0 ? void 0 : _permissionService$ge.value) && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "-univer-mx-4 -univer-mt-2 univer-mb-3 univer-border-0 univer-border-b univer-border-solid univer-border-gray-200 univer-py-1",
@@ -958,7 +970,7 @@ function SheetTableFilterPanel() {
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.LeftInsertColumnDoubleIcon, {
 							className: "univer-size-5",
 							extend: { colorChannel1: "var(--univer-primary-600)" }
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("sheets-table.columnMenu.insert-left") })]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("sheets-table-ui.columnMenu.insert-left") })]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 						type: "button",
@@ -967,7 +979,7 @@ function SheetTableFilterPanel() {
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.RightInsertColumnDoubleIcon, {
 							className: "univer-size-5",
 							extend: { colorChannel1: "var(--univer-primary-600)" }
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("sheets-table.columnMenu.insert-right") })]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("sheets-table-ui.columnMenu.insert-right") })]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 						type: "button",
@@ -977,7 +989,7 @@ function SheetTableFilterPanel() {
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.DeleteColumnDoubleIcon, {
 							className: "univer-size-5",
 							extend: { colorChannel1: "var(--univer-primary-600)" }
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("sheets-table.columnMenu.delete") })]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t("sheets-table-ui.columnMenu.delete") })]
 					})
 				]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -987,11 +999,11 @@ function SheetTableFilterPanel() {
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_univerjs_design.Button, {
 						className: "univer-w-1/2",
 						onClick: () => applySort(true),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.AscendingIcon, { className: "univer-mr-1" }), localeService.t("sheets-sort.general.sort-asc")]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.AscendingIcon, { className: "univer-mr-1" }), localeService.t("sheets-table-ui.sort.sort-asc")]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_univerjs_design.Button, {
 						className: "univer-w-1/2",
 						onClick: () => applySort(false),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.DescendingIcon, { className: "univer-mr-1" }), localeService.t("sheets-sort.general.sort-desc")]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.DescendingIcon, { className: "univer-mr-1" }), localeService.t("sheets-table-ui.sort.sort-desc")]
 					})]
 				})
 			})] }),
@@ -1031,15 +1043,15 @@ function SheetTableFilterPanel() {
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
 					disabled: tableFilter === void 0,
 					onClick: onClearFilter,
-					children: localeService.t("sheets-table.filter.clear-filter")
+					children: localeService.t("sheets-table-ui.filter.clear-filter")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
 					className: "univer-mr-2",
 					onClick: onCancel,
-					children: localeService.t("sheets-table.filter.cancel")
+					children: localeService.t("sheets-table-ui.filter.cancel")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
 					variant: "primary",
 					onClick: onApply,
-					children: localeService.t("sheets-table.filter.confirm")
+					children: localeService.t("sheets-table-ui.filter.confirm")
 				})] })]
 			})
 		]
@@ -1047,10 +1059,10 @@ function SheetTableFilterPanel() {
 }
 function useFilterByOptions(localeService) {
 	return (0, react.useMemo)(() => [{
-		label: localeService.t("sheets-table.filter.by-values"),
+		label: localeService.t("sheets-table-ui.filter.by-values"),
 		value: "items"
 	}, {
-		label: localeService.t("sheets-table.filter.by-conditions"),
+		label: localeService.t("sheets-table-ui.filter.by-conditions"),
 		value: "condition"
 	}], [localeService.getCurrentLocale(), localeService]);
 }
@@ -1091,7 +1103,7 @@ function SheetTableRenameDialog(props) {
 			return;
 		}
 		if (!(0, _univerjs_sheets_table.validateSheetTableName)(nextName, existingNames).valid) {
-			setError(localeService.t("sheets-table.tableNameError"));
+			setError(localeService.t("sheets-table-ui.tableNameError"));
 			return;
 		}
 		commandService.executeCommand(_univerjs_sheets_table.SetSheetTableCommand.id, {
@@ -1107,7 +1119,7 @@ function SheetTableRenameDialog(props) {
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
 				size: "middle",
 				value,
-				placeholder: localeService.t("sheets-table.renamePlaceholder"),
+				placeholder: localeService.t("sheets-table-ui.renamePlaceholder"),
 				onChange: (nextValue) => {
 					setValue(nextValue);
 					setError("");
@@ -1126,12 +1138,12 @@ function SheetTableRenameDialog(props) {
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
 					className: "univer-min-w-16",
 					onClick: onClose,
-					children: localeService.t("sheets-table.cancel")
+					children: localeService.t("sheets-table-ui.cancel")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
 					className: "univer-min-w-16",
 					variant: "primary",
 					onClick: handleConfirm,
-					children: localeService.t("sheets-table.confirm")
+					children: localeService.t("sheets-table-ui.confirm")
 				})]
 			})
 		]
@@ -1295,7 +1307,7 @@ async function openRangeSelector(accessor, unitId, subUnitId, range, tableId) {
 		};
 		dialogService.open({
 			id: TABLE_SELECTOR_DIALOG,
-			title: { title: localeService.t("sheets-table.selectRange") },
+			title: { title: localeService.t("sheets-table-ui.selectRange") },
 			draggable: true,
 			destroyOnClose: true,
 			mask: false,
@@ -1711,10 +1723,10 @@ let SheetTableControlsRenderController = class SheetTableControlsRenderControlle
 		}
 		this._syncTopTableGap(skeleton);
 		this._shape.setMenuLabels({
-			rename: this._localeService.t("sheets-table.rename"),
-			"update-range": this._localeService.t("sheets-table.updateRange"),
-			"set-theme": this._localeService.t("sheets-table.setTheme"),
-			delete: this._localeService.t("sheets-table.removeTable")
+			rename: this._localeService.t("sheets-table-ui.rename"),
+			"update-range": this._localeService.t("sheets-table-ui.updateRange"),
+			"set-theme": this._localeService.t("sheets-table-ui.setTheme"),
+			delete: this._localeService.t("sheets-table-ui.removeTable")
 		});
 		const unitId = this._context.unit.getUnitId();
 		const subUnitId = worksheet.getSheetId();
@@ -1829,7 +1841,7 @@ let SheetTableControlsRenderController = class SheetTableControlsRenderControlle
 	_openRenameDialog(unitId, tableId) {
 		this._dialogService.open({
 			id: SHEET_TABLE_RENAME_DIALOG_ID,
-			title: { title: this._localeService.t("sheets-table.rename") },
+			title: { title: this._localeService.t("sheets-table-ui.rename") },
 			draggable: true,
 			destroyOnClose: true,
 			mask: true,
@@ -1861,7 +1873,7 @@ let SheetTableControlsRenderController = class SheetTableControlsRenderControlle
 		if (!table) return;
 		this._sidebarService.open({
 			id: SHEET_TABLE_THEME_PANEL_ID,
-			header: { title: this._localeService.t("sheets-table.tableStyle") },
+			header: { title: this._localeService.t("sheets-table-ui.tableStyle") },
 			children: {
 				label: SHEET_TABLE_THEME_PANEL,
 				oldConfig: table.getTableConfig(),
@@ -2034,7 +2046,7 @@ let SheetsTableFilterButtonShape = class SheetsTableFilterButtonShape extends _u
 	}
 	_drawChevron(ctx, color) {
 		const centerX = 16 / 2;
-		const centerY = 16 / 2 + 1;
+		const centerY = 16 / 2;
 		ctx.save();
 		ctx.beginPath();
 		ctx.strokeStyle = color;
@@ -2042,8 +2054,8 @@ let SheetsTableFilterButtonShape = class SheetsTableFilterButtonShape extends _u
 		ctx.lineCap = "round";
 		ctx.lineJoin = "round";
 		ctx.moveTo(centerX - 4.5, centerY - 2.5);
-		ctx.lineTo(centerX, centerY + 2);
-		ctx.lineTo(centerX + 4.5, centerY - 2.5);
+		ctx.lineTo(centerX, 10);
+		ctx.lineTo(12.5, centerY - 2.5);
 		ctx.stroke();
 		ctx.restore();
 	}
@@ -2202,7 +2214,7 @@ let SheetsTableFilterButtonRenderController = class SheetsTableFilterButtonRende
 				if (!cell || cell === pos.rawData) cell = { ...pos.rawData };
 				cell.fontRenderExtension = {
 					...cell === null || cell === void 0 ? void 0 : cell.fontRenderExtension,
-					rightOffset: 16
+					rightOffset: 16 + 1 + 2
 				};
 				return next(cell);
 			},
@@ -2366,7 +2378,7 @@ const SheetTableSelector = (props) => {
 				if (target.worksheet.getMergeData().some((merge) => {
 					return _univerjs_core.Rectangle.intersects(newRange, merge);
 				})) {
-					setRangeError(localeService.t("sheets-table.tableRangeWithMergeError"));
+					setRangeError(localeService.t("sheets-table-ui.tableRangeWithMergeError"));
 					return;
 				}
 				if (tableManager.getTablesBySubunitId(unitId, subUnitId).some((table) => {
@@ -2374,12 +2386,12 @@ const SheetTableSelector = (props) => {
 					const tableRange = table.getRange();
 					return _univerjs_core.Rectangle.intersects(newRange, tableRange);
 				})) {
-					setRangeError(localeService.t("sheets-table.tableRangeWithOtherTableError"));
+					setRangeError(localeService.t("sheets-table-ui.tableRangeWithOtherTableError"));
 					return;
 				}
 				const { startRow, endRow } = newRange;
 				if (startRow === endRow) {
-					setRangeError(localeService.t("sheets-table.tableRangeSingleRowError"));
+					setRangeError(localeService.t("sheets-table-ui.tableRangeSingleRowError"));
 					return;
 				}
 				if (originValue === text) return;
@@ -2397,7 +2409,7 @@ const SheetTableSelector = (props) => {
 							});
 							return;
 						} else {
-							setRangeError(localeService.t("sheets-table.updateError"));
+							setRangeError(localeService.t("sheets-table-ui.updateError"));
 							return;
 						}
 					}
@@ -2415,7 +2427,7 @@ const SheetTableSelector = (props) => {
 			className: "univer-mt-4 univer-flex univer-justify-end",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
 				onClick: onCancel,
-				children: localeService.t("sheets-table.cancel")
+				children: localeService.t("sheets-table-ui.cancel")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
 				variant: "primary",
 				onClick: () => {
@@ -2427,7 +2439,7 @@ const SheetTableSelector = (props) => {
 					});
 				},
 				className: "univer-ml-2",
-				children: localeService.t("sheets-table.confirm")
+				children: localeService.t("sheets-table-ui.confirm")
 			})]
 		})
 	] });
@@ -2475,7 +2487,7 @@ const SheetTableThemePanel = (props) => {
 	};
 	const handleAddCustomTheme = () => {
 		if (customRangeThemes.length >= 11) {
-			errorService.emit(localeService.t("sheets-table.customTooMore"));
+			errorService.emit(localeService.t("sheets-table-ui.customTooMore"));
 			return;
 		}
 		const lastCustomTheme = customRangeThemes[customRangeThemes.length - 1];
@@ -2512,7 +2524,7 @@ const SheetTableThemePanel = (props) => {
 	const secondRowBgIsDark = new _univerjs_core.ColorKit(secondRowBg).isDark();
 	const lastRowBgIsDark = new _univerjs_core.ColorKit(lastRowBg).isDark();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h5", { children: localeService.t("sheets-table.defaultStyle") }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h5", { children: localeService.t("sheets-table-ui.defaultStyle") }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "univer-flex univer-gap-2",
 			children: defaultRangeThemes.map((item) => {
@@ -2546,7 +2558,7 @@ const SheetTableThemePanel = (props) => {
 				}, item);
 			})
 		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h5", { children: localeService.t("sheets-table.customStyle") }),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h5", { children: localeService.t("sheets-table-ui.customStyle") }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: (0, _univerjs_design.clsx)("univer-w-full univer-rounded-sm", _univerjs_design.borderClassName),
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -2619,7 +2631,7 @@ const SheetTableThemePanel = (props) => {
 								"univer-text-gray-900": !headerBgIsDark
 							}),
 							style: { background: headerBg },
-							children: localeService.t("sheets-table.header")
+							children: localeService.t("sheets-table-ui.header")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Dropdown, {
 							overlay: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "univer-p-2",
@@ -2654,7 +2666,7 @@ const SheetTableThemePanel = (props) => {
 								"univer-text-gray-900": !firstRowBgIsDark
 							}),
 							style: { background: firstRowBg },
-							children: localeService.t("sheets-table.firstLine")
+							children: localeService.t("sheets-table-ui.firstLine")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Dropdown, {
 							overlay: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "univer-p-2",
@@ -2685,7 +2697,7 @@ const SheetTableThemePanel = (props) => {
 								"univer-text-gray-900": !secondRowBgIsDark
 							}),
 							style: { background: secondRowBg },
-							children: localeService.t("sheets-table.secondLine")
+							children: localeService.t("sheets-table-ui.secondLine")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Dropdown, {
 							overlay: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "univer-p-2",
@@ -2714,7 +2726,7 @@ const SheetTableThemePanel = (props) => {
 								"univer-text-gray-900": !lastRowBgIsDark
 							}),
 							style: { background: lastRowBg },
-							children: localeService.t("sheets-table.footer")
+							children: localeService.t("sheets-table-ui.footer")
 						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Dropdown, {
 							overlay: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "univer-p-2",
@@ -2753,8 +2765,8 @@ function sheetTableToolbarInsertMenuFactory(accessor) {
 		id: OpenTableSelectorOperation.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
 		icon: TABLE_TOOLBAR_BUTTON,
-		tooltip: "sheets-table.title",
-		title: "sheets-table.title",
+		tooltip: "sheets-table-ui.title",
+		title: "sheets-table-ui.title",
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
 		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {}, true)
 	};
@@ -2764,7 +2776,7 @@ function SheetTableInsertContextMenuFactory(accessor) {
 		id: SHEET_TABLE_CONTEXT_INSERT_MENU_ID,
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
 		icon: "InsertDoubleIcon",
-		title: "sheets-table.insert.main",
+		title: "sheets-table-ui.insert.main",
 		hidden$: getSheetTableRowColOperationHidden$(accessor)
 	};
 }
@@ -2773,7 +2785,7 @@ function SheetTableRemoveContextMenuFactory(accessor) {
 		id: SHEET_TABLE_CONTEXT_REMOVE_MENU_ID,
 		type: _univerjs_ui.MenuItemType.SUBITEMS,
 		icon: "ReduceDoubleIcon",
-		title: "sheets-table.remove.main",
+		title: "sheets-table-ui.remove.main",
 		hidden$: getSheetTableRowColOperationHidden$(accessor)
 	};
 }
@@ -2781,14 +2793,14 @@ function SheetTableInsertRowMenuFactory(accessor) {
 	return {
 		id: _univerjs_sheets_table.SheetTableInsertRowCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "sheets-table.insert.row",
+		title: "sheets-table-ui.insert.row",
 		hidden$: getSheetTableHeaderOperationHidden$(accessor)
 	};
 }
 function SheetTableInsertColMenuFactory(accessor) {
 	return {
 		id: _univerjs_sheets_table.SheetTableInsertColCommand.id,
-		title: "sheets-table.insert.col",
+		title: "sheets-table-ui.insert.col",
 		type: _univerjs_ui.MenuItemType.BUTTON
 	};
 }
@@ -2796,14 +2808,14 @@ function SheetTableRemoveRowMenuFactory(accessor) {
 	return {
 		id: _univerjs_sheets_table.SheetTableRemoveRowCommand.id,
 		type: _univerjs_ui.MenuItemType.BUTTON,
-		title: "sheets-table.remove.row",
+		title: "sheets-table-ui.remove.row",
 		hidden$: getSheetTableHeaderOperationHidden$(accessor)
 	};
 }
 function SheetTableRemoveColMenuFactory(accessor) {
 	return {
 		id: _univerjs_sheets_table.SheetTableRemoveColCommand.id,
-		title: "sheets-table.remove.col",
+		title: "sheets-table-ui.remove.col",
 		type: _univerjs_ui.MenuItemType.BUTTON
 	};
 }