@univerjs/sheets-table-ui 1.0.0-alpha.7 → 1.0.0-beta.0

package/lib/cjs/index.js

@@ -50,14 +50,13 @@ const OpenTableSelectorOperation = {
 	type: _univerjs_core.CommandType.OPERATION,
 	id: "sheet.operation.open-table-selector",
 	async handler(accessor) {
-		var _lastSelection$range;
 		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService);
 		if (!target) return false;
 		const { unitId, subUnitId, worksheet } = target;
 		const lastSelection = accessor.get(_univerjs_sheets.SheetsSelectionsService).getCurrentLastSelection();
-		const range = (_lastSelection$range = lastSelection === null || lastSelection === void 0 ? void 0 : lastSelection.range) !== null && _lastSelection$range !== void 0 ? _lastSelection$range : {
+		const range = (lastSelection === null || lastSelection === void 0 ? void 0 : lastSelection.range) ?? {
 			startRow: 0,
 			endRow: 0,
 			startColumn: 0,
@@ -96,7 +95,6 @@ async function openRangeSelector(accessor, unitId, subUnitId, range, tableId) {
 			id: TABLE_SELECTOR_DIALOG,
 			title: { title: localeService.t("sheets-table-ui.selectRange") },
 			draggable: true,
-			destroyOnClose: true,
 			mask: false,
 			maskClosable: false,
 			children: { label: {
@@ -250,10 +248,10 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-table-ui";
-var version = "1.0.0-alpha.7";
+var version = "1.0.0-beta.0";
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -264,7 +262,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -277,14 +275,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.140.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.137.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -295,7 +293,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -303,7 +301,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.140.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);
@@ -901,7 +899,7 @@ function getInitConditionInfo(tableFilter) {
 //#endregion
 //#region src/views/components/SheetTableConditionPanel.tsx
 const SheetTableConditionPanel = (props) => {
-	var _conditionInfo$info$d, _conditionInfo$info$d2, _conditionInfo$info$d3, _conditionInfo$info$d4, _conditionInfo$info$d5, _conditionInfo$info$n, _conditionInfo$info$n3, _conditionInfo$info$d6;
+	var _conditionInfo$info$d, _conditionInfo$info$d2, _conditionInfo$info$n, _conditionInfo$info$n3;
 	const { conditionInfo, onChange } = props;
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const [conditionVisible, setConditionVisible] = (0, react.useState)(false);
@@ -909,13 +907,12 @@ const SheetTableConditionPanel = (props) => {
 	const cascaderOptions = getCascaderListOptions(injector);
 	const handleConditionInfo = (info, type, compare) => {
 		onChange({
-			type: type !== null && type !== void 0 ? type : conditionInfo.type,
-			compare: compare !== null && compare !== void 0 ? compare : conditionInfo.compare,
+			type: type ?? conditionInfo.type,
+			compare: compare ?? conditionInfo.compare,
 			info
 		});
 	};
 	const handleChange = (value) => {
-		var _ref;
 		const type = value[0];
 		const compare = value[1];
 		if (compare) setConditionVisible(false);
@@ -926,7 +923,7 @@ const SheetTableConditionPanel = (props) => {
 		else info.dateRange = [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()];
 		else if (type === _univerjs_sheets_table.TableConditionTypeEnum.Number) info.number = 0;
 		else if (type === _univerjs_sheets_table.TableConditionTypeEnum.String) info.string = "";
-		handleConditionInfo(info, value[0], (_ref = value[1]) !== null && _ref !== void 0 ? _ref : _univerjs_sheets_table.TableStringCompareTypeEnum.Equal);
+		handleConditionInfo(info, value[0], value[1] ?? _univerjs_sheets_table.TableStringCompareTypeEnum.Equal);
 	};
 	const subComponentType = getSubComponentType(conditionInfo.type, conditionInfo.compare);
 	let selectType = "";
@@ -968,7 +965,7 @@ const SheetTableConditionPanel = (props) => {
 				id: "univer-table-date-picker-wrapper",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.DatePicker, {
 					className: "univer-w-full",
-					value: (_conditionInfo$info$d = conditionInfo.info.date) !== null && _conditionInfo$info$d !== void 0 ? _conditionInfo$info$d : /* @__PURE__ */ new Date(),
+					value: conditionInfo.info.date ?? /* @__PURE__ */ new Date(),
 					onValueChange: (v) => handleConditionInfo({ date: v })
 				})
 			}),
@@ -976,7 +973,7 @@ const SheetTableConditionPanel = (props) => {
 				id: "univer-table-date-range-wrapper",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.DateRangePicker, {
 					className: "univer-w-full",
-					value: [(_conditionInfo$info$d2 = (_conditionInfo$info$d3 = conditionInfo.info.dateRange) === null || _conditionInfo$info$d3 === void 0 ? void 0 : _conditionInfo$info$d3[0]) !== null && _conditionInfo$info$d2 !== void 0 ? _conditionInfo$info$d2 : /* @__PURE__ */ new Date(), (_conditionInfo$info$d4 = (_conditionInfo$info$d5 = conditionInfo.info.dateRange) === null || _conditionInfo$info$d5 === void 0 ? void 0 : _conditionInfo$info$d5[1]) !== null && _conditionInfo$info$d4 !== void 0 ? _conditionInfo$info$d4 : /* @__PURE__ */ new Date()],
+					value: [((_conditionInfo$info$d = conditionInfo.info.dateRange) === null || _conditionInfo$info$d === void 0 ? void 0 : _conditionInfo$info$d[0]) ?? /* @__PURE__ */ new Date(), ((_conditionInfo$info$d2 = conditionInfo.info.dateRange) === null || _conditionInfo$info$d2 === void 0 ? void 0 : _conditionInfo$info$d2[1]) ?? /* @__PURE__ */ new Date()],
 					onValueChange: (v) => {
 						if (v) handleConditionInfo({ dateRange: v });
 						else handleConditionInfo({});
@@ -1013,7 +1010,7 @@ const SheetTableConditionPanel = (props) => {
 			}),
 			!!(subComponentType === "Select") && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
 				className: "univer-w-full",
-				value: (_conditionInfo$info$d6 = conditionInfo.info.dateSelect) !== null && _conditionInfo$info$d6 !== void 0 ? _conditionInfo$info$d6 : conditionDateOptions[0].value,
+				value: conditionInfo.info.dateSelect ?? conditionDateOptions[0].value,
 				options: conditionDateOptions,
 				onChange: (v) => handleConditionInfo({ dateSelect: v })
 			})
@@ -1026,8 +1023,7 @@ const SheetTableConditionPanel = (props) => {
 const getCheckedItemCount = (map, checkedItemSet) => {
 	let count = 0;
 	checkedItemSet.forEach((item) => {
-		var _map$get;
-		count += (_map$get = map.get(item)) !== null && _map$get !== void 0 ? _map$get : 0;
+		count += map.get(item) ?? 0;
 	});
 	return count;
 };
@@ -1382,7 +1378,6 @@ function SheetTableFilterPanel() {
 //#endregion
 //#region src/views/components/SheetTableRenameDialog.tsx
 function SheetTableRenameDialog(props) {
-	var _table$getDisplayName;
 	const { unitId, tableId, onClose } = props;
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
@@ -1390,7 +1385,7 @@ function SheetTableRenameDialog(props) {
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
 	const definedNamesService = (0, _univerjs_ui.useDependency)(_univerjs_engine_formula.IDefinedNamesService);
 	const table = tableManager.getTableById(unitId, tableId);
-	const [value, setValue] = (0, react.useState)((_table$getDisplayName = table === null || table === void 0 ? void 0 : table.getDisplayName()) !== null && _table$getDisplayName !== void 0 ? _table$getDisplayName : "");
+	const [value, setValue] = (0, react.useState)((table === null || table === void 0 ? void 0 : table.getDisplayName()) ?? "");
 	const [error, setError] = (0, react.useState)("");
 	const existingNames = (0, react.useMemo)(() => {
 		const names = (0, _univerjs_sheets_table.getExistingNamesSet)(unitId, {
@@ -1578,7 +1573,7 @@ SheetTableThemeUIController = __decorate([__decorateParam(0, (0, _univerjs_core.
 //#endregion
 //#region src/views/components/SheetTableThemePanel.tsx
 const SheetTableThemePanel = (props) => {
-	var _customStyle$getHeade, _customStyle$getHeade2, _customStyle$getFirst, _customStyle$getFirst2, _customStyle$getSecon, _customStyle$getSecon2, _customStyle$getLastR, _customStyle$getLastR2;
+	var _customStyle$getHeade, _customStyle$getFirst, _customStyle$getSecon, _customStyle$getLastR;
 	const { unitId, subUnitId, tableId } = props;
 	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
@@ -1603,10 +1598,10 @@ const SheetTableThemePanel = (props) => {
 	const customSelected = customRangeThemes.find((item) => item === selectedTheme);
 	const customStyleName = customSelected || customRangeThemes[0];
 	const customStyle = rangeThemeModel.getCustomRangeThemeStyle(unitId, customStyleName);
-	const headerBg = (_customStyle$getHeade = customStyle === null || customStyle === void 0 || (_customStyle$getHeade2 = customStyle.getHeaderRowStyle()) === null || _customStyle$getHeade2 === void 0 || (_customStyle$getHeade2 = _customStyle$getHeade2.bg) === null || _customStyle$getHeade2 === void 0 ? void 0 : _customStyle$getHeade2.rgb) !== null && _customStyle$getHeade !== void 0 ? _customStyle$getHeade : TABLE_DEFAULT_BG_COLOR;
-	const firstRowBg = (_customStyle$getFirst = customStyle === null || customStyle === void 0 || (_customStyle$getFirst2 = customStyle.getFirstRowStyle()) === null || _customStyle$getFirst2 === void 0 || (_customStyle$getFirst2 = _customStyle$getFirst2.bg) === null || _customStyle$getFirst2 === void 0 ? void 0 : _customStyle$getFirst2.rgb) !== null && _customStyle$getFirst !== void 0 ? _customStyle$getFirst : TABLE_DEFAULT_BG_COLOR;
-	const secondRowBg = (_customStyle$getSecon = customStyle === null || customStyle === void 0 || (_customStyle$getSecon2 = customStyle.getSecondRowStyle()) === null || _customStyle$getSecon2 === void 0 || (_customStyle$getSecon2 = _customStyle$getSecon2.bg) === null || _customStyle$getSecon2 === void 0 ? void 0 : _customStyle$getSecon2.rgb) !== null && _customStyle$getSecon !== void 0 ? _customStyle$getSecon : TABLE_DEFAULT_BG_COLOR;
-	const lastRowBg = (_customStyle$getLastR = customStyle === null || customStyle === void 0 || (_customStyle$getLastR2 = customStyle.getLastRowStyle()) === null || _customStyle$getLastR2 === void 0 || (_customStyle$getLastR2 = _customStyle$getLastR2.bg) === null || _customStyle$getLastR2 === void 0 ? void 0 : _customStyle$getLastR2.rgb) !== null && _customStyle$getLastR !== void 0 ? _customStyle$getLastR : TABLE_DEFAULT_BG_COLOR;
+	const headerBg = (customStyle === null || customStyle === void 0 || (_customStyle$getHeade = customStyle.getHeaderRowStyle()) === null || _customStyle$getHeade === void 0 || (_customStyle$getHeade = _customStyle$getHeade.bg) === null || _customStyle$getHeade === void 0 ? void 0 : _customStyle$getHeade.rgb) ?? "rgb(255, 255, 255)";
+	const firstRowBg = (customStyle === null || customStyle === void 0 || (_customStyle$getFirst = customStyle.getFirstRowStyle()) === null || _customStyle$getFirst === void 0 || (_customStyle$getFirst = _customStyle$getFirst.bg) === null || _customStyle$getFirst === void 0 ? void 0 : _customStyle$getFirst.rgb) ?? "rgb(255, 255, 255)";
+	const secondRowBg = (customStyle === null || customStyle === void 0 || (_customStyle$getSecon = customStyle.getSecondRowStyle()) === null || _customStyle$getSecon === void 0 || (_customStyle$getSecon = _customStyle$getSecon.bg) === null || _customStyle$getSecon === void 0 ? void 0 : _customStyle$getSecon.rgb) ?? "rgb(255, 255, 255)";
+	const lastRowBg = (customStyle === null || customStyle === void 0 || (_customStyle$getLastR = customStyle.getLastRowStyle()) === null || _customStyle$getLastR === void 0 || (_customStyle$getLastR = _customStyle$getLastR.bg) === null || _customStyle$getLastR === void 0 ? void 0 : _customStyle$getLastR.rgb) ?? "rgb(255, 255, 255)";
 	const [hoverCustomId, setHoverCustomId] = (0, react.useState)(null);
 	const handleThemeChange = (theme) => {
 		commandService.executeCommand(_univerjs_sheets_table.SetSheetTableCommand.id, {
@@ -1713,28 +1708,28 @@ const SheetTableThemePanel = (props) => {
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "univer-box-border univer-h-2.5",
 								style: {
-									background: headerRowBg !== null && headerRowBg !== void 0 ? headerRowBg : TABLE_BORDER_NONE,
+									background: headerRowBg ?? "none",
 									border: `${headerRowBg ? TABLE_BORDER_NONE : TABLE_BORDER_DEFAULT}`
 								}
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "univer-box-border univer-h-2.5",
 								style: {
-									background: firstRowBg !== null && firstRowBg !== void 0 ? firstRowBg : TABLE_BORDER_NONE,
+									background: firstRowBg ?? "none",
 									border: `${firstRowBg ? TABLE_BORDER_NONE : TABLE_BORDER_DEFAULT}`
 								}
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "univer-box-border univer-h-2.5",
 								style: {
-									background: secondRowBg !== null && secondRowBg !== void 0 ? secondRowBg : TABLE_BORDER_NONE,
+									background: secondRowBg ?? "none",
 									border: `${secondRowBg ? TABLE_BORDER_NONE : TABLE_BORDER_DEFAULT}`
 								}
 							}),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 								className: "univer-box-border univer-h-2.5",
 								style: {
-									background: lastRowBg !== null && lastRowBg !== void 0 ? lastRowBg : TABLE_BORDER_NONE,
+									background: lastRowBg ?? "none",
 									border: `${lastRowBg ? TABLE_BORDER_NONE : TABLE_BORDER_DEFAULT}`
 								}
 							}),
@@ -2057,12 +2052,11 @@ var SheetTableControlsShape = class extends _univerjs_engine_render.Shape {
 		ctx.textBaseline = "middle";
 		for (const item of this._items) this._drawAnchor(ctx, skeleton, item);
 		if (this._hoveredInsertRegion) {
-			var _item$fill;
 			const item = this._items.find((renderItem) => {
 				var _this$_hoveredInsertR;
 				return renderItem.tableId === ((_this$_hoveredInsertR = this._hoveredInsertRegion) === null || _this$_hoveredInsertR === void 0 ? void 0 : _this$_hoveredInsertR.tableId);
 			});
-			this._drawInsertButton(ctx, this._hoveredInsertRegion, (_item$fill = item === null || item === void 0 ? void 0 : item.fill) !== null && _item$fill !== void 0 ? _item$fill : "#355bb7");
+			this._drawInsertButton(ctx, this._hoveredInsertRegion, (item === null || item === void 0 ? void 0 : item.fill) ?? "#355bb7");
 			this._regions.push(this._hoveredInsertRegion);
 		}
 		ctx.restore();
@@ -2256,7 +2250,7 @@ let SheetTableControlsRenderController = class SheetTableControlsRenderControlle
 		this._refresh();
 	}
 	_initShape() {
-		var _this$_context$compon, _this$_context$compon2;
+		var _this$_context$compon;
 		this._context.scene.addObjects([this._shape], TABLE_CONTROLS_LAYER_INDEX);
 		this.disposeWithMe((0, _univerjs_core.toDisposable)(() => {
 			this._context.scene.removeObjects([this._shape]);
@@ -2270,11 +2264,11 @@ let SheetTableControlsRenderController = class SheetTableControlsRenderControlle
 		this.disposeWithMe(this._shape.onPointerDown$.subscribeEvent((evt, state) => {
 			this._handlePointerDown(evt, state);
 		}));
-		this.disposeWithMe((_this$_context$compon = (_this$_context$compon2 = this._context.components.get(_univerjs_sheets_ui.SHEET_VIEW_KEY.MAIN)) === null || _this$_context$compon2 === void 0 ? void 0 : _this$_context$compon2.onPointerMove$.subscribeEvent((evt) => {
+		this.disposeWithMe(((_this$_context$compon = this._context.components.get(_univerjs_sheets_ui.SHEET_VIEW_KEY.MAIN)) === null || _this$_context$compon === void 0 ? void 0 : _this$_context$compon.onPointerMove$.subscribeEvent((evt) => {
 			const point = this._getLocalPoint(evt);
 			const insertRegion = this._getInsertRegionFromPoint(point.x, point.y);
 			this._shape.setHoveredInsertRegion(insertRegion);
-		})) !== null && _this$_context$compon !== void 0 ? _this$_context$compon : (0, _univerjs_core.toDisposable)(() => {}));
+		})) ?? (0, _univerjs_core.toDisposable)(() => {}));
 	}
 	_initRefresh() {
 		const commandExecuted$ = (0, _univerjs_core.fromCallback)(this._commandService.onCommandExecuted.bind(this._commandService)).pipe((0, rxjs.filter)(([command]) => {
@@ -2314,14 +2308,14 @@ let SheetTableControlsRenderController = class SheetTableControlsRenderControlle
 		const unitId = this._context.unit.getUnitId();
 		const subUnitId = worksheet.getSheetId();
 		const items = this._tableManager.getTablesBySubunitId(unitId, subUnitId).map((table) => {
-			var _rangeTheme$getHeader, _rangeTheme$getHeader2, _rangeTheme$getHeader3, _rangeTheme$getHeader4;
+			var _rangeTheme$getHeader, _rangeTheme$getHeader2;
 			const rangeTheme = this._rangeThemeModel.getRangeThemeStyle(unitId, table.getTableStyleId());
 			return {
 				tableId: table.getId(),
 				tableName: table.getDisplayName(),
 				range: table.getRange(),
-				fill: (_rangeTheme$getHeader = rangeTheme === null || rangeTheme === void 0 || (_rangeTheme$getHeader2 = rangeTheme.getHeaderRowStyle()) === null || _rangeTheme$getHeader2 === void 0 || (_rangeTheme$getHeader2 = _rangeTheme$getHeader2.bg) === null || _rangeTheme$getHeader2 === void 0 ? void 0 : _rangeTheme$getHeader2.rgb) !== null && _rangeTheme$getHeader !== void 0 ? _rangeTheme$getHeader : "rgb(53,91,183)",
-				text: (_rangeTheme$getHeader3 = rangeTheme === null || rangeTheme === void 0 || (_rangeTheme$getHeader4 = rangeTheme.getHeaderRowStyle()) === null || _rangeTheme$getHeader4 === void 0 || (_rangeTheme$getHeader4 = _rangeTheme$getHeader4.cl) === null || _rangeTheme$getHeader4 === void 0 ? void 0 : _rangeTheme$getHeader4.rgb) !== null && _rangeTheme$getHeader3 !== void 0 ? _rangeTheme$getHeader3 : "rgb(255,255,255)"
+				fill: (rangeTheme === null || rangeTheme === void 0 || (_rangeTheme$getHeader = rangeTheme.getHeaderRowStyle()) === null || _rangeTheme$getHeader === void 0 || (_rangeTheme$getHeader = _rangeTheme$getHeader.bg) === null || _rangeTheme$getHeader === void 0 ? void 0 : _rangeTheme$getHeader.rgb) ?? "rgb(53,91,183)",
+				text: (rangeTheme === null || rangeTheme === void 0 || (_rangeTheme$getHeader2 = rangeTheme.getHeaderRowStyle()) === null || _rangeTheme$getHeader2 === void 0 || (_rangeTheme$getHeader2 = _rangeTheme$getHeader2.cl) === null || _rangeTheme$getHeader2 === void 0 ? void 0 : _rangeTheme$getHeader2.rgb) ?? "rgb(255,255,255)"
 			};
 		});
 		this._shape.setItems(items);
@@ -2338,7 +2332,7 @@ let SheetTableControlsRenderController = class SheetTableControlsRenderControlle
 		const point = this._getLocalPoint(evt);
 		const hit = this._shape.hitTest(point.x, point.y);
 		const insertRegion = this._isInsertHit(hit) ? hit : hit ? null : this._getInsertRegionFromPoint(point.x, point.y);
-		const activeHit = hit !== null && hit !== void 0 ? hit : insertRegion;
+		const activeHit = hit ?? insertRegion;
 		this._shape.setHoveredRegion(this._isInsertHit(hit) ? null : hit);
 		this._shape.setHoveredInsertRegion(insertRegion);
 		if (activeHit) {
@@ -2356,10 +2350,9 @@ let SheetTableControlsRenderController = class SheetTableControlsRenderControlle
 		this._context.scene.resetCursor();
 	}
 	_handlePointerDown(evt, state) {
-		var _this$_shape$hitTest;
 		if (evt.button === 2) return;
 		const point = this._getLocalPoint(evt);
-		const hit = (_this$_shape$hitTest = this._shape.hitTest(point.x, point.y)) !== null && _this$_shape$hitTest !== void 0 ? _this$_shape$hitTest : this._getInsertRegionFromPoint(point.x, point.y);
+		const hit = this._shape.hitTest(point.x, point.y) ?? this._getInsertRegionFromPoint(point.x, point.y);
 		if (!hit) {
 			this._closeFloatingControls();
 			return;
@@ -2426,7 +2419,6 @@ let SheetTableControlsRenderController = class SheetTableControlsRenderControlle
 			id: SHEET_TABLE_RENAME_DIALOG_ID,
 			title: { title: this._localeService.t("sheets-table-ui.rename") },
 			draggable: true,
-			destroyOnClose: true,
 			mask: true,
 			children: { label: {
 				name: SHEET_TABLE_RENAME_DIALOG,
@@ -2517,12 +2509,11 @@ let SheetTableControlsRenderController = class SheetTableControlsRenderControlle
 		const previousTopGap = rowGaps[TABLE_CONTROL_GAP_ROW] ? { ...rowGaps[TABLE_CONTROL_GAP_ROW] } : null;
 		let shouldSync = false;
 		if (hasTopTable) {
-			var _baseGap$size;
 			if (!this._topGapBaseBySkeleton.has(skeleton)) this._topGapBaseBySkeleton.set(skeleton, rowGaps[TABLE_CONTROL_GAP_ROW] ? { ...rowGaps[TABLE_CONTROL_GAP_ROW] } : null);
 			const baseGap = this._topGapBaseBySkeleton.get(skeleton);
 			rowGaps[TABLE_CONTROL_GAP_ROW] = {
-				...baseGap !== null && baseGap !== void 0 ? baseGap : rowGaps[TABLE_CONTROL_GAP_ROW],
-				size: ((_baseGap$size = baseGap === null || baseGap === void 0 ? void 0 : baseGap.size) !== null && _baseGap$size !== void 0 ? _baseGap$size : 0) + 32
+				...baseGap ?? rowGaps[TABLE_CONTROL_GAP_ROW],
+				size: ((baseGap === null || baseGap === void 0 ? void 0 : baseGap.size) ?? 0) + 32
 			};
 			shouldSync = true;
 		} else if (this._topGapBaseBySkeleton.has(skeleton)) {
@@ -2743,12 +2734,12 @@ let SheetsTableFilterButtonRenderController = class SheetsTableFilterButtonRende
 		const worksheet = workbook.getSheetBySheetId(worksheetId);
 		if (!worksheet) return;
 		for (const { range, states, tableId } of tableFilterRanges) {
-			var _this$_rangeThemeMode, _headerStyle$cl$rgb, _headerStyle$cl, _headerStyle$bg$rgb, _headerStyle$bg;
+			var _this$_rangeThemeMode, _headerStyle$cl, _headerStyle$bg;
 			const { startRow, startColumn, endColumn } = range;
 			const table = this._tableManager.getTableById(unitId, tableId);
 			const headerStyle = table ? (_this$_rangeThemeMode = this._rangeThemeModel.getRangeThemeStyle(unitId, table.getTableStyleId())) === null || _this$_rangeThemeMode === void 0 ? void 0 : _this$_rangeThemeMode.getHeaderRowStyle() : null;
-			const iconColor = (_headerStyle$cl$rgb = headerStyle === null || headerStyle === void 0 || (_headerStyle$cl = headerStyle.cl) === null || _headerStyle$cl === void 0 ? void 0 : _headerStyle$cl.rgb) !== null && _headerStyle$cl$rgb !== void 0 ? _headerStyle$cl$rgb : "#fff";
-			const hoverIconColor = (_headerStyle$bg$rgb = headerStyle === null || headerStyle === void 0 || (_headerStyle$bg = headerStyle.bg) === null || _headerStyle$bg === void 0 ? void 0 : _headerStyle$bg.rgb) !== null && _headerStyle$bg$rgb !== void 0 ? _headerStyle$bg$rgb : "#202124";
+			const iconColor = (headerStyle === null || headerStyle === void 0 || (_headerStyle$cl = headerStyle.cl) === null || _headerStyle$cl === void 0 ? void 0 : _headerStyle$cl.rgb) ?? "#fff";
+			const hoverIconColor = (headerStyle === null || headerStyle === void 0 || (_headerStyle$bg = headerStyle.bg) === null || _headerStyle$bg === void 0 ? void 0 : _headerStyle$bg.rgb) ?? "#202124";
 			this._interceptCellContent(unitId, worksheetId, range);
 			for (let col = startColumn; col <= endColumn; col++) {
 				const key = `sheets-table-filter-button-${startRow}-${col}`;
@@ -3019,7 +3010,7 @@ _defineProperty(UniverSheetsTableUIPlugin, "packageName", name);
 _defineProperty(UniverSheetsTableUIPlugin, "version", version);
 _defineProperty(UniverSheetsTableUIPlugin, "type", _univerjs_core.UniverInstanceType.UNIVER_SHEET);
 UniverSheetsTableUIPlugin = __decorate([
-	(0, _univerjs_core.DependentOn)(_univerjs_sheets_table.UniverSheetsTablePlugin),
+	(0, _univerjs_core.DependentOn)(_univerjs_engine_render.UniverRenderEnginePlugin, _univerjs_sheets.UniverSheetsPlugin, _univerjs_sheets_table.UniverSheetsTablePlugin, _univerjs_sheets_ui.UniverSheetsUIPlugin),
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
 	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_core.ICommandService)),
 	__decorateParam(3, _univerjs_core.IConfigService),

package/lib/cjs/locale/ca-ES.js

@@ -4,7 +4,7 @@ const locale = { "sheets-table-ui": {
 	title: "Taula",
 	selectRange: "Selecciona el rang de la taula",
 	rename: "Reanomena la taula",
-	renamePlaceholder: "Enter table name",
+	renamePlaceholder: "Introdueix el nom de la taula",
 	updateRange: "Actualitza el rang de la taula",
 	tableRangeWithMergeError: "El rang de la taula no es pot superposar amb cel·les combinades",
 	tableRangeWithOtherTableError: "El rang de la taula no es pot superposar amb altres taules",
@@ -26,9 +26,9 @@ const locale = { "sheets-table-ui": {
 	tablePrefix: "Taula",
 	tableNameError: "El nom de la taula no pot contenir espais, no pot començar amb un número i no pot ser idèntic a un nom de taula existent",
 	columnMenu: {
-		"insert-left": "Insert 1 table column left",
-		"insert-right": "Insert 1 table column right",
-		delete: "Delete table column"
+		"insert-left": "Insereix una columna de taula a l’esquerra",
+		"insert-right": "Insereix una columna de taula a la dreta",
+		delete: "Suprimeix la columna de la taula"
 	},
 	sort: {
 		"sort-asc": "Ascendent",

package/lib/cjs/locale/es-ES.js

@@ -4,7 +4,7 @@ const locale = { "sheets-table-ui": {
 	title: "Tabla",
 	selectRange: "Seleccionar rango de tabla",
 	rename: "Renombrar tabla",
-	renamePlaceholder: "Enter table name",
+	renamePlaceholder: "Introduce el nombre de la tabla",
 	updateRange: "Actualizar rango de tabla",
 	tableRangeWithMergeError: "El rango de la tabla no puede superponerse con celdas combinadas",
 	tableRangeWithOtherTableError: "El rango de la tabla no puede superponerse con otras tablas",
@@ -26,9 +26,9 @@ const locale = { "sheets-table-ui": {
 	tablePrefix: "Tabla",
 	tableNameError: "El nombre de la tabla no puede contener espacios, no puede comenzar con un número y no puede ser idéntico a un nombre de tabla existente",
 	columnMenu: {
-		"insert-left": "Insert 1 table column left",
-		"insert-right": "Insert 1 table column right",
-		delete: "Delete table column"
+		"insert-left": "Insertar 1 columna a la izquierda",
+		"insert-right": "Insertar 1 columna a la derecha",
+		delete: "Eliminar columna de la tabla"
 	},
 	sort: {
 		"sort-asc": "Ascendente",

package/lib/cjs/locale/fa-IR.js

@@ -4,7 +4,7 @@ const locale = { "sheets-table-ui": {
 	title: "جدول",
 	selectRange: "انتخاب محدوده جدول",
 	rename: "تغییر نام جدول",
-	renamePlaceholder: "Enter table name",
+	renamePlaceholder: "نام جدول را وارد کنید",
 	updateRange: "به‌روزرسانی محدوده جدول",
 	tableRangeWithMergeError: "محدوده جدول نمی‌تواند با سلول‌های ادغام‌شده همپوشانی داشته باشد",
 	tableRangeWithOtherTableError: "محدوده جدول نمی‌تواند با جداول دیگر همپوشانی داشته باشد",
@@ -26,9 +26,9 @@ const locale = { "sheets-table-ui": {
 	tablePrefix: "جدول",
 	tableNameError: "لا يمكن أن يحتوي اسم الجدول على مسافات، ولا يمكن أن يبدأ برقم، ولا يمكن أن يتكرر مع أسماء الجداول الموجودة",
 	columnMenu: {
-		"insert-left": "Insert 1 table column left",
-		"insert-right": "Insert 1 table column right",
-		delete: "Delete table column"
+		"insert-left": "درج ۱ ستون جدول در سمت چپ",
+		"insert-right": "درج ۱ ستون جدول در سمت راست",
+		delete: "حذف ستون جدول"
 	},
 	sort: {
 		"sort-asc": "صعودی",

package/lib/cjs/locale/fr-FR.js

@@ -4,7 +4,7 @@ const locale = { "sheets-table-ui": {
 	title: "Tableau",
 	selectRange: "Sélectionner la plage du tableau",
 	rename: "Renommer le tableau",
-	renamePlaceholder: "Enter table name",
+	renamePlaceholder: "Saisir le nom du tableau",
 	updateRange: "Mettre à jour la plage du tableau",
 	tableRangeWithMergeError: "La plage du tableau ne peut pas chevaucher des cellules fusionnées",
 	tableRangeWithOtherTableError: "La plage du tableau ne peut pas chevaucher d'autres tableaux",
@@ -26,9 +26,9 @@ const locale = { "sheets-table-ui": {
 	tablePrefix: "Tableau",
 	tableNameError: "Le nom du tableau ne peut pas contenir d'espaces, ne peut pas commencer par un chiffre et ne peut pas être identique à un nom de tableau existant",
 	columnMenu: {
-		"insert-left": "Insert 1 table column left",
-		"insert-right": "Insert 1 table column right",
-		delete: "Delete table column"
+		"insert-left": "Insérer 1 colonne à gauche",
+		"insert-right": "Insérer 1 colonne à droite",
+		delete: "Supprimer la colonne du tableau"
 	},
 	sort: {
 		"sort-asc": "Croissant",

package/lib/cjs/locale/ja-JP.js

@@ -4,7 +4,7 @@ const locale = { "sheets-table-ui": {
 	title: "表",
 	selectRange: "表の範囲を選択",
 	rename: "表の名前を変更",
-	renamePlaceholder: "Enter table name",
+	renamePlaceholder: "テーブル名を入力",
 	updateRange: "表の範囲を更新",
 	tableRangeWithMergeError: "表の範囲は結合セルと重複できません",
 	tableRangeWithOtherTableError: "表の範囲は他の表と重複できません",
@@ -26,9 +26,9 @@ const locale = { "sheets-table-ui": {
 	tablePrefix: "表",
 	tableNameError: "表の名前は空白を含めることはできず、数字で始めることはできず、既存の表名と重複できません",
 	columnMenu: {
-		"insert-left": "Insert 1 table column left",
-		"insert-right": "Insert 1 table column right",
-		delete: "Delete table column"
+		"insert-left": "左に 1 列挿入",
+		"insert-right": "右に 1 列挿入",
+		delete: "列を削除"
 	},
 	sort: {
 		"sort-asc": "昇順",

package/lib/cjs/locale/ko-KR.js

@@ -4,7 +4,7 @@ const locale = { "sheets-table-ui": {
 	title: "표",
 	selectRange: "표 범위 선택",
 	rename: "표 이름 바꾸기",
-	renamePlaceholder: "Enter table name",
+	renamePlaceholder: "테이블 이름 입력",
 	updateRange: "표 범위 업데이트",
 	tableRangeWithMergeError: "표 범위는 병합된 셀과 겹칠 수 없습니다",
 	tableRangeWithOtherTableError: "표 범위는 다른 표와 겹칠 수 없습니다",
@@ -26,9 +26,9 @@ const locale = { "sheets-table-ui": {
 	tablePrefix: "표",
 	tableNameError: "표 이름은 공백을 포함할 수 없으며 숫자로 시작할 수 없고 기존 표 이름과 중복될 수 없습니다",
 	columnMenu: {
-		"insert-left": "Insert 1 table column left",
-		"insert-right": "Insert 1 table column right",
-		delete: "Delete table column"
+		"insert-left": "왼쪽에 열 1개 삽입",
+		"insert-right": "오른쪽에 열 1개 삽입",
+		delete: "테이블 열 삭제"
 	},
 	sort: {
 		"sort-asc": "오름차순",

package/lib/cjs/locale/pl-PL.js

@@ -69,7 +69,7 @@ const locale = { "sheets-table-ui": {
 		notBetween: "Nie między",
 		above: "Powyżej",
 		below: "Poniżej",
-		topN: "Top {0}"
+		topN: "Górne {0}"
 	} },
 	date: { compare: {
 		equal: "Równe",

package/lib/cjs/locale/ru-RU.js

@@ -4,7 +4,7 @@ const locale = { "sheets-table-ui": {
 	title: "Таблица",
 	selectRange: "Выбрать диапазон таблицы",
 	rename: "Переименовать таблицу",
-	renamePlaceholder: "Enter table name",
+	renamePlaceholder: "Введите имя таблицы",
 	updateRange: "Обновить диапазон таблицы",
 	tableRangeWithMergeError: "Диапазон таблицы не может перекрываться с объединенными ячейками",
 	tableRangeWithOtherTableError: "Диапазон таблицы не может перекрываться с другими таблицами",
@@ -26,9 +26,9 @@ const locale = { "sheets-table-ui": {
 	tablePrefix: "Таблица",
 	tableNameError: "Имя таблицы не может содержать пробелы, не может начинаться с цифры и не может совпадать с именем существующей таблицы",
 	columnMenu: {
-		"insert-left": "Insert 1 table column left",
-		"insert-right": "Insert 1 table column right",
-		delete: "Delete table column"
+		"insert-left": "Вставить 1 столбец слева",
+		"insert-right": "Вставить 1 столбец справа",
+		delete: "Удалить столбец таблицы"
 	},
 	sort: {
 		"sort-asc": "По возрастанию",

package/lib/cjs/locale/sk-SK.js

@@ -4,7 +4,7 @@ const locale = { "sheets-table-ui": {
 	title: "Tabuľka",
 	selectRange: "Vyberte rozsah tabuľky",
 	rename: "Premenovať tabuľku",
-	renamePlaceholder: "Enter table name",
+	renamePlaceholder: "Zadajte názov tabuľky",
 	updateRange: "Aktualizovať rozsah tabuľky",
 	tableRangeWithMergeError: "Rozsah tabuľky sa nemôže prekrývať so zlúčenými bunkami",
 	tableRangeWithOtherTableError: "Rozsah tabuľky sa nemôže prekrývať s inými tabuľkami",
@@ -26,9 +26,9 @@ const locale = { "sheets-table-ui": {
 	tablePrefix: "Tabuľka",
 	tableNameError: "Názov tabuľky nesmie obsahovať medzery, nesmie začínať číslom a nesmie byť zhodný s existujúcim názvom tabuľky",
 	columnMenu: {
-		"insert-left": "Insert 1 table column left",
-		"insert-right": "Insert 1 table column right",
-		delete: "Delete table column"
+		"insert-left": "Vložiť 1 stĺpec tabuľky vľavo",
+		"insert-right": "Vložiť 1 stĺpec tabuľky vpravo",
+		delete: "Odstrániť stĺpec tabuľky"
 	},
 	sort: {
 		"sort-asc": "Vzostupne",

package/lib/cjs/locale/vi-VN.js

@@ -4,7 +4,7 @@ const locale = { "sheets-table-ui": {
 	title: "Bảng",
 	selectRange: "Chọn phạm vi bảng",
 	rename: "Đổi tên bảng",
-	renamePlaceholder: "Enter table name",
+	renamePlaceholder: "Nhập tên bảng",
 	updateRange: "Cập nhật phạm vi bảng",
 	tableRangeWithMergeError: "Phạm vi bảng không thể chồng lấp với các ô đã được hợp nhất",
 	tableRangeWithOtherTableError: "Phạm vi bảng không thể chồng lấp với các bảng khác",
@@ -26,9 +26,9 @@ const locale = { "sheets-table-ui": {
 	tablePrefix: "Bảng",
 	tableNameError: "Tên bảng không thể chứa khoảng trắng, không được bắt đầu bằng số và không được trùng với tên bảng đã có",
 	columnMenu: {
-		"insert-left": "Insert 1 table column left",
-		"insert-right": "Insert 1 table column right",
-		delete: "Delete table column"
+		"insert-left": "Chèn 1 cột bảng bên trái",
+		"insert-right": "Chèn 1 cột bảng bên phải",
+		delete: "Xóa cột bảng"
 	},
 	sort: {
 		"sort-asc": "Tăng dần",
@@ -69,7 +69,7 @@ const locale = { "sheets-table-ui": {
 		notBetween: "Không trong khoảng",
 		above: "Lớn hơn",
 		below: "Nhỏ hơn",
-		topN: "Top {0}"
+		topN: "Trên cùng {0}"
 	} },
 	date: { compare: {
 		equal: "Bằng",

package/lib/cjs/locale/zh-HK.js

@@ -3,28 +3,28 @@
 const locale = { "sheets-table-ui": {
 	title: "表格",
 	selectRange: "選擇表格範圍",
-	rename: "重命名表格",
-	renamePlaceholder: "Enter table name",
+	rename: "重新命名表格",
+	renamePlaceholder: "輸入表格名稱",
 	updateRange: "更新表格範圍",
 	tableRangeWithMergeError: "表格範圍不能與合併儲存格重疊",
 	tableRangeWithOtherTableError: "表格範圍不能與其他表格重疊",
-	tableRangeSingleRowError: "表格範圍不能是單獨的一行",
-	updateError: "不能將表格範圍設置到和原先不重合且不在同一行的範圍",
+	tableRangeSingleRowError: "表格範圍不能只有一列",
+	updateError: "不能將表格範圍設定為與原範圍不重疊且不在同一列的範圍",
 	tableStyle: "表格樣式",
 	defaultStyle: "預設樣式",
-	customStyle: "自定義樣式",
-	customTooMore: "自定義主題數量超出最大限制，請刪除一些無用的主題後再次添加",
-	setTheme: "設置表格主題",
+	customStyle: "自訂樣式",
+	customTooMore: "自訂主題數量超出上限，請刪除一些不需要的主題後再新增",
+	setTheme: "設定表格主題",
 	removeTable: "刪除表格",
 	cancel: "取消",
 	confirm: "確認",
 	header: "頁首",
 	footer: "頁尾",
-	firstLine: "第一行",
-	secondLine: "第二行",
-	columnPrefix: "列",
+	firstLine: "第一列",
+	secondLine: "第二列",
+	columnPrefix: "欄",
 	tablePrefix: "表格",
-	tableNameError: "表格名稱不能包含空格， 不能以數字開頭，不能和已有表格名稱重複",
+	tableNameError: "表格名稱不能包含空格、以數字開頭或與現有表格名稱重複",
 	columnMenu: {
 		"insert-left": "向左插入 1 個表格欄",
 		"insert-right": "向右插入 1 個表格欄",
@@ -36,13 +36,13 @@ const locale = { "sheets-table-ui": {
 	},
 	insert: {
 		main: "表格插入",
-		row: "插入表格行",
-		col: "插入表格列"
+		row: "插入表格列",
+		col: "插入表格欄"
 	},
 	remove: {
 		main: "表格刪除",
-		row: "刪除表格行",
-		col: "刪除表格列"
+		row: "刪除表格列",
+		col: "刪除表格欄"
 	},
 	condition: {
 		string: "文字",