feat: 添加vscode编辑器

2022-09-29 16:48:09 +08:00
parent a93bdac4ff
commit 150898ec1e
1126 changed files with 933348 additions and 0 deletions
@@ -0,0 +1,9 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.monaco-aria-container {
+	position: absolute; /* try to hide from window but not from screen readers */
+	left:-999em;
+}
@@ -0,0 +1,88 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+import * as dom from '../../dom.js';
+import { isMacintosh } from '../../../common/platform.js';
+import './aria.css';
+// Use a max length since we are inserting the whole msg in the DOM and that can cause browsers to freeze for long messages #94233
+const MAX_MESSAGE_LENGTH = 20000;
+let ariaContainer;
+let alertContainer;
+let alertContainer2;
+let statusContainer;
+let statusContainer2;
+export function setARIAContainer(parent) {
+    ariaContainer = document.createElement('div');
+    ariaContainer.className = 'monaco-aria-container';
+    const createAlertContainer = () => {
+        const element = document.createElement('div');
+        element.className = 'monaco-alert';
+        element.setAttribute('role', 'alert');
+        element.setAttribute('aria-atomic', 'true');
+        ariaContainer.appendChild(element);
+        return element;
+    };
+    alertContainer = createAlertContainer();
+    alertContainer2 = createAlertContainer();
+    const createStatusContainer = () => {
+        const element = document.createElement('div');
+        element.className = 'monaco-status';
+        element.setAttribute('role', 'complementary');
+        element.setAttribute('aria-live', 'polite');
+        element.setAttribute('aria-atomic', 'true');
+        ariaContainer.appendChild(element);
+        return element;
+    };
+    statusContainer = createStatusContainer();
+    statusContainer2 = createStatusContainer();
+    parent.appendChild(ariaContainer);
+}
+/**
+ * Given the provided message, will make sure that it is read as alert to screen readers.
+ */
+export function alert(msg) {
+    if (!ariaContainer) {
+        return;
+    }
+    // Use alternate containers such that duplicated messages get read out by screen readers #99466
+    if (alertContainer.textContent !== msg) {
+        dom.clearNode(alertContainer2);
+        insertMessage(alertContainer, msg);
+    }
+    else {
+        dom.clearNode(alertContainer);
+        insertMessage(alertContainer2, msg);
+    }
+}
+/**
+ * Given the provided message, will make sure that it is read as status to screen readers.
+ */
+export function status(msg) {
+    if (!ariaContainer) {
+        return;
+    }
+    if (isMacintosh) {
+        alert(msg); // VoiceOver does not seem to support status role
+    }
+    else {
+        if (statusContainer.textContent !== msg) {
+            dom.clearNode(statusContainer2);
+            insertMessage(statusContainer, msg);
+        }
+        else {
+            dom.clearNode(statusContainer);
+            insertMessage(statusContainer2, msg);
+        }
+    }
+}
+function insertMessage(target, msg) {
+    dom.clearNode(target);
+    if (msg.length > MAX_MESSAGE_LENGTH) {
+        msg = msg.substr(0, MAX_MESSAGE_LENGTH);
+    }
+    target.textContent = msg;
+    // See https://www.paciellogroup.com/blog/2012/06/html5-accessibility-chops-aria-rolealert-browser-support/
+    target.style.visibility = 'hidden';
+    target.style.visibility = 'visible';
+}