@formicoidea/labre-core 1.1.0 → 2.0.0

package/dist/_pkgs/affine-database-engine/core/data-source/base.js

@@ -5,6 +5,9 @@ export const DataSourceScope = createScope('data-source');
 export class DataSourceBase {
     constructor() {
         this.valuesState$ = signal(VALUES_READY);
+        /** Nothing is locked unless a source says so (`HostedDataSourceBase`). */
+        this.propertiesLocked$ = signal(false);
+        this.rowsLocked$ = signal(false);
         this.container = new Container();
         this.fixedProperties$ = computed(() => {
             return this.allPropertyMetas$.value

package/dist/_pkgs/affine-database-engine/core/detail/detail.js

@@ -46,6 +46,8 @@ import { html } from 'lit/static-html.js';
 import { dataViewCommonStyle } from '../common/css-variable.js';
 import { renderUniLit } from '../utils/uni-component/uni-component.js';
 import { DetailSelection } from './selection.js';
+import { propertyTypeName, wordingFrom } from '../utils/wording.js';
+import { DATA_VIEW_ADD_PROPERTY } from '../../translations.js';
 const styles = css `
   ${unsafeCSS(dataViewCommonStyle('affine-data-view-record-detail'))}
   affine-data-view-record-detail {
@@ -242,13 +244,13 @@ let RecordDetail = (() => {
                   data-column-id="${property.id}"
                 ></affine-data-view-record-field>`);
             })}
