@tuidom/elements 0.5.1 → 0.6.0

package/dist/menu/popupMenuElement.d.ts

@@ -13,6 +13,12 @@ export interface MenuItemEntry {
      */
     id?: string;
     onSelect?: () => void;
+    /**
+     * Недоступный пункт (`precondition` эталона VS Code): рисуется
+     * `disabledForeground`, стрелки его пропускают, клик, Enter и ховер
+     * ничего не делают.
+     */
+    disabled?: boolean;
 }
 export interface MenuSeparatorEntry {
     type: "separator";

package/dist/menu/popupMenuElement.js

@@ -10,6 +10,10 @@ function isSeparator(entry) {
 function isSubmenu(entry) {
     return entry.type === "submenu";
 }
+/** Строка, на которую можно встать выделением: не разделитель и не недоступный пункт. */
+function isSelectable(entry) {
+    return !isSeparator(entry) && (isSubmenu(entry) || entry.disabled !== true);
+}
 /** Индикатор строки-подменю (рисуется в колонке шортката). */
 const SUBMENU_INDICATOR = "›";
 /**
@@ -38,7 +42,7 @@ export class PopupMenuElement extends TUIElement {
         super();
         this.style = { fg: "menu.foreground", bg: "menu.background" };
         this.entries = entries;
-        this.selectableIndices = entries.map((e, i) => (isSeparator(e) ? -1 : i)).filter((i) => i >= 0);
+        this.selectableIndices = entries.map((e, i) => (isSelectable(e) ? i : -1)).filter((i) => i >= 0);
         this.selectedIndex = this.selectableIndices.length > 0 ? this.selectableIndices[0] : -1;
         const config = this.computeConfig();
         this.vstack = new VStackElement();
@@ -63,10 +67,15 @@ export class PopupMenuElement extends TUIElement {
             }
             else {
                 const item = new PopupMenuItemElement(entry.label, config, entry.shortcut, entry.icon);
-                item.onSelect = entry.onSelect;
-                item.onHover = () => {
-                    this.selectByEntryIndex(entryIndex);
-                };
+                if (entry.disabled === true) {
+                    item.disabled = true;
+                }
+                else {
+                    item.onSelect = entry.onSelect;
+                    item.onHover = () => {
+                        this.selectByEntryIndex(entryIndex);
+                    };
+                }
                 this.itemElements.push(item);
                 this.vstack.addChild(item, { width: "stretch", height: 1 });
             }

package/dist/menu/popupMenuItemElement.d.ts

@@ -14,6 +14,9 @@ export declare class PopupMenuItemElement extends CompositeElement {
     constructor(label: string, config: PopupMenuItemConfig, shortcut?: string, icon?: string);
     get selected(): boolean;
     set selected(value: boolean);
+    /** Недоступный пункт — цвет `disabledForeground` (поведение держит меню). */
+    get disabled(): boolean;
+    set disabled(value: boolean);
 }
 export declare class PopupMenuSeparatorElement extends TUIElement {
     getMinIntrinsicWidth(_height: number): number;

package/dist/menu/popupMenuItemElement.js

@@ -29,7 +29,10 @@ export class PopupMenuItemElement extends CompositeElement {
         // фон раскрытого списка (dropdown.listBackground) одним style на корне
         // попапа; выделение — when-вариант с токенами menu.selection*.
         this.style = {
-            when: [{ states: ["selected"], fg: "menu.selectionForeground", bg: "menu.selectionBackground" }],
+            when: [
+                { states: ["selected"], fg: "menu.selectionForeground", bg: "menu.selectionBackground" },
+                { states: ["disabled"], fg: "disabledForeground" },
+            ],
         };
         const row = new HFlexElement();
         if (config.hasIconColumn) {
@@ -49,7 +52,10 @@ export class PopupMenuItemElement extends CompositeElement {
             const shortcutLabel = new TextLabelElement("  " + this.shortcut);
             shortcutLabel.style = {
                 fg: "menu.shortcutForeground",
-                when: [{ states: ["in:selected"], fg: "menu.selectionForeground" }],
+                when: [
+                    { states: ["in:selected"], fg: "menu.selectionForeground" },
+                    { states: ["in:disabled"], fg: "disabledForeground" },
+                ],
             };
             row.addChild(shortcutLabel, { width: hflexFit(), height: "fill" });
         }
@@ -62,6 +68,13 @@ export class PopupMenuItemElement extends CompositeElement {
     set selected(value) {
         this.setStyleState("selected", value);
     }
+    /** Недоступный пункт — цвет `disabledForeground` (поведение держит меню). */
+    get disabled() {
+        return this.hasStyleState("disabled");
+    }
+    set disabled(value) {
+        this.setStyleState("disabled", value);
+    }
 }
 export class PopupMenuSeparatorElement extends TUIElement {
     getMinIntrinsicWidth(_height) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@tuidom/elements",
-    "version": "0.5.1",
+    "version": "0.6.0",
     "type": "module",
     "description": "Experimental terminal UI DOM — widgets: lists, trees, menus, inputs, quick pick. API is unstable.",
     "license": "MIT",
@@ -28,6 +28,6 @@
         "./*": "./dist/*.js"
     },
     "dependencies": {
-        "@tuidom/core": "0.5.1"
+        "@tuidom/core": "0.6.0"
     }
 }