@opensumi/ide-keymaps 2.12.1-next-079c1930

package/lib/browser/keymaps.module.less

@@ -0,0 +1,310 @@
+.keybinding_container {
+  padding: 11px 0 0 27px;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.keybinding_header {
+  padding: 0 10px 11px 0;
+  height: 30px;
+  display: flex;
+  flex-direction: row;
+  box-sizing: content-box;
+}
+
+
+.keybinding_body {
+  height: calc(100% - 52px);
+  position: relative;
+  overflow: hidden;
+  .keybinding_loading {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background: var(--background);
+    opacity: .3;
+    top: 0;
+    left: 0;
+  }
+}
+
+
+.keybinding_list_header {
+  background-color: hsla(0, 0%, 51%, .04);
+  height: 30px;
+  line-height: 30px;
+}
+
+.keybinding_key_input_container {
+  position: relative;
+  height: 100%;
+  width: 100%;
+  &:hover {
+    .keybinding_optional_actions {
+      z-index: 999;
+      display: flex;
+    }
+    .keybinding_key_input_placeholder {
+      display: none;
+    }
+  }
+}
+
+.keybinding_detective_messages {
+  z-index: 100;
+  position: absolute;
+  left: 0;
+  top: 24px;
+  max-height: 175px;
+  min-width: 100%;
+  padding: 10px;
+  max-width: 600px;
+  background: var(--kt-selectDropdown-background);
+  box-shadow: 0 9px 28px 8px rgba(0,0,0,0.15), 0 6px 16px 0 rgba(0,0,0,0.24), 0 3px 6px -4px rgba(0,0,0,0.36);
+  border-radius: 2px;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  .keybinding_detective_messages_label {
+    color: var(--descriptionForeground);
+    text-align: left;
+    line-height: 20px;
+    font-size: 12px;
+    text-align: left;
+    line-height: 20px;
+    width: 172px;
+    height: 20px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    margin-bottom: 5px;
+  }
+  ul, li {
+    margin: 0;
+    padding: 0;
+  }
+  .keybinding_detective_messages_container {
+    display: flex;
+    flex-direction: column;
+
+    .keybinding_detective_messages_item {
+      display: flex;
+      flex-direction: column;
+      .title {
+        text-align: left;
+        line-height: 20px;
+        font-size: 12px;
+        color: var(--foreground);
+        text-align: left;
+        line-height: 20px;
+        height: 20px;
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      .description {
+        text-align: left;
+        line-height: 20px;
+        font-size: 12px;
+        color: var(--descriptionForeground);
+        text-align: left;
+        line-height: 20px;
+        height: 20px;
+        width: 100%;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+
+        display: flex;
+        align-items: center;
+      }
+    }
+  }
+}
+
+.keybinding_key_input_placeholder {
+  z-index: 100;
+  position: absolute;
+  right: 5px;
+  top: 0;
+  align-items: center;
+  justify-content: center;
+  color: var(--inputicon-foreground);
+  width: 16px;
+  height: 24px;
+  line-height: 24px;
+  text-align: center;
+}
+
+.keybinding_key_input, .keybinding_key {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  position: relative;
+  overflow: hidden;
+}
+
+.keybinding_key_block {
+  display: flex;
+  margin-right: 5px;
+}
+
+.keybinding_key_item {
+  display: block;
+  border-radius:2px;
+  background-color:rgba(134,140,145,0.10);
+  font-size:12px;
+  padding: 0 2px;
+  height: 16px;
+  line-height: 16px;
+  margin-right: 3px;
+  text-align: center;
+}
+
+
+
+.keybinding_list_container {
+  width: 100%;
+  border-spacing: 0;
+  border-collapse: separate;
+  height: calc(100% - 30px);
+
+  span {
+    display: inline-block;
+  }
+}
+
+.keybinding_list_item {
+  cursor: default;
+  display: flex;
+  height: 24px;
+  flex-direction: row;
+  line-height: 24px;
+  position: relative;
+
+  match {
+    color: #FF7673;
+  }
+
+  .keybinding_list_item_box {
+    align-items: center;
+    width: 25%;
+    font-size: 12px;
+    box-sizing: border-box;
+    padding-left: 30px;
+  }
+
+  .limit_warp {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &.odd {
+    background-color: hsla(0, 0%, 51%, .04);
+  }
+
+  .keybinding_inline_action {
+    display: none;
+    height: 24px;
+    line-height: 24px;
+    width: 20px;
+    text-align: left;
+    text-align: center;
+    cursor: pointer;
+    background-color: var(--list-hoverBackground);
+    &:hover {
+      transform: scale(1.2);
+    }
+  }
+
+  .keybinding_action {
+    display: none;
+    position: absolute;
+    right: 0;
+    height: 24px;
+    line-height: 24px;
+    text-align: center;
+    z-index: 10;
+    cursor: pointer;
+  }
+
+  &:hover {
+    color: var(--list-hoverForeground);
+    background-color: var(--list-hoverBackground);
+
+    .keybinding_action,
+    .keybinding_inline_action {
+      display: inline-block;
+    }
+  }
+}
+
+.keybinding_header_item {
+  width: 25%;
+  box-sizing: content-box;
+  padding-left: 30px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.search_container {
+  position: relative;
+  height: 100%;
+  width: 100%;
+  &:hover {
+    .keybinding_optional_actions {
+      display: flex;
+    }
+  }
+}
+
+.search_input {
+  height: 30px;
+  width: 100%;
+}
+
+.keybinding_optional_actions {
+  position: absolute;
+  right: 5px;
+  top: 0;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  .keybinding_optional_action {
+    cursor: pointer;
+    color: var(--inputicon-foreground);
+    display: block;
+    font-size: 14px;
+    width: 16px;
+    height: 16px;
+    line-height: 16px;
+    text-align: center;
+  }
+}
+
+.search_inline_action {
+  height: 100%;
+  padding: 0 5px;
+  line-height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  &_icon {
+    display: block;
+    height: 18px;
+    width: 18px;
+    text-align: center;
+    box-sizing: content-box;
+    border: 1px solid transparent;
+    cursor: pointer;
+    &.active {
+      border: 1px solid var(--focusBorder);
+    }
+  }
+}

package/lib/browser/keymaps.service.d.ts

@@ -0,0 +1,136 @@
+import { IDisposable, KeybindingRegistry, URI, Emitter, Keybinding, KeybindingScope, CommandService, CommandRegistry, KeySequence, KeybindingService, Event, FileStat } from '@opensumi/ide-core-browser';
+import { KeymapsParser } from './keymaps-parser';
+import { IKeymapService, KeybindingItem, KeymapItem } from '../common';
+import { IFileServiceClient } from '@opensumi/ide-file-service';
+export declare class KeymapService implements IKeymapService {
+    static DEFAULT_SEARCH_DELAY: number;
+    static KEYMAP_FILE_URI: URI;
+    protected readonly keyBindingRegistry: KeybindingRegistry;
+    protected readonly parser: KeymapsParser;
+    protected readonly commandService: CommandService;
+    protected readonly commandRegistry: CommandRegistry;
+    protected readonly keybindingRegistry: KeybindingRegistry;
+    protected readonly keybindingService: KeybindingService;
+    protected readonly filesystem: IFileServiceClient;
+    private readonly logger;
+    private readonly progressService;
+    private currentSearchValue;
+    protected resource: FileStat | undefined;
+    protected readonly keymapChangeEmitter: Emitter<void>;
+    get onDidKeymapChanges(): Event<void>;
+    protected convertKeySequence: KeySequence;
+    protected readonly toUnregisterUserKeybindingMap: Map<string, IDisposable>;
+    protected readonly toRestoreDefaultKeybindingMap: Map<string, IDisposable>;
+    private searchDelayer;
+    private disposableCollection;
+    /**
+     * fuzzy搜索参数，pre及post用于包裹搜索结果
+     * @protected
+     * @memberof KeymapService
+     */
+    protected readonly fuzzyOptions: {
+        pre: string;
+        post: string;
+    };
+    private _storeKeybindings;
+    get storeKeybindings(): KeymapItem[];
+    set storeKeybindings(value: KeymapItem[]);
+    keybindings: KeybindingItem[];
+    init(): Promise<void>;
+    openResource(): Promise<void>;
+    private disposeRegistedKeybinding;
+    dispose(): void;
+    /**
+     * 因为 monaco.edtior.* 替换为 editor.* 为了兼容在 storage 里存量的数据，需要兼容一下
+     * @param command
+     */
+    private getValidateCommand;
+    /**
+     * 重新加载并设置Keymap定义的快捷键
+     * @param keybindings
+     */
+    reconcile(keybindings?: KeymapItem[]): Promise<void>;
+    private unregisterUserKeybinding;
+    private registerUserKeybinding;
+    private unregisterDefaultKeybinding;
+    private restoreDefaultKeybinding;
+    private toUniqueKey;
+    /**
+     * 更新keybindings列表
+     */
+    private updateKeybindings;
+    /**
+     * 解析快捷键数据
+     * @protected
+     * @returns {Promise<Keybinding[]>}
+     * @memberof KeymapsService
+     */
+    protected parseKeybindings(): Promise<KeymapItem[]>;
+    /**
+     * 设置快捷键
+     * @param {Keybinding} keybindings
+     * @returns {Promise<void>}
+     * @memberof KeymapsService
+     */
+    setKeybinding: (keybinding: Keybinding) => void;
+    private saveKeybinding;
+    covert: (event: KeyboardEvent) => string;
+    clearCovert: () => void;
+    /**
+     * 移除给定ID的快捷键绑定
+     * @param {string} commandId
+     * @returns {Promise<void>}
+     * @memberof KeymapsService
+     */
+    resetKeybinding: (item: Keybinding) => Promise<void>;
+    /**
+     * 从keymaps.json获取快捷键列表
+     * @returns {Promise<Keybinding[]>}
+     * @memberof KeymapsService
+     */
+    getKeybindings(): Promise<Keybinding[]>;
+    /**
+     * 打开快捷键面板
+     * @protected
+     * @returns {Promise<void>}
+     * @memberof KeymapService
+     */
+    open(): Promise<void>;
+    fixed: () => Promise<void>;
+    getWhen(keybinding?: Keybinding | KeymapItem): string;
+    /**
+     * 获取可读的作用域
+     * @param {KeybindingScope} scope
+     * @returns
+     * @memberof KeymapService
+     */
+    getScope(scope: KeybindingScope): string;
+    /**
+     * 获取所有快捷键项
+     * @returns {KeybindingItem[]}
+     * @memberof KeymapService
+     */
+    getKeybindingItems(): KeybindingItem[];
+    protected compareItem(a: KeybindingItem, b: KeybindingItem): number;
+    /**
+     * 搜索快捷键
+     */
+    searchKeybindings: (search: string) => void;
+    /**
+     * 模糊搜索匹配的快捷键
+     * @protected
+     */
+    protected readonly doSearchKeybindings: (search: any) => void;
+    /**
+     * 验证快捷键是否可用
+     * @memberof KeymapService
+     */
+    validateKeybinding: (keybindingItem: KeybindingItem, keybinding: string) => string;
+    detectKeybindings: (keybindingItem: KeybindingItem, keybinding: string) => KeybindingItem[];
+    /**
+     * 获取被fuzzy替换的原始值
+     * @param {string} keybinding
+     */
+    getRaw(keybinding?: string): string;
+}
+//# sourceMappingURL=keymaps.service.d.ts.map

package/lib/browser/keymaps.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keymaps.service.d.ts","sourceRoot":"","sources":["../../src/browser/keymaps.service.ts"],"names":[],"mappings":"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"}