-          ${!this.readonly
+          ${!this.readonly && !this.view.propertiesLocked$.value
                 ? html ` <div
                 class="add-property"
                 @click="${this._clickAddProperty}"
               >
                 <div class="icon">${PlusIcon()}</div>
-                Add Property
+                ${wordingFrom(this)(DATA_VIEW_ADD_PROPERTY)}
               </div>`
                 : nothing}
         </div>
@@ -271,21 +273,22 @@ let RecordDetail = (() => {
         constructor() {
             super(...arguments);
             this._clickAddProperty = () => {
+                const wording = wordingFrom(this);
                 popMenu(popupTargetFromElement(this.addPropertyButton), {
                     options: {
                         title: {
-                            text: 'Add property',
+                            text: wording(DATA_VIEW_ADD_PROPERTY),
                         },
                         items: [
                             menu.group({
                                 items: this.view.propertyMetas$.value.map(meta => {
                                     return menu.action({
-                                        name: meta.config.name,
+                                        name: propertyTypeName(wording, meta.config),
                                         prefix: renderUniLit(meta.renderer.icon),
                                         select: () => {
                                             this.view.propertyAdd('end', {
                                                 type: meta.type,
-                                                name: meta.config.name,
+                                                name: propertyTypeName(wording, meta.config),
                                             });
                                         },
                                     });

package/dist/_pkgs/affine-database-engine/core/detail/field.js

@@ -43,6 +43,9 @@ import { classMap } from 'lit/directives/class-map.js';
 import { html } from 'lit/static-html.js';
 import { inputConfig, typeConfig } from '../common/property-menu.js';
 import { renderUniLit } from '../utils/uni-component/uni-component.js';
+import { DATA_VIEW_PROPERTY_SETTINGS, DATA_VIEW_EMPTY_VALUE, } from '../../translations.js';
+import { TOOLBAR_MOVE_UP, TOOLBAR_MOVE_DOWN, TOOLBAR_DUPLICATE, TOOLBAR_DELETE, } from '../../../affine-shared/services/index.js';
+import { wordingFrom } from '../utils/wording.js';
 let RecordField = (() => {
     let _classSuper = SignalWatcher(WithDisposable(ShadowlessElement));
     let _column_decorators;
@@ -138,7 +141,7 @@ let RecordField = (() => {
     }
 
     .field-content.empty::before {
-      content: 'Empty';
+      content: attr(data-empty-label);
       color: var(--affine-text-disable-color);
       font-size: 14px;
       line-height: 22px;
@@ -183,7 +186,11 @@ let RecordField = (() => {
           <div class="filed-name">${column.name$.value}</div>
         </div>
       </div>
-      <div @click="${this._click}" class="${contentClass}">
+      <div
+        @click="${this._click}"
+        class="${contentClass}"
+        data-empty-label="${wordingFrom(this)(DATA_VIEW_EMPTY_VALUE)}"
+      >
         ${renderUniLit(view, props, {
                 ref: this._cell,
                 class: 'kanban-cell',
@@ -211,7 +218,7 @@ let RecordField = (() => {
                 popMenu(popupTargetFromElement(ele), {
                     options: {
                         title: {
-                            text: 'Property settings',
+                            text: wordingFrom(this)(DATA_VIEW_PROPERTY_SETTINGS),
                         },
                         items: [
                             menu.group({
@@ -220,7 +227,7 @@ let RecordField = (() => {
                             menu.group({
                                 items: [
                                     menu.action({
-                                        name: 'Move Up',
+                                        name: wordingFrom(this)(TOOLBAR_MOVE_UP),
                                         prefix: html ` <div
                   style="transform: rotate(90deg);display:flex;align-items:center;"
                 >
@@ -239,7 +246,7 @@ let RecordField = (() => {
                                         },
                                     }),
                                     menu.action({
-                                        name: 'Move Down',
+                                        name: wordingFrom(this)(TOOLBAR_MOVE_DOWN),
                                         prefix: html ` <div
                   style="transform: rotate(90deg);display:flex;align-items:center;"
                 >
@@ -264,7 +271,7 @@ let RecordField = (() => {
                                 name: 'operation',
                                 items: [
                                     menu.action({
-                                        name: 'Duplicate',
+                                        name: wordingFrom(this)(TOOLBAR_DUPLICATE),
                                         prefix: DuplicateIcon(),
                                         hide: () => !this.column.canDuplicate,
                                         select: () => {
@@ -272,7 +279,7 @@ let RecordField = (() => {
                                         },
                                     }),
                                     menu.action({
-                                        name: 'Delete',
+                                        name: wordingFrom(this)(TOOLBAR_DELETE),
                                         prefix: DeleteIcon(),
                                         hide: () => !this.column.canDelete,
                                         select: () => {

package/dist/_pkgs/affine-database-engine/core/filter/add-filter.js

@@ -2,6 +2,8 @@ import { menu, popMenu, } from '../../../affine-components/context-menu/index.js
 import { AddCursorIcon } from '@blocksuite/icons/lit';
 import { renderUniLit } from '../utils/index.js';
 import { firstFilterByRef, firstFilterInGroup } from './utils.js';
+import { DATA_VIEW_FILTER_NEW, DATA_VIEW_FILTER_ADD_GROUP, } from '../../translations.js';
+import { wordingFrom } from '../utils/wording.js';
 export const popCreateFilter = (target, props, ops) => {
     popMenu(target, {
         middleware: ops?.middleware,
@@ -9,7 +11,7 @@ export const popCreateFilter = (target, props, ops) => {
             onClose: props.onClose,
             title: {
                 onBack: props.onBack,
-                text: 'New filter',
+                text: wordingFrom(target.element)(DATA_VIEW_FILTER_NEW),
             },
             items: [
                 menu.group({
@@ -28,7 +30,7 @@ export const popCreateFilter = (target, props, ops) => {
                     name: '',
                     items: [
                         menu.action({
-                            name: 'Add filter group',
+                            name: wordingFrom(target.element)(DATA_VIEW_FILTER_ADD_GROUP),
                             prefix: AddCursorIcon(),
                             select: () => {
                                 props.onSelect(firstFilterInGroup(props.vars.value));

package/dist/_pkgs/affine-database-engine/core/filter/filter-fn/boolean.js

@@ -1,12 +1,14 @@
 import { t } from '../../logical/type-presets.js';
 import { createFilter } from './create.js';
+import { DATA_VIEW_FILTER_IS_CHECKED, DATA_VIEW_FILTER_IS_UNCHECKED, DATA_VIEW_STATS_CHECKED, DATA_VIEW_STATS_UNCHECKED, } from '../../../translations.js';
 export const booleanFilter = [
     createFilter({
         name: 'isChecked',
         self: t.boolean.instance(),
         args: [],
-        label: 'Is checked',
-        shortString: () => ': Checked',
+        label: DATA_VIEW_FILTER_IS_CHECKED[1],
+        labelWording: DATA_VIEW_FILTER_IS_CHECKED,
+        shortString: wording => `: ${wording(DATA_VIEW_STATS_CHECKED)}`,
         impl: value => {
             return !!value;
         },
@@ -16,8 +18,9 @@ export const booleanFilter = [
         name: 'isUnchecked',
         self: t.boolean.instance(),
         args: [],
-        label: 'Is unchecked',
-        shortString: () => ': Unchecked',
+        label: DATA_VIEW_FILTER_IS_UNCHECKED[1],
+        labelWording: DATA_VIEW_FILTER_IS_UNCHECKED,
+        shortString: wording => `: ${wording(DATA_VIEW_STATS_UNCHECKED)}`,
         impl: value => {
             return !value;
         },

package/dist/_pkgs/affine-database-engine/core/filter/filter-fn/create.d.ts

@@ -2,10 +2,18 @@ import type { ArrayTypeInstance } from '../../logical/composite-type.js';
 import type { DTInstance } from '../../logical/data-type.js';
 import type { TypeInstance, ValueTypeOf } from '../../logical/type.js';
 import type { TypeVarDefinitionInstance, TypeVarReferenceInstance } from '../../logical/type-variable.js';
+import { type ChromeWording } from '../../../../affine-shared/services/index.js';
+import { type Wording } from '../../utils/wording.js';
 export type FilterConfig<Self extends TypeInstance = TypeInstance, Args extends TypeInstance[] = TypeInstance[], Vars extends TypeVarDefinitionInstance[] = TypeVarDefinitionInstance[]> = {
     name: string;
     label: string;
-    shortString: (...args: {
+    /** {@link label} as a key with its English fallback (#572). */
+    labelWording?: ChromeWording;
+    /**
+     * The condition's value as the filter bar shows it after the property
+     * name; `wording` resolves its words in the host's language.
+     */
+    shortString: (wording: Wording, ...args: {
         [K in keyof Args]: {
             value: ValueTypeOf<ReplaceVar<Args[K], Vars>>;
             type: ReplaceVar<Args[K], Vars>;

package/dist/_pkgs/affine-database-engine/core/filter/filter-fn/create.js

@@ -1,3 +1,5 @@
+import {} from '../../../../affine-shared/services/index.js';
+import {} from '../../utils/wording.js';
 export const createFilter = (config) => {
     return config;
 };

package/dist/_pkgs/affine-database-engine/core/filter/filter-fn/date.js

@@ -3,13 +3,15 @@ import { format } from 'date-fns/format';
 import { subDays } from 'date-fns/subDays';
 import { t } from '../../logical/type-presets.js';
 import { createFilter } from './create.js';
+import { DATA_VIEW_FILTER_BEFORE, DATA_VIEW_FILTER_AFTER, } from '../../../translations.js';
 export const dateFilter = [
     createFilter({
         name: 'before',
         self: t.date.instance(),
         args: [t.date.instance()],
-        label: 'Before',
-        shortString: v => (v ? ` < ${format(v.value, 'yyyy/MM/dd')}` : undefined),
+        label: DATA_VIEW_FILTER_BEFORE[1],
+        labelWording: DATA_VIEW_FILTER_BEFORE,
+        shortString: (_wording, v) => v ? ` < ${format(v.value, 'yyyy/MM/dd')}` : undefined,
         impl: (self, value) => {
             if (self == null) {
                 return false;
@@ -22,8 +24,9 @@ export const dateFilter = [
         name: 'after',
         self: t.date.instance(),
         args: [t.date.instance()],
-        label: 'After',
-        shortString: v => (v ? ` > ${format(v.value, 'yyyy/MM/dd')}` : undefined),
+        label: DATA_VIEW_FILTER_AFTER[1],
+        labelWording: DATA_VIEW_FILTER_AFTER,
+        shortString: (_wording, v) => v ? ` > ${format(v.value, 'yyyy/MM/dd')}` : undefined,
         impl: (self, value) => {
             if (self == null) {
                 return false;

package/dist/_pkgs/affine-database-engine/core/filter/filter-fn/multi-tag.js

@@ -3,6 +3,7 @@ import { t } from '../../logical/type-presets.js';
 import { tRef, tVar } from '../../logical/type-variable.js';
 import { createFilter } from './create.js';
 import { tagToString } from './utils.js';
+import { DATA_VIEW_FILTER_CONTAINS_ONE_OF, DATA_VIEW_FILTER_NOT_CONTAINS_ONE_OF, DATA_VIEW_FILTER_CONTAINS_ALL, DATA_VIEW_FILTER_NOT_CONTAINS_ALL, DATA_VIEW_FILTER_NOT, } from '../../../translations.js';
 const optionName = 'option';
 export const multiTagFilter = [
     createFilter({
@@ -10,8 +11,9 @@ export const multiTagFilter = [
         vars: [tVar(optionName, t.tag.instance())],
         self: ct.array.instance(tRef(optionName)),
         args: [ct.array.instance(tRef(optionName))],
-        label: 'Contains one of',
-        shortString: v => v ? `: ${tagToString(v.value, v.type.element)}` : undefined,
+        label: DATA_VIEW_FILTER_CONTAINS_ONE_OF[1],
+        labelWording: DATA_VIEW_FILTER_CONTAINS_ONE_OF,
+        shortString: (_wording, v) => v ? `: ${tagToString(v.value, v.type.element)}` : undefined,
         impl: (self, value) => {
             if (!value.length) {
                 return true;
@@ -34,8 +36,11 @@ export const multiTagFilter = [
         vars: [tVar(optionName, t.tag.instance())],
         self: ct.array.instance(tRef(optionName)),
         args: [ct.array.instance(tRef(optionName))],
-        label: 'Does not contains one of',
-        shortString: v => v ? `: Not ${tagToString(v.value, v.type.element)}` : undefined,
+        label: DATA_VIEW_FILTER_NOT_CONTAINS_ONE_OF[1],
+        labelWording: DATA_VIEW_FILTER_NOT_CONTAINS_ONE_OF,
+        shortString: (wording, v) => v
+            ? `: ${wording(DATA_VIEW_FILTER_NOT, { value: tagToString(v.value, v.type.element) ?? '' })}`
+            : undefined,
         impl: (self, value) => {
             if (!value.length) {
                 return true;
@@ -51,8 +56,9 @@ export const multiTagFilter = [
         vars: [tVar(optionName, t.tag.instance())],
         self: ct.array.instance(tRef(optionName)),
         args: [ct.array.instance(tRef(optionName))],
-        label: 'Contains all',
-        shortString: v => v ? `: ${tagToString(v.value, v.type.element)}` : undefined,
+        label: DATA_VIEW_FILTER_CONTAINS_ALL[1],
+        labelWording: DATA_VIEW_FILTER_CONTAINS_ALL,
+        shortString: (_wording, v) => v ? `: ${tagToString(v.value, v.type.element)}` : undefined,
         impl: (self, value) => {
             if (!value.length) {
                 return true;
@@ -69,8 +75,11 @@ export const multiTagFilter = [
         vars: [tVar(optionName, t.tag.instance())],
         self: ct.array.instance(tRef(optionName)),
         args: [ct.array.instance(tRef(optionName))],
-        label: 'Does not contains all',
-        shortString: v => v ? `: Not ${tagToString(v.value, v.type.element)}` : undefined,
+        label: DATA_VIEW_FILTER_NOT_CONTAINS_ALL[1],
+        labelWording: DATA_VIEW_FILTER_NOT_CONTAINS_ALL,
+        shortString: (wording, v) => v
+            ? `: ${wording(DATA_VIEW_FILTER_NOT, { value: tagToString(v.value, v.type.element) ?? '' })}`
+            : undefined,
         impl: (self, value) => {
             if (!value.length) {
                 return true;

package/dist/_pkgs/affine-database-engine/core/filter/filter-fn/number.js

@@ -6,7 +6,7 @@ export const numberFilter = [
         self: t.number.instance(),
         args: [t.number.instance()],
         label: '=',
-        shortString: v => (v ? ` = ${v.value}` : undefined),
+        shortString: (_wording, v) => (v ? ` = ${v.value}` : undefined),
         impl: (self, target) => {
             if (self == null) {
                 return false;
@@ -20,7 +20,7 @@ export const numberFilter = [
         self: t.number.instance(),
         args: [t.number.instance()],
         label: '≠',
-        shortString: v => (v ? ` ≠ ${v.value}` : undefined),
+        shortString: (_wording, v) => (v ? ` ≠ ${v.value}` : undefined),
         impl: (self, target) => {
             if (self == null) {
                 return false;
@@ -33,7 +33,7 @@ export const numberFilter = [
         self: t.number.instance(),
         args: [t.number.instance()],
         label: '>',
-        shortString: v => (v ? ` > ${v.value}` : undefined),
+        shortString: (_wording, v) => (v ? ` > ${v.value}` : undefined),
         impl: (self, target) => {
             if (self == null) {
                 return false;
@@ -47,7 +47,7 @@ export const numberFilter = [
         self: t.number.instance(),
         args: [t.number.instance()],
         label: '<',
-        shortString: v => (v ? ` < ${v.value}` : undefined),
+        shortString: (_wording, v) => (v ? ` < ${v.value}` : undefined),
         impl: (self, target) => {
             if (self == null) {
                 return false;
@@ -61,7 +61,7 @@ export const numberFilter = [
         self: t.number.instance(),
         args: [t.number.instance()],
         label: '≥',
-        shortString: v => (v ? ` ≥ ${v.value}` : undefined),
+        shortString: (_wording, v) => (v ? ` ≥ ${v.value}` : undefined),
         impl: (self, target) => {
             if (self == null) {
                 return false;
@@ -75,7 +75,7 @@ export const numberFilter = [
         self: t.number.instance(),
         args: [t.number.instance()],
         label: '≤',
-        shortString: v => (v ? ` ≤ ${v.value}` : undefined),
+        shortString: (_wording, v) => (v ? ` ≤ ${v.value}` : undefined),
         impl: (self, target) => {
             if (self == null) {
                 return false;

package/dist/_pkgs/affine-database-engine/core/filter/filter-fn/string.js

@@ -1,12 +1,14 @@
 import { t } from '../../logical/type-presets.js';
 import { createFilter } from './create.js';
+import { DATA_VIEW_FILTER_CONTAINS, DATA_VIEW_FILTER_NOT_CONTAINS, DATA_VIEW_FILTER_STARTS_WITH, DATA_VIEW_FILTER_ENDS_WITH, DATA_VIEW_FILTER_IS, DATA_VIEW_FILTER_IS_NOT, DATA_VIEW_FILTER_NOT, } from '../../../translations.js';
 export const stringFilter = [
     createFilter({
         name: 'contains',
         self: t.string.instance(),
         args: [t.string.instance()],
-        label: 'Contains',
-        shortString: v => (v ? `: ${v.value}` : undefined),
+        label: DATA_VIEW_FILTER_CONTAINS[1],
+        labelWording: DATA_VIEW_FILTER_CONTAINS,
+        shortString: (_wording, v) => (v ? `: ${v.value}` : undefined),
         impl: (self = '', value) => {
             return self.toLowerCase().includes(value.toLowerCase());
         },
@@ -16,8 +18,9 @@ export const stringFilter = [
         name: 'doesNoContains',
         self: t.string.instance(),
         args: [t.string.instance()],
-        label: 'Does no contains',
-        shortString: v => (v ? `: Not ${v.value}` : undefined),
+        label: DATA_VIEW_FILTER_NOT_CONTAINS[1],
+        labelWording: DATA_VIEW_FILTER_NOT_CONTAINS,
+        shortString: (wording, v) => v ? `: ${wording(DATA_VIEW_FILTER_NOT, { value: v.value })}` : undefined,
         impl: (self = '', value) => {
             return !self.toLowerCase().includes(value.toLowerCase());
         },
@@ -26,8 +29,9 @@ export const stringFilter = [
         name: 'startsWith',
         self: t.string.instance(),
         args: [t.string.instance()],
-        label: 'Starts with',
-        shortString: v => (v ? `: Starts with ${v.value}` : undefined),
+        label: DATA_VIEW_FILTER_STARTS_WITH[1],
+        labelWording: DATA_VIEW_FILTER_STARTS_WITH,
+        shortString: (wording, v) => v ? `: ${wording(DATA_VIEW_FILTER_STARTS_WITH)} ${v.value}` : undefined,
         impl: (self = '', value) => {
             return self.toLowerCase().startsWith(value.toLowerCase());
         },
@@ -37,8 +41,9 @@ export const stringFilter = [
         name: 'endsWith',
         self: t.string.instance(),
         args: [t.string.instance()],
-        label: 'Ends with',
-        shortString: v => (v ? `: Ends with ${v.value}` : undefined),
+        label: DATA_VIEW_FILTER_ENDS_WITH[1],
+        labelWording: DATA_VIEW_FILTER_ENDS_WITH,
+        shortString: (wording, v) => v ? `: ${wording(DATA_VIEW_FILTER_ENDS_WITH)} ${v.value}` : undefined,
         impl: (self = '', value) => {
             return self.toLowerCase().endsWith(value.toLowerCase());
         },
@@ -48,8 +53,9 @@ export const stringFilter = [
         name: 'is',
         self: t.string.instance(),
         args: [t.string.instance()],
-        label: 'Is',
-        shortString: v => (v ? `: ${v.value}` : undefined),
+        label: DATA_VIEW_FILTER_IS[1],
+        labelWording: DATA_VIEW_FILTER_IS,
+        shortString: (_wording, v) => (v ? `: ${v.value}` : undefined),
         impl: (self = '', value) => {
             return self.toLowerCase() == value.toLowerCase();
         },
@@ -59,8 +65,9 @@ export const stringFilter = [
         name: 'isNot',
         self: t.string.instance(),
         args: [t.string.instance()],
-        label: 'Is not',
-        shortString: v => (v ? `: Not ${v.value}` : undefined),
+        label: DATA_VIEW_FILTER_IS_NOT[1],
+        labelWording: DATA_VIEW_FILTER_IS_NOT,
+        shortString: (wording, v) => v ? `: ${wording(DATA_VIEW_FILTER_NOT, { value: v.value })}` : undefined,
         impl: (self = '', value) => {
             return self.toLowerCase() != value.toLowerCase();
         },

package/dist/_pkgs/affine-database-engine/core/filter/filter-fn/tag.js

@@ -3,6 +3,7 @@ import { t } from '../../logical/type-presets.js';
 import { tRef, tVar } from '../../logical/type-variable.js';
 import { createFilter } from './create.js';
 import { tagToString } from './utils.js';
+import { DATA_VIEW_FILTER_IS_ONE_OF, DATA_VIEW_FILTER_IS_NOT_ONE_OF, DATA_VIEW_FILTER_NOT, } from '../../../translations.js';
 const optionName = 'options';
 export const tagFilter = [
     createFilter({
@@ -10,8 +11,9 @@ export const tagFilter = [
         vars: [tVar(optionName, t.tag.instance())],
         self: tRef(optionName),
         args: [ct.array.instance(tRef(optionName))],
-        label: 'Is one of',
-        shortString: v => v ? `: ${tagToString(v.value, v.type.element)}` : undefined,
+        label: DATA_VIEW_FILTER_IS_ONE_OF[1],
+        labelWording: DATA_VIEW_FILTER_IS_ONE_OF,
+        shortString: (_wording, v) => v ? `: ${tagToString(v.value, v.type.element)}` : undefined,
         impl: (self, value) => {
             if (!value.length) {
                 return true;
@@ -28,8 +30,11 @@ export const tagFilter = [
         vars: [tVar(optionName, t.tag.instance())],
         self: tRef(optionName),
         args: [ct.array.instance(tRef(optionName))],
-        label: 'Is not one of',
-        shortString: v => v ? `: Not ${tagToString(v.value, v.type.element)}` : undefined,
+        label: DATA_VIEW_FILTER_IS_NOT_ONE_OF[1],
+        labelWording: DATA_VIEW_FILTER_IS_NOT_ONE_OF,
+        shortString: (wording, v) => v
+            ? `: ${wording(DATA_VIEW_FILTER_NOT, { value: tagToString(v.value, v.type.element) ?? '' })}`
+            : undefined,
         impl: (self, value) => {
             if (!value.length) {
                 return true;

package/dist/_pkgs/affine-database-engine/core/filter/filter-fn/unknown.js

@@ -1,12 +1,14 @@
 import { t } from '../../logical/type-presets.js';
 import { createFilter } from './create.js';
+import { DATA_VIEW_FILTER_IS_NOT_EMPTY, DATA_VIEW_FILTER_IS_EMPTY, } from '../../../translations.js';
 export const unknownFilter = [
     createFilter({
         name: 'isNotEmpty',
         self: t.unknown.instance(),
         args: [],
-        label: 'Is not empty',
-        shortString: () => ': Is not empty',
+        label: DATA_VIEW_FILTER_IS_NOT_EMPTY[1],
+        labelWording: DATA_VIEW_FILTER_IS_NOT_EMPTY,
+        shortString: wording => `: ${wording(DATA_VIEW_FILTER_IS_NOT_EMPTY)}`,
         impl: self => {
             if (Array.isArray(self)) {
                 return self.length > 0;
@@ -21,8 +23,9 @@ export const unknownFilter = [
         name: 'isEmpty',
         self: t.unknown.instance(),
         args: [],
-        label: 'Is empty',
-        shortString: () => ': Is empty',
+        label: DATA_VIEW_FILTER_IS_EMPTY[1],
+        labelWording: DATA_VIEW_FILTER_IS_EMPTY,
+        shortString: wording => `: ${wording(DATA_VIEW_FILTER_IS_EMPTY)}`,
         impl: self => {
             if (Array.isArray(self)) {
                 return self.length === 0;

package/dist/_pkgs/affine-database-engine/core/filter/literal/define.js

@@ -4,6 +4,8 @@ import { CheckBoxCheckSolidIcon, CheckBoxUnIcon } from '@blocksuite/icons/lit';
 import { html } from 'lit';
 import { t } from '../../logical/type-presets.js';
 import { createLiteral } from './create.js';
+import { DATA_VIEW_FILTER_VALUE_PLACEHOLDER } from '../../../translations.js';
+import { englishWording } from '../../utils/wording.js';
 export const allLiteralConfig = [
     createLiteral({
         type: t.date.instance(),
@@ -46,23 +48,23 @@ export const allLiteralConfig = [
     }),
     createLiteral({
         type: t.string.instance(),
-        getItems: (_type, value, onChange) => {
+        getItems: (_type, value, onChange, wording = englishWording) => {
             return [
                 menu.input({
                     initialValue: value.value ?? '',
                     onChange: onChange,
-                    placeholder: 'Type a value...',
+                    placeholder: wording(DATA_VIEW_FILTER_VALUE_PLACEHOLDER),
                 }),
             ];
         },
     }),
     createLiteral({
         type: t.number.instance(),
-        getItems: (_type, value, onChange) => {
+        getItems: (_type, value, onChange, wording = englishWording) => {
             return [
                 menu.input({
                     initialValue: value.value?.toString(10) ?? '',
-                    placeholder: 'Type a value...',
+                    placeholder: wording(DATA_VIEW_FILTER_VALUE_PLACEHOLDER),
                     onChange: text => {
                         const number = Number.parseFloat(text);
                         if (Number.isNaN(number)) {

package/dist/_pkgs/affine-database-engine/core/filter/literal/matcher.d.ts

@@ -1,5 +1,6 @@
 import type { ReadonlySignal } from '@preact/signals-core';
 import type { TypeInstance } from '../../logical/type.js';
+import { type Wording } from '../../utils/wording.js';
 export declare const literalItemsMatcher: {
-    getItems: (type: TypeInstance, value: ReadonlySignal<unknown>, onChange: (value: unknown) => void) => import("../../../../affine-components/context-menu/menu.js").MenuConfig[];
+    getItems: (type: TypeInstance, value: ReadonlySignal<unknown>, onChange: (value: unknown) => void, wording?: Wording) => import("../../../../affine-components/context-menu/menu.js").MenuConfig[];
 };

package/dist/_pkgs/affine-database-engine/core/filter/literal/matcher.js

@@ -1,10 +1,11 @@
 import { typeSystem } from '../../logical/index.js';
 import { allLiteralConfig } from './define.js';
+import {} from '../../utils/wording.js';
 export const literalItemsMatcher = {
-    getItems: (type, value, onChange) => {
+    getItems: (type, value, onChange, wording) => {
         for (const config of allLiteralConfig) {
             if (typeSystem.unify(type, config.type)) {
-                return config.getItems(type, value, onChange);
+                return config.getItems(type, value, onChange, wording);
             }
         }
         return [];

package/dist/_pkgs/affine-database-engine/core/filter/literal/types.d.ts

@@ -1,8 +1,11 @@
 import type { MenuConfig } from '../../../../affine-components/context-menu/index.js';
 import type { ReadonlySignal } from '@preact/signals-core';
 import type { TypeInstance, ValueTypeOf } from '../../logical/type.js';
+import { type Wording } from '../../utils/wording.js';
 export type CreateLiteralItemsConfig = <Type extends TypeInstance = TypeInstance>(config: LiteralItemsConfig<Type>) => LiteralItemsConfig<Type>;
 export type LiteralItemsConfig<Type extends TypeInstance = any> = {
     type: Type;
-    getItems: (type: Type, value: ReadonlySignal<ValueTypeOf<Type> | undefined>, onChange: (value: ValueTypeOf<Type>) => void) => MenuConfig[];
+    getItems: (type: Type, value: ReadonlySignal<ValueTypeOf<Type> | undefined>, onChange: (value: ValueTypeOf<Type>) => void, 
+    /** The words of the filter's editor; English when absent. */
+    wording?: Wording) => MenuConfig[];
 };

package/dist/_pkgs/affine-database-engine/core/filter/literal/types.js

@@ -1 +1 @@
-export {};
+import {} from '../../utils/wording.js';

package/dist/_pkgs/affine-database-engine/core/group-by/define.js

@@ -7,6 +7,8 @@ import { DateGroupView } from './renderer/date-group.js';
 import { NumberGroupView } from './renderer/number-group.js';
 import { SelectGroupView } from './renderer/select-group.js';
 import { StringGroupView } from './renderer/string-group.js';
+import { DATA_VIEW_DATE_TODAY, DATA_VIEW_DATE_TOMORROW, DATA_VIEW_DATE_YESTERDAY, DATA_VIEW_DATE_NEXT_7_DAYS, DATA_VIEW_DATE_NEXT_30_DAYS, DATA_VIEW_DATE_LAST_7_DAYS, DATA_VIEW_DATE_LAST_30_DAYS, } from '../../translations.js';
+import { englishWording } from '../utils/wording.js';
 export const createGroupByConfig = (config) => {
     return config;
 };
@@ -25,7 +27,7 @@ const rangeLabel = (a, b) => `${fmt(a, 'MMM d yyyy')} – ${fmt(b, 'MMM d yyyy')
 const buildDateCfg = (name, grouper, groupName) => createGroupByConfig({
     name,
     matchType: t.date.instance(),
-    groupName: (_t, v) => groupName(v),
+    groupName: (_t, v, wording = englishWording) => groupName(v, wording),
     defaultKeys: _t => [ungroups],
     valuesGroup: (v, _t) => grouper(v),
     addToGroup: (group, _old) => group,
@@ -57,29 +59,29 @@ const dateRelativeCfg = buildDateCfg('date-relative', v => {
         return [{ key: 'last30', value: +day }];
     const month = startOfMonth(day);
     return [{ key: `${+month}`, value: +month }];
-}, v => {
+}, (v, wording) => {
     if (v == null)
         return '';
     const day = startOfDay(new Date(v));
     const daysDiff = differenceInCalendarDays(day, startOfDay(new Date()));
     if (isToday(day))
-        return 'Today';
+        return wording(DATA_VIEW_DATE_TODAY);
     if (isTomorrow(day))
-        return 'Tomorrow';
+        return wording(DATA_VIEW_DATE_TOMORROW);
     if (isYesterday(day))
-        return 'Yesterday';
+        return wording(DATA_VIEW_DATE_YESTERDAY);
     if (daysDiff > 0) {
         if (daysDiff <= 7)
-            return 'Next 7 days';
+            return wording(DATA_VIEW_DATE_NEXT_7_DAYS);
         if (daysDiff <= 30)
-            return 'Next 30 days';
+            return wording(DATA_VIEW_DATE_NEXT_30_DAYS);
         return fmt(new Date(v), 'MMM yyyy');
     }
     const daysAgo = -daysDiff;
     if (daysAgo <= 7)
-        return 'Last 7 days';
+        return wording(DATA_VIEW_DATE_LAST_7_DAYS);
     if (daysAgo <= 30)
-        return 'Last 30 days';
+        return wording(DATA_VIEW_DATE_LAST_30_DAYS);
     return fmt(new Date(v), 'MMM yyyy');
 });
 const dateDayCfg = buildDateCfg('date-day', v => {