@formicoidea/labre-core 1.1.0 → 2.1.0

package/dist/_pkgs/affine-database-engine/view-presets/kanban/pc/group.js

@@ -44,7 +44,9 @@ import { html } from 'lit/static-html.js';
 import { GroupTitle } from '../../../core/group-by/group-title.js';
 import { groupToggleStyles, hideGroupAction, renderGroupToggle, } from '../../../core/group-by/group-visibility.js';
 import { dragHandler } from '../../../core/utils/wc-dnd/dnd-context.js';
-import { wordingOf } from '../../../core/utils/wording.js';
+import { wordingOf, wordingFrom } from '../../../core/utils/wording.js';
+import { DATA_VIEW_GROUP_DELETE_CARDS, DATA_VIEW_GROUP_ADD, } from '../../../translations.js';
+import { TOOLBAR_UNGROUP } from '../../../../affine-shared/services/index.js';
 const styles = css `
   affine-data-view-kanban-group {
     width: 260px;
@@ -197,7 +199,7 @@ let KanbanGroup = (() => {
               ></affine-data-view-kanban-card>
             `;
             })}
-        ${this.view.readonly$.value
+        ${this.view.readonly$.value || this.view.rowsLocked$.value
                 ? nothing
                 : html `<div class="add-card" @click="${this.clickAddCard}">
               <div
@@ -205,7 +207,7 @@ let KanbanGroup = (() => {
               >
                 ${AddCursorIcon()}
               </div>
-              Add
+              ${wordingFrom(this)(DATA_VIEW_GROUP_ADD)}
             </div>`}
       </div>
     `;
@@ -260,7 +262,7 @@ let KanbanGroup = (() => {
                 const ele = e.currentTarget;
                 popFilterableSimpleMenu(popupTargetFromElement(ele), [
                     menu.action({
-                        name: 'Ungroup',
+                        name: wordingFrom(this)(TOOLBAR_UNGROUP),
                         hide: () => this.group.value == null,
                         select: () => {
                             this.group.rows.forEach(row => {
@@ -271,7 +273,7 @@ let KanbanGroup = (() => {
                     }),
                     hideGroupAction(this.group, wordingOf(this.std)),
                     menu.action({
-                        name: 'Delete Cards',
+                        name: wordingFrom(this)(DATA_VIEW_GROUP_DELETE_CARDS),
                         select: () => {
                             this.view.rowsDelete(this.group.rows.map(row => row.rowId));
                             this.requestUpdate();

package/dist/_pkgs/affine-database-engine/view-presets/kanban/pc/header.js

@@ -39,6 +39,8 @@ import { css } from 'lit';
 import { property } from 'lit/decorators.js';
 import { html } from 'lit/static-html.js';
 import { groupTraitKey } from '../../../core/group-by/trait.js';
+import { DATA_VIEW_GROUP } from '../../../translations.js';
+import { wordingFrom } from '../../../core/utils/wording.js';
 const styles = css `
   affine-data-view-kanban-header {
     display: flex;
@@ -73,7 +75,9 @@ let KanbanHeader = (() => {
             return html `
       <div></div>
       <div>
-        <div class="select-group" @click="${this.clickGroup}">Group</div>
+        <div class="select-group" @click="${this.clickGroup}">
+          ${wordingFrom(this)(DATA_VIEW_GROUP)}
+        </div>
       </div>
     `;
         }

package/dist/_pkgs/affine-database-engine/view-presets/kanban/pc/kanban-view-ui-logic.d.ts

@@ -18,6 +18,11 @@ export declare class KanbanViewUILogic extends DataViewUILogicBase<KanbanSingleV
     groups$: import("@preact/signals-core").ReadonlySignal<import("../../../index.js").Group<unknown, unknown, Record<string, unknown>>[]>;
     private get readonly();
     clearSelection: () => void;
+    /**
+     * "New" adds the card and puts its title in editing, as a group's own
+     * "New" does: it no longer opens the card (product owner, recette P3-15).
+     * Nothing is written but the row.
+     */
     addRow: (position: InsertToPosition) => string | undefined;
     focusFirstCell: () => void;
     showIndicator: (evt: MouseEvent) => boolean;

package/dist/_pkgs/affine-database-engine/view-presets/kanban/pc/kanban-view-ui-logic.js

@@ -34,17 +34,21 @@ export class KanbanViewUILogic extends DataViewUILogicBase {
         this.clearSelection = () => {
             this.selectionController.clear();
         };
+        /**
+         * "New" adds the card and puts its title in editing, as a group's own
+         * "New" does: it no longer opens the card (product owner, recette P3-15).
+         * Nothing is written but the row.
+         */
         this.addRow = (position) => {
             if (this.readonly)
                 return;
             const rowId = this.view.rowAdd(position);
+            this.ui$.value?.requestUpdate();
             if (rowId) {
-                this.root.openDetailPanel({
-                    view: this.view,
-                    rowId,
+                requestAnimationFrame(() => {
+                    this.selectionController.editCardTitle(rowId);
                 });
             }
-            this.ui$.value?.requestUpdate();
             return rowId;
         };
         this.focusFirstCell = () => {

package/dist/_pkgs/affine-database-engine/view-presets/kanban/pc/menu.js

@@ -1,6 +1,8 @@
 import { menu, popFilterableSimpleMenu, } from '../../../../affine-components/context-menu/index.js';
 import { ArrowRightBigIcon, DeleteIcon, ExpandFullIcon, MoveLeftIcon, MoveRightIcon, } from '@blocksuite/icons/lit';
 import { html } from 'lit';
+import { DATA_VIEW_CARD_EXPAND, DATA_VIEW_CARD_MOVE_TO, DATA_VIEW_ROW_INSERT_BEFORE, DATA_VIEW_ROW_INSERT_AFTER, DATA_VIEW_CARD_DELETE, DATA_VIEW_UNGROUPED, } from '../../../translations.js';
+import { wordingFrom } from '../../../core/utils/wording.js';
 export const openDetail = (kanbanViewLogic, rowId, selection) => {
     const old = selection.selection;
     selection.selection = undefined;
@@ -15,14 +17,14 @@ export const openDetail = (kanbanViewLogic, rowId, selection) => {
 export const popCardMenu = (kanbanViewLogic, ele, rowId, selection) => {
     popFilterableSimpleMenu(ele, [
         menu.action({
-            name: 'Expand Card',
+            name: wordingFrom(ele.element)(DATA_VIEW_CARD_EXPAND),
             prefix: ExpandFullIcon(),
             select: () => {
                 openDetail(kanbanViewLogic, rowId, selection);
             },
         }),
         menu.subMenu({
-            name: 'Move To',
+            name: wordingFrom(ele.element)(DATA_VIEW_CARD_MOVE_TO),
             prefix: ArrowRightBigIcon(),
             options: {
                 items: selection.view.groupTrait.groupsDataList$.value
@@ -35,7 +37,9 @@ export const popCardMenu = (kanbanViewLogic, ele, rowId, selection) => {
                 })
                     .map(group => {
                     return menu.action({
-                        name: group.value != null ? group.name$.value : 'Ungroup',
+                        name: group.value != null
+                            ? group.name$.value
+                            : wordingFrom(ele.element)(DATA_VIEW_UNGROUPED),
                         select: () => {
                             selection.moveCard(rowId, group.key);
                         },
@@ -47,7 +51,8 @@ export const popCardMenu = (kanbanViewLogic, ele, rowId, selection) => {
             name: '',
             items: [
                 menu.action({
-                    name: 'Insert Before',
+                    name: wordingFrom(ele.element)(DATA_VIEW_ROW_INSERT_BEFORE),
+                    hide: () => selection.view.rowsLocked$.value,
                     prefix: html ` <div
             style="transform: rotate(90deg);display:flex;align-items:center;"
           >
@@ -58,7 +63,8 @@ export const popCardMenu = (kanbanViewLogic, ele, rowId, selection) => {
                     },
                 }),
                 menu.action({
-                    name: 'Insert After',
+                    name: wordingFrom(ele.element)(DATA_VIEW_ROW_INSERT_AFTER),
+                    hide: () => selection.view.rowsLocked$.value,
                     prefix: html ` <div
             style="transform: rotate(90deg);display:flex;align-items:center;"
           >
@@ -74,7 +80,7 @@ export const popCardMenu = (kanbanViewLogic, ele, rowId, selection) => {
             name: '',
             items: [
                 menu.action({
-                    name: 'Delete Card',
+                    name: wordingFrom(ele.element)(DATA_VIEW_CARD_DELETE),
                     class: {
                         'delete-item': true,
                     },

package/dist/_pkgs/affine-database-engine/view-presets/list/list-view.js

@@ -178,8 +178,9 @@ export class ListViewUI extends FlatViewUI {
     </div>`;
     }
     renderNewRow(groupKey) {
-        if (this.view.readonly$.value)
+        if (this.view.readonly$.value || this.view.rowsLocked$.value) {
             return nothing;
+        }
         return html `<button
       class="dv-list-new"
       data-testid="dv-flat-new"

package/dist/_pkgs/affine-database-engine/view-presets/table/mobile/column-header.js

@@ -45,7 +45,7 @@ import { html } from 'lit/static-html.js';
 import { propertyMenuItems } from '../../../core/common/property-menu.js';
 import { wordingOf } from '../../../core/utils/wording.js';
 import { numberFormats } from '../../../property-presets/number/utils/formats.js';
-import { DATA_VIEW_INSERT_LEFT, DATA_VIEW_INSERT_RIGHT, DATA_VIEW_PROPERTY_SETTINGS, VIEWS_BAR_MOVE_LEFT, VIEWS_BAR_MOVE_RIGHT, } from '../../../translations.js';
+import { DATA_VIEW_INSERT_LEFT, DATA_VIEW_INSERT_RIGHT, DATA_VIEW_PROPERTY_SETTINGS, VIEWS_BAR_MOVE_LEFT, VIEWS_BAR_MOVE_RIGHT, DATA_VIEW_NUMBER_FORMAT, } from '../../../translations.js';
 import { MOBILE_TOUCH_TARGET } from '../consts.js';
 let MobileTableColumnHeader = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
@@ -103,12 +103,12 @@ let MobileTableColumnHeader = (() => {
                         afterType: enableNumberFormatting
                             ? [
                                 menu.subMenu({
-                                    name: 'Number Format',
+                                    name: wording(DATA_VIEW_NUMBER_FORMAT),
                                     hide: () => !this.column.dataUpdate ||
                                         this.column.type$.value !== 'number',
                                     options: {
                                         title: {
-                                            text: 'Number Format',
+                                            text: wording(DATA_VIEW_NUMBER_FORMAT),
                                         },
                                         items: [
                                             numberFormatConfig(this.column),
@@ -120,7 +120,7 @@ let MobileTableColumnHeader = (() => {
                             style="font-size: var(--affine-font-base); scale: 1.2;"
                             >${format.symbol}</span
                           >`,
-                                                    name: format.label,
+                                                    name: wording(format.labelWording),
                                                     select: () => {
                                                         if (data.format === format.type)
                                                             return;
@@ -140,6 +140,7 @@ let MobileTableColumnHeader = (() => {
                                 items: [
                                     menu.action({
                                         name: wording(DATA_VIEW_INSERT_LEFT),
+                                        hide: () => this.tableViewManager.propertiesLocked$.value,
                                         prefix: InsertLeftIcon(),
                                         select: () => {
                                             this.tableViewManager.propertyAdd({
@@ -162,6 +163,7 @@ let MobileTableColumnHeader = (() => {
                                     }),
                                     menu.action({
                                         name: wording(DATA_VIEW_INSERT_RIGHT),
+                                        hide: () => this.tableViewManager.propertiesLocked$.value,
                                         prefix: InsertRightIcon(),
                                         select: () => {
                                             this.tableViewManager.propertyAdd({

package/dist/_pkgs/affine-database-engine/view-presets/table/mobile/group.js

@@ -44,10 +44,11 @@ import { property } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
 import { GroupTitle } from '../../../core/group-by/group-title.js';
 import { hideGroupAction } from '../../../core/group-by/group-visibility.js';
-import { wordingOf } from '../../../core/utils/wording.js';
-import { DATA_VIEW_GROUP_COLLAPSE, DATA_VIEW_GROUP_EXPAND, DATA_VIEW_NEW_PAGE, } from '../../../translations.js';
+import { wordingOf, wordingFrom } from '../../../core/utils/wording.js';
+import { DATA_VIEW_GROUP_COLLAPSE, DATA_VIEW_GROUP_EXPAND, DATA_VIEW_NEW_PAGE, DATA_VIEW_GROUP_DELETE_CARDS, } from '../../../translations.js';
 import { getCollapsedState, setCollapsedState } from '../collapsed-state.js';
 import { LEFT_TOOL_BAR_WIDTH } from '../consts.js';
+import { TOOLBAR_UNGROUP } from '../../../../affine-shared/services/index.js';
 const styles = css `
   /* "+ New page" under the rows: a full row, 44px for a finger (P7). */
   .data-view-table-group-add-row {
@@ -160,7 +161,7 @@ let MobileTableGroup = (() => {
             ></mobile-table-row>`;
             })}
       </div>
-      ${this.view.readonly$.value
+      ${this.view.readonly$.value || this.view.rowsLocked$.value
                 ? null
                 : html ` <div
             class="data-view-table-group-add-row dv-hover"
@@ -236,7 +237,7 @@ let MobileTableGroup = (() => {
                 const ele = e.currentTarget;
                 popFilterableSimpleMenu(popupTargetFromElement(ele), [
                     menu.action({
-                        name: 'Ungroup',
+                        name: wordingFrom(this)(TOOLBAR_UNGROUP),
                         hide: () => group.value == null,
                         select: () => {
                             group.rows.forEach(row => {
@@ -246,7 +247,7 @@ let MobileTableGroup = (() => {
                     }),
                     hideGroupAction(group, wordingOf(this.std)),
                     menu.action({
-                        name: 'Delete Cards',
+                        name: wordingFrom(this)(DATA_VIEW_GROUP_DELETE_CARDS),
                         select: () => {
                             this.view.rowsDelete(group.rows.map(row => row.rowId));
                             this.requestUpdate();

package/dist/_pkgs/affine-database-engine/view-presets/table/mobile/header.js

@@ -120,7 +120,7 @@ let MobileTableHeader = (() => {
               </div>
             `;
             })}
-        ${this.readonly
+        ${this.readonly || this.tableViewManager.propertiesLocked$.value
                 ? nothing
                 : html `<div
               @click="${this._onAddColumn}"
@@ -153,7 +153,7 @@ let MobileTableHeader = (() => {
              * drawn the new column, so the sheet opened on the previous last property.
              */
             this._onAddColumn = (__runInitializers(this, _std_extraInitializers), () => {
-                if (this.readonly)
+                if (this.readonly || this.tableViewManager.propertiesLocked$.value)
                     return;
                 const id = this.tableViewManager.propertyAdd('end');
                 if (!id)

package/dist/_pkgs/affine-database-engine/view-presets/table/mobile/table-view-ui-logic.d.ts

@@ -2,15 +2,16 @@ import type { InsertToPosition } from '../../../../affine-shared/utils/index.js'
 import type { TemplateResult } from 'lit';
 import type { GroupTrait } from '../../../core/group-by/trait.js';
 import { DataViewUIBase, DataViewUILogicBase } from '../../../core/view/data-view-base.js';
-import type { TableViewSelectionWithType } from '../selection.js';
+import { type TableViewSelectionWithType } from '../selection.js';
 import type { TableSingleView } from '../table-view-manager.js';
 export declare class MobileTableViewUILogic extends DataViewUILogicBase<TableSingleView, TableViewSelectionWithType> {
     ui$: import("@preact/signals-core").Signal<MobileTableViewUI | undefined>;
     private get readonly();
     clearSelection: () => void;
     /**
-     * A new row opens at once, as on the desktop table and the flat views: on a
-     * phone its title and properties are typed in the row page.
+     * "New" adds the row and puts its title in editing, as the table's own
+     * "New record" footer does: it no longer opens the row (product owner,
+     * recette P3-15). Nothing is written but the row.
      */
     addRow: (position: InsertToPosition, groupKey?: string) => string | undefined;
     focusFirstCell: () => void;

package/dist/_pkgs/affine-database-engine/view-presets/table/mobile/table-view-ui-logic.js

@@ -4,25 +4,49 @@ import { signal } from '@preact/signals-core';
 import { repeat } from 'lit/directives/repeat.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { html } from 'lit/static-html.js';
+import { locateRow } from '../../../core/group-by/locate-row.js';
 import { createUniComponentFromWebComponent, renderUniLit, } from '../../../core/index.js';
 import { DataViewUIBase, DataViewUILogicBase, } from '../../../core/view/data-view-base.js';
 import { LEFT_TOOL_BAR_WIDTH } from '../consts.js';
+import { TableViewAreaSelection, } from '../selection.js';
 import { mobileTableViewContainer, mobileTableViewHost, mobileTableViewWrapper, } from './table-view-style.js';
+import { DATA_VIEW_GROUP_NEW } from '../../../translations.js';
+import { wordingFrom } from '../../../core/utils/wording.js';
 export class MobileTableViewUILogic extends DataViewUILogicBase {
     constructor() {
         super(...arguments);
         this.ui$ = signal(undefined);
         this.clearSelection = () => { };
         /**
-         * A new row opens at once, as on the desktop table and the flat views: on a
-         * phone its title and properties are typed in the row page.
+         * "New" adds the row and puts its title in editing, as the table's own
+         * "New record" footer does: it no longer opens the row (product owner,
+         * recette P3-15). Nothing is written but the row.
          */
         this.addRow = (position, groupKey) => {
             if (this.readonly)
                 return;
             const rowId = this.view.rowAdd(position, groupKey);
-            if (rowId)
-                this.root.openDetailPanel({ view: this.view, rowId });
+            if (!rowId)
+                return;
+            requestAnimationFrame(() => {
+                const view = this.view;
+                const at = locateRow(view.groupTrait, view.rows$.peek(), rowId);
+                const columnIndex = view.properties$
+                    .peek()
+                    .findIndex(property => property.type$.peek() === 'title');
+                if (!at || columnIndex < 0)
+                    return;
+                // The phone cells follow the logic's selection (`mobile/cell.ts`).
+                this.setSelection({
+                    viewId: view.id,
+                    type: 'table',
+                    ...TableViewAreaSelection.create({
+                        groupKey: at.groupKey,
+                        focus: { rowIndex: at.rowIndex, columnIndex },
+                        isEditing: true,
+                    }),
+                });
+            });
             return rowId;
         };
         this.focusFirstCell = () => { };
@@ -64,7 +88,7 @@ export class MobileTableViewUILogic extends DataViewUILogicBase {
         @click="${add}"
       >
         <div class="dv-icon-16" style="display:flex;">${AddCursorIcon()}</div>
-        <div>New Group</div>
+        <div>${wordingFrom(this.ui$.value)(DATA_VIEW_GROUP_NEW)}</div>
       </div>
     </div>`;
         };

package/dist/_pkgs/affine-database-engine/view-presets/table/pc/controller/clipboard.js

@@ -1,4 +1,6 @@
 import { TableViewAreaSelection, TableViewRowSelection, } from '../../selection.js';
+import { DATA_VIEW_CELLS_COPIED, DATA_VIEW_ROWS_COPIED, } from '../../../../translations.js';
+import { wordingFrom } from '../../../../core/utils/wording.js';
 const BLOCKSUITE_DATABASE_TABLE = 'blocksuite/database/table';
 const TEXT = 'text/plain';
 export class TableClipboardController {
@@ -49,11 +51,13 @@ export class TableClipboardController {
             })
                 .then(() => {
                 if (area[0]?.row) {
-                    this.notification.toast(`${area.length} row${area.length > 1 ? 's' : ''} copied to clipboard`);
+                    this.notification.toast(wordingFrom(this.logic.ui$.value)(DATA_VIEW_ROWS_COPIED, {
+                        count: area.length,
+                    }));
                 }
                 else {
                     const count = area.flatMap(row => row.cells).length;
-                    this.notification.toast(`${count} cell${count > 1 ? 's' : ''} copied to clipboard`);
+                    this.notification.toast(wordingFrom(this.logic.ui$.value)(DATA_VIEW_CELLS_COPIED, { count }));
                 }
             })
                 .catch(console.error);

package/dist/_pkgs/affine-database-engine/view-presets/table/pc/controller/selection.js

@@ -188,6 +188,8 @@ export class TableSelectionController {
     }
     insertTo(groupKey, rowId, before) {
         const id = this.view.rowAdd({ before, id: rowId });
+        if (!id)
+            return;
         if (groupKey != null) {
             this.view.groupTrait.moveCardTo(id, undefined, groupKey, {
                 before,

package/dist/_pkgs/affine-database-engine/view-presets/table/pc/group.js

@@ -47,13 +47,14 @@ import { hideGroupAction } from '../../../core/group-by/group-visibility.js';
 import { createDndContext } from '../../../core/utils/wc-dnd/dnd-context.js';
 import { defaultActivators } from '../../../core/utils/wc-dnd/sensors/index.js';
 import { linearMove } from '../../../core/utils/wc-dnd/utils/linear-move.js';
-import { wordingOf } from '../../../core/utils/wording.js';
-import { DATA_VIEW_GROUP_COLLAPSE, DATA_VIEW_GROUP_EXPAND, DATA_VIEW_NEW_RECORD, } from '../../../translations.js';
+import { wordingOf, wordingFrom } from '../../../core/utils/wording.js';
+import { DATA_VIEW_GROUP_COLLAPSE, DATA_VIEW_GROUP_EXPAND, DATA_VIEW_NEW_RECORD, DATA_VIEW_GROUP_DELETE_CARDS, } from '../../../translations.js';
 import { getCollapsedState, setCollapsedState } from '../collapsed-state.js';
 import { LEFT_TOOL_BAR_WIDTH } from '../consts.js';
 import { TableViewAreaSelection } from '../selection.js';
 import { DataViewColumnPreview } from './header/column-renderer.js';
 import { getVerticalIndicator } from './header/vertical-indicator.js';
+import { TOOLBAR_UNGROUP } from '../../../../affine-shared/services/index.js';
 const styles = css `
   affine-data-view-table-group:hover .group-header-op {
     visibility: visible;
@@ -182,7 +183,7 @@ let TableGroup = (() => {
             ></data-view-table-row>`;
             })}
       </div>
-      ${this.view.readonly$.value
+      ${this.view.readonly$.value || this.view.rowsLocked$.value
                 ? null
                 : html ` <div
             class="data-view-table-group-add-row dv-hover"
@@ -290,7 +291,7 @@ let TableGroup = (() => {
                 const ele = e.currentTarget;
                 popFilterableSimpleMenu(popupTargetFromElement(ele), [
                     menu.action({
-                        name: 'Ungroup',
+                        name: wordingFrom(this)(TOOLBAR_UNGROUP),
                         hide: () => group.value == null,
                         select: () => {
                             group.rows.forEach(row => {
@@ -300,7 +301,7 @@ let TableGroup = (() => {
                     }),
                     hideGroupAction(group, wordingOf(this.std)),
                     menu.action({
-                        name: 'Delete Cards',
+                        name: wordingFrom(this)(DATA_VIEW_GROUP_DELETE_CARDS),
                         select: () => {
                             this.view.rowsDelete(group.rows.map(row => row.rowId));
                             this.requestUpdate();

package/dist/_pkgs/affine-database-engine/view-presets/table/pc/header/column-header.js

@@ -141,12 +141,16 @@ let DatabaseColumnHeader = (() => {
               <div class="${cellDivider}" style="height: auto;"></div>
             `;
             })}
-        <div
-          @click="${this._onAddColumn}"
-          class="header-add-column-button dv-hover"
-        >
-          ${PlusIcon()}
-        </div>
+        ${this.tableViewManager.propertiesLocked$.value
+                ? // The column keeps its place, so the header stays aligned.
+                    html `<div class="header-add-column-button"></div>`
+                : html `<div
+              @click="${this._onAddColumn}"
+              class="header-add-column-button dv-hover"
+              data-testid="dv-table-add-column"
+            >
+              ${PlusIcon()}
+            </div>`}
         <div class="scale-div" style="width: 1px;height: 1px;"></div>
       </div>
     `;
@@ -166,7 +170,7 @@ let DatabaseColumnHeader = (() => {
         constructor() {
             super(...arguments);
             this._onAddColumn = (e) => {
-                if (this.readonly)
+                if (this.readonly || this.tableViewManager.propertiesLocked$.value)
                     return;
                 this.tableViewManager.propertyAdd('end');
                 const ele = e.currentTarget;

package/dist/_pkgs/affine-database-engine/view-presets/table/pc/header/database-header-column.js

@@ -50,11 +50,12 @@ import { renderUniLit } from '../../../../core/index.js';
 import { sortTraitKey } from '../../../../core/sort/manager.js';
 import { createSortUtils } from '../../../../core/sort/utils.js';
 import { draggable, dragHandler, droppable, } from '../../../../core/utils/wc-dnd/dnd-context.js';
-import { wordingOf } from '../../../../core/utils/wording.js';
+import { wordingOf, propertyTypeName, wordingFrom, } from '../../../../core/utils/wording.js';
 import { numberFormats } from '../../../../property-presets/number/utils/formats.js';
 import { createDefaultShowQuickSettingBar, ShowQuickSettingBarKey, } from '../../../../widget-presets/quick-setting-bar/context.js';
 import { DEFAULT_COLUMN_TITLE_HEIGHT } from '../../consts.js';
 import { getTableGroupRect, getVerticalIndicator, startDragWidthAdjustmentBar, } from './vertical-indicator.js';
+import { DATA_VIEW_NUMBER_FORMAT, DATA_VIEW_FILTER, DATA_VIEW_SORT_ASCENDING, DATA_VIEW_SORT_DESCENDING, DATA_VIEW_INSERT_LEFT, DATA_VIEW_INSERT_RIGHT, VIEWS_BAR_MOVE_LEFT, VIEWS_BAR_MOVE_RIGHT, } from '../../../../translations.js';
 let DatabaseHeaderColumn = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
     let _column_decorators;
@@ -145,7 +146,7 @@ let DatabaseHeaderColumn = (() => {
                     ...(enableNumberFormatting
                         ? [
                             menu.subMenu({
-                                name: 'Number Format',
+                                name: wordingFrom(this)(DATA_VIEW_NUMBER_FORMAT),
                                 hide: () => !this.column.dataUpdate ||
                                     this.column.type$.value !== 'number',
                                 options: {
@@ -159,7 +160,7 @@ let DatabaseHeaderColumn = (() => {
                           style="font-size: var(--affine-font-base); scale: 1.2;"
                           >${format.symbol}</span
                         >`,
-                                                name: format.label,
+                                                name: wordingFrom(this)(format.labelWording),
                                                 select: () => {
                                                     if (data.format === format.type)
                                                         return;
@@ -179,17 +180,17 @@ let DatabaseHeaderColumn = (() => {
                     menu.group({
                         items: [
                             menu.action({
-                                name: 'Filter',
+                                name: wordingFrom(this)(DATA_VIEW_FILTER),
                                 prefix: FilterIcon(),
                                 select: () => this._addFilter(),
                             }),
                             menu.action({
-                                name: 'Sort Ascending',
+                                name: wordingFrom(this)(DATA_VIEW_SORT_ASCENDING),
                                 prefix: SortIcon(),
                                 select: () => this._addSort(false),
                             }),
                             menu.action({
-                                name: 'Sort Descending',
+                                name: wordingFrom(this)(DATA_VIEW_SORT_DESCENDING),
                                 prefix: SortIcon(),
                                 select: () => this._addSort(true),
                             }),
@@ -198,7 +199,8 @@ let DatabaseHeaderColumn = (() => {
                     menu.group({
                         items: [
                             menu.action({
-                                name: 'Insert Left Column',
+                                name: wordingFrom(this)(DATA_VIEW_INSERT_LEFT),
+                                hide: () => this.tableViewManager.propertiesLocked$.value,
                                 prefix: InsertLeftIcon(),
                                 select: () => {
                                     this.tableViewManager.propertyAdd({
@@ -220,7 +222,8 @@ let DatabaseHeaderColumn = (() => {
                                 },
                             }),
                             menu.action({
-                                name: 'Insert Right Column',
+                                name: wordingFrom(this)(DATA_VIEW_INSERT_RIGHT),
+                                hide: () => this.tableViewManager.propertiesLocked$.value,
                                 prefix: InsertRightIcon(),
                                 select: () => {
                                     this.tableViewManager.propertyAdd({
@@ -242,7 +245,7 @@ let DatabaseHeaderColumn = (() => {
                                 },
                             }),
                             menu.action({
-                                name: 'Move Left',
+                                name: wordingFrom(this)(VIEWS_BAR_MOVE_LEFT),
                                 prefix: MoveLeftIcon(),
                                 hide: () => this.column.isFirst$.value,
                                 select: () => {
@@ -257,7 +260,7 @@ let DatabaseHeaderColumn = (() => {
                                 },
                             }),
                             menu.action({
-                                name: 'Move Right',
+                                name: wordingFrom(this)(VIEWS_BAR_MOVE_RIGHT),
                                 prefix: MoveRightIcon(),
                                 hide: () => this.column.isLast$.value,
                                 select: () => {
@@ -379,15 +382,16 @@ let DatabaseHeaderColumn = (() => {
                 if (this.tableViewManager.readonly$.value) {
                     return;
                 }
-                if (this.column.type$.value === 'title') {
+                if (this.column.type$.value === 'title' || !this.column.typeCanSet) {
                     return;
                 }
                 event.stopPropagation();
+                const wording = wordingFrom(this);
                 popMenu(popupTargetFromElement(this), {
                     options: {
                         items: this.tableViewManager.propertyMetas$.value.map(config => {
                             return menu.action({
-                                name: config.config.name,
+                                name: propertyTypeName(wording, config.config),
                                 isSelected: config.type === this.column.type$.value,
                                 prefix: renderUniLit(config.renderer.icon),
                                 select: () => {

package/dist/_pkgs/affine-database-engine/view-presets/table/pc/header/number-format-bar.js

@@ -37,6 +37,8 @@ import { cssVarV2 } from '@toeverything/theme/v2';
 import { css, html, LitElement, unsafeCSS } from 'lit';
 import { property } from 'lit/decorators.js';
 import { formatNumber } from '../../../../property-presets/number/utils/formatter.js';
+import { DATA_VIEW_DECIMALS_DECREASE, DATA_VIEW_DECIMALS_INCREASE, } from '../../../../translations.js';
+import { wordingFrom } from '../../../../core/utils/wording.js';
 const IncreaseDecimalPlacesIcon = html `
   <svg
     width="24"
@@ -133,7 +135,7 @@ let DatabaseNumberFormatBar = (() => {
         <div class="number-format-decimal-places">
           <button
             class="number-format-toolbar-button"
-            aria-label="decrease decimal places"
+            aria-label="${wordingFrom(this)(DATA_VIEW_DECIMALS_DECREASE)}"
             @click=${this._decrementDecimalPlaces}
           >
             ${DecreaseDecimalPlacesIcon}
@@ -141,7 +143,7 @@ let DatabaseNumberFormatBar = (() => {
 
           <button
             class="number-format-toolbar-button"
-            aria-label="increase decimal places"
+            aria-label="${wordingFrom(this)(DATA_VIEW_DECIMALS_INCREASE)}"
             @click=${this._incrementDecimalPlaces}
           >
             ${IncreaseDecimalPlacesIcon}