@opensumi/ide-core-browser 2.21.13 → 2.22.0

package/src/style/codicons/README.md

@@ -0,0 +1,22 @@
+from https://github.com/microsoft/vscode-codicons current version 0.0.12，为了 package.json 版本和 cdn 版本一致，package.json 需锁版本，手动更新版本图标预览 https://microsoft.github.io/vscode-codicons/dist/codicon.html
+
+目前 vscode 已经移除 octicons，opensumi 中还暂时保留，并且优先取 codicons，没有再去 octicon 长期看 codicons 是趋势，以支持 [product-icon-theme](https://code.visualstudio.com/api/extension-guides/product-icon-theme)
+
+所有的 icon id 的列表如下，用 Run Code 插件运行 js 代码自动提取 <codicon> ['add', 'plus', 'gist-new', 'repo-create', 'lightbulb', 'light-bulb', 'repo', 'repo-delete', 'gist-fork', 'repo-forked', 'git-pull-request', 'git-pull-request-abandoned', 'record-keys', 'keyboard', 'tag', 'tag-add', 'tag-remove', 'person', 'person-follow', 'person-outline', 'person-filled', 'git-branch', 'git-branch-create', 'git-branch-delete', 'source-control', 'mirror', 'mirror-public', 'star', 'star-add', 'star-delete', 'star-empty', 'comment', 'comment-add', 'alert', 'warning', 'search', 'search-save', 'log-out', 'sign-out', 'log-in', 'sign-in', 'eye', 'eye-unwatch', 'eye-watch', 'circle-filled', 'primitive-dot', 'close-dirty', 'debug-breakpoint', 'debug-breakpoint-disabled', 'debug-hint', 'primitive-square', 'edit', 'pencil', 'info', 'issue-opened', 'gist-private', 'git-fork-private', 'lock', 'mirror-private', 'close', 'remove-close', 'x', 'repo-sync', 'sync', 'clone', 'desktop-download', 'beaker', 'microscope', 'vm', 'device-desktop', 'file', 'file-text', 'more', 'ellipsis', 'kebab-horizontal', 'mail-reply', 'reply', 'organization', 'organization-filled', 'organization-outline', 'new-file', 'file-add', 'new-folder', 'file-directory-create', 'trash', 'trashcan', 'history', 'clock', 'folder', 'file-directory', 'symbol-folder', 'logo-github', 'mark-github', 'github', 'terminal', 'console', 'repl', 'zap', 'symbol-event', 'error', 'stop', 'variable', 'symbol-variable', 'array', 'symbol-array', 'symbol-module', 'symbol-package', 'symbol-namespace', 'symbol-object', 'symbol-method', 'symbol-function', 'symbol-constructor', 'symbol-boolean', 'symbol-null', 'symbol-numeric', 'symbol-number', 'symbol-structure', 'symbol-struct', 'symbol-parameter', 'symbol-type-parameter', 'symbol-key', 'symbol-text', 'symbol-reference', 'go-to-file', 'symbol-enum', 'symbol-value', 'symbol-ruler', 'symbol-unit', 'activate-breakpoints', 'archive', 'arrow-both', 'arrow-down', 'arrow-left', 'arrow-right', 'arrow-small-down', 'arrow-small-left', 'arrow-small-right', 'arrow-small-up', 'arrow-up', 'bell', 'bold', 'book', 'bookmark', 'debug-breakpoint-conditional-unverified', 'debug-breakpoint-conditional', 'debug-breakpoint-conditional-disabled', 'debug-breakpoint-data-unverified', 'debug-breakpoint-data', 'debug-breakpoint-data-disabled', 'debug-breakpoint-log-unverified', 'debug-breakpoint-log', 'debug-breakpoint-log-disabled', 'briefcase', 'broadcast', 'browser', 'bug', 'calendar', 'case-sensitive', 'check', 'checklist', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'chrome-close', 'chrome-maximize', 'chrome-minimize', 'chrome-restore', 'circle-outline', 'debug-breakpoint-unverified', 'circle-slash', 'circuit-board', 'clear-all', 'clippy', 'close-all', 'cloud-download', 'cloud-upload', 'code', 'collapse-all', 'color-mode', 'comment-discussion', 'credit-card', 'dash', 'dashboard', 'database', 'debug-continue', 'debug-disconnect', 'debug-pause', 'debug-restart', 'debug-start', 'debug-step-into', 'debug-step-out', 'debug-step-over', 'debug-stop', 'debug', 'device-camera-video', 'device-camera', 'device-mobile', 'diff-added', 'diff-ignored', 'diff-modified', 'diff-removed', 'diff-renamed', 'diff', 'discard', 'editor-layout', 'empty-window', 'exclude', 'extensions', 'eye-closed', 'file-binary', 'file-code', 'file-media', 'file-pdf', 'file-submodule', 'file-symlink-directory', 'file-symlink-file', 'file-zip', 'files', 'filter', 'flame', 'fold-down', 'fold-up', 'fold', 'folder-active', 'folder-opened', 'gear', 'gift', 'gist-secret', 'gist', 'git-commit', 'git-compare', 'compare-changes', 'git-merge', 'github-action', 'github-alt', 'globe', 'grabber', 'graph', 'gripper', 'heart', 'home', 'horizontal-rule', 'hubot', 'inbox', 'issue-reopened', 'issues', 'italic', 'jersey', 'json', 'kebab-vertical', 'key', 'law', 'lightbulb-autofix', 'link-external', 'link', 'list-ordered', 'list-unordered', 'live-share', 'loading', 'location', 'mail-read', 'mail', 'markdown', 'megaphone', 'mention', 'milestone', 'mortar-board', 'move', 'multiple-windows', 'mute', 'no-newline', 'note', 'octoface', 'open-preview', 'package', 'paintcan', 'pin', 'play', 'run', 'plug', 'preserve-case', 'preview', 'project', 'pulse', 'question', 'quote', 'radio-tower', 'reactions', 'references', 'refresh', 'regex', 'remote-explorer', 'remote', 'remove', 'replace-all', 'replace', 'repo-clone', 'repo-force-push', 'repo-pull', 'repo-push', 'report', 'request-changes', 'rocket', 'root-folder-opened', 'root-folder', 'rss', 'ruby', 'save-all', 'save-as', 'save', 'screen-full', 'screen-normal', 'search-stop', 'server', 'settings-gear', 'settings', 'shield', 'smiley', 'sort-precedence', 'split-horizontal', 'split-vertical', 'squirrel', 'star-full', 'star-half', 'symbol-class', 'symbol-color', 'symbol-constant', 'symbol-enum-member', 'symbol-field', 'symbol-file', 'symbol-interface', 'symbol-keyword', 'symbol-misc', 'symbol-operator', 'symbol-property', 'wrench', 'wrench-subaction', 'symbol-snippet', 'tasklist', 'telescope', 'text-size', 'three-bars', 'thumbsdown', 'thumbsup', 'tools', 'triangle-down', 'triangle-left', 'triangle-right', 'triangle-up', 'twitter', 'unfold', 'unlock', 'unmute', 'unverified', 'verified', 'versions', 'vm-active', 'vm-outline', 'vm-running', 'watch', 'whitespace', 'whole-word', 'window', 'word-wrap', 'zoom-in', 'zoom-out', 'list-filter', 'list-flat', 'list-selection', 'selection', 'list-tree', 'debug-breakpoint-function-unverified', 'debug-breakpoint-function', 'debug-breakpoint-function-disabled', 'debug-stackframe-active', 'debug-stackframe-dot', 'debug-stackframe', 'debug-stackframe-focused', 'debug-breakpoint-unsupported', 'symbol-string', 'debug-reverse-continue', 'debug-step-back', 'debug-restart-frame', 'debug-alt', 'call-incoming', 'call-outgoing', 'menu', 'expand-all', 'feedback', 'group-by-ref-type', 'ungroup-by-ref-type', 'account', 'bell-dot', 'debug-console', 'library', 'output', 'run-all', 'sync-ignored', 'pinned', 'github-inverted', 'server-process', 'server-environment', 'pass', 'issue-closed', 'stop-circle', 'play-circle', 'record', 'debug-alt-small', 'vm-connect', 'cloud', 'merge', 'export', 'graph-left', 'magnet', 'notebook', 'redo', 'check-all', 'pinned-dirty', 'pass-filled', 'circle-large-filled', 'circle-large-outline', 'combine', 'gather', 'table', 'variable-group', 'type-hierarchy', 'type-hierarchy-sub', 'type-hierarchy-super', 'git-pull-request-create', 'run-above', 'run-below', 'notebook-template', 'debug-rerun', 'workspace-trusted', 'workspace-untrusted', 'workspace-unknown', 'terminal-cmd', 'terminal-debian', 'terminal-linux', 'terminal-powershell', 'terminal-tmux', 'terminal-ubuntu', 'terminal-bash', 'arrow-swap', 'copy', 'person-add', 'filter-filled', 'wand', 'debug-line-by-line', 'inspect', 'layers', 'layers-dot', 'layers-active', 'compass', 'compass-dot', 'compass-active', 'azure', 'issue-draft', 'git-pull-request-closed', 'git-pull-request-draft', 'debug-all', 'debug-coverage', 'run-errors', 'folder-library', 'debug-continue-small', 'beaker-stop', 'graph-line', 'graph-scatter', 'pie-chart', 'bracket', 'bracket-dot', 'bracket-error', 'lock-small', 'azure-devops', 'verified-filled', 'newline', 'layout'] </codicon>
+
+```js
+const fs = require('fs');
+const path = require('path');
+const pkg = require.resolve('vscode-codicons/package.json');
+const cssFile = path.join(pkg, '../dist/codicon.css');
+const cssContent = fs.readFileSync(cssFile, 'utf8');
+const nameIt = cssContent.matchAll(/\.codicon-(?<name>[\w-]+)+:before\s*{.+}/g);
+const formattedName = JSON.stringify([...nameIt].map((item) => item.groups.name))
+  .replace(/"/g, "'")
+  .replace(/,/g, '$& ');
+console.log(formattedName);
+const curFile = path.join(__dirname, 'README.md');
+let curFileContent = fs.readFileSync(curFile, 'utf8');
+curFileContent = curFileContent.replace(/(<codicon>)([\s\S]+)(<\/codicon>)/, `$1\n${formattedName}\n$3`);
+fs.writeFileSync(path.join(__dirname, 'README.md'), curFileContent);
+```

package/src/style/codicons/codicon-animations.css

@@ -0,0 +1,15 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+@keyframes codicon-spin {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.codicon-animation-spin {
+  /* Use steps to throttle FPS to reduce CPU usage */
+  animation: codicon-spin 1.5s steps(30) infinite;
+}

package/src/style/codicons/generator.js

@@ -0,0 +1,15 @@
+const fs = require('fs');
+const path = require('path');
+const pkg = require.resolve('@vscode/codicons/package.json');
+const cssFile = path.join(pkg, '../dist/codicon.css');
+const cssContent = fs.readFileSync(cssFile, 'utf8');
+const nameIt = cssContent.matchAll(/\.codicon-(?<name>[\w-]+)+:before\s*{.+}/g);
+const formattedName = JSON.stringify([...nameIt].map((item) => item.groups.name))
+  .replace(/"/g, "'")
+  .replace(/,/g, '$& ');
+// eslint-disable-next-line no-console
+console.log(formattedName);
+const curFile = path.join(__dirname, 'README.md');
+let curFileContent = fs.readFileSync(curFile, 'utf8');
+curFileContent = curFileContent.replace(/(<codicon>)([\s\S]+)(<\/codicon>)/, `$1\n${formattedName}\n$3`);
+fs.writeFileSync(path.join(__dirname, 'README.md'), curFileContent);

package/src/style/entry.less

@@ -0,0 +1,25 @@
+/**
+ * 样式入口，重要事情说三遍
+ * 请不要在这个文件直接添加样式内容
+ * 请不要在这个文件直接添加样式内容
+ * 请不要在这个文件直接添加样式内容
+ */
+
+@import '~@opensumi/ide-components/lib/style/base.less';
+@import './variable.less';
+
+@import './icon/index.less';
+
+@import './override.less';
+@import './monaco-override.less';
+
+@import './utilities.less';
+
+@import './toolbar.less';
+
+/**
+  * 样式入口，重要事情说三遍
+  * 请不要在这个文件直接添加样式内容
+  * 请不要在这个文件直接添加样式内容
+  * 请不要在这个文件直接添加样式内容
+  */

package/src/style/icon/fileicons/file-default.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1577347211912" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8639" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M550 192a8 8 0 0 1 8 8v232.325l201.2-116.162a8 8 0 0 1 10.928 2.928l38 65.818a8 8 0 0 1-2.928 10.928L604 512l201.2 116.163a8 8 0 0 1 3.056 10.697l-0.128 0.231-38 65.818a8 8 0 0 1-10.928 2.928L558 591.674V824a8 8 0 0 1-8 8h-76a8 8 0 0 1-8-8V591.674L264.8 707.837a8 8 0 0 1-10.928-2.928l-38-65.818a8 8 0 0 1 2.928-10.928L420 511.999 218.8 395.837a8 8 0 0 1-3.056-10.697l0.128-0.231 38-65.818a8 8 0 0 1 10.928-2.928L466 432.325V200a8 8 0 0 1 8-8h76z" p-id="8640"></path></svg>

package/src/style/icon/fileicons/folder-default.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1577347219862" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8759" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M350.938 158c2.003 0 4.005 0.802 5.507 2.205l117.456 112.452h408.477c17.724 0 32.043 14.333 32.043 32.072L914.42 384h-72.095v-39.18H444.963L325.204 230.161h-188.75v529.676L448 759.837V832H96.4c-17.546 0-31.755-14.047-32.038-31.54l-0.004-0.532V190.072C64.358 172.332 78.677 158 96.4 158z" p-id="8760"></path><path d="M771.991 416a8 8 0 0 1 8 8v161.646l139.99-80.823a8 8 0 0 1 10.928 2.928l28 48.498a8 8 0 0 1-2.928 10.928l-139.992 80.822 139.992 80.824a8 8 0 0 1 3.056 10.697l-0.128 0.231-28 48.498a8 8 0 0 1-10.697 3.056l-0.231-0.128-139.99-80.824V872a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8V710.353l-139.99 80.824a8 8 0 0 1-10.928-2.928l-28-48.498a8 8 0 0 1 2.928-10.928L671.991 648l-139.99-80.822a8 8 0 0 1-3.056-10.697l0.128-0.231 28-48.498a8 8 0 0 1 10.698-3.056l0.23 0.128 139.99 80.823V424a8 8 0 0 1 8-8h56z" p-id="8761"></path></svg>

package/src/style/icon/fileicons.less

@@ -0,0 +1,20 @@
+.default-file-icons.show-file-icons {
+  .folder-icon::before,
+  .rootfolder-icon::before {
+    content: ' ';
+    mask: data-uri('./fileicons/folder-default.svg') no-repeat 0 0;
+    mask-size: 14px;
+    background-color: var(--foreground);
+  }
+  .file-icon::before {
+    content: ' ';
+    mask: data-uri('./fileicons/file-default.svg') no-repeat 0 0;
+    mask-size: 14px;
+    background-color: var(--foreground);
+  }
+}
+.file-icon,
+.folder-icon,
+.symbol-icon {
+  display: flex;
+}

package/src/style/icon/icon.ts

@@ -0,0 +1,547 @@
+import { SymbolKind as SymbolKindEnum } from '@opensumi/monaco-editor-core/esm/vs/editor/common/languages';
+
+import { IDE_ICONFONT_CN_CSS, IDE_OCTICONS_CN_CSS, IDE_CODICONS_CN_CSS } from './ide-iconfont';
+
+export { updateIconMap, getIcon } from '@opensumi/ide-components/lib/icon/util';
+
+export const DEFAULT_CDN_ICON = IDE_ICONFONT_CN_CSS;
+export { IDE_OCTICONS_CN_CSS, IDE_CODICONS_CN_CSS };
+
+export function getOctIcon(iconKey: string) {
+  return `octicon octicon-${iconKey}`;
+}
+
+export const CODICON_OWNER = 'codicon';
+export const KTICON_OWNER = 'kticon';
+
+const codIconId = [
+  'add',
+  'plus',
+  'gist-new',
+  'repo-create',
+  'lightbulb',
+  'light-bulb',
+  'repo',
+  'repo-delete',
+  'gist-fork',
+  'repo-forked',
+  'git-pull-request',
+  'git-pull-request-abandoned',
+  'record-keys',
+  'keyboard',
+  'tag',
+  'tag-add',
+  'tag-remove',
+  'person',
+  'person-follow',
+  'person-outline',
+  'person-filled',
+  'git-branch',
+  'git-branch-create',
+  'git-branch-delete',
+  'source-control',
+  'mirror',
+  'mirror-public',
+  'star',
+  'star-add',
+  'star-delete',
+  'star-empty',
+  'comment',
+  'comment-add',
+  'alert',
+  'warning',
+  'search',
+  'search-save',
+  'log-out',
+  'sign-out',
+  'log-in',
+  'sign-in',
+  'eye',
+  'eye-unwatch',
+  'eye-watch',
+  'circle-filled',
+  'primitive-dot',
+  'close-dirty',
+  'debug-breakpoint',
+  'debug-breakpoint-disabled',
+  'debug-hint',
+  'primitive-square',
+  'edit',
+  'pencil',
+  'info',
+  'issue-opened',
+  'gist-private',
+  'git-fork-private',
+  'lock',
+  'mirror-private',
+  'close',
+  'remove-close',
+  'x',
+  'repo-sync',
+  'sync',
+  'clone',
+  'desktop-download',
+  'beaker',
+  'microscope',
+  'vm',
+  'device-desktop',
+  'file',
+  'file-text',
+  'more',
+  'ellipsis',
+  'kebab-horizontal',
+  'mail-reply',
+  'reply',
+  'organization',
+  'organization-filled',
+  'organization-outline',
+  'new-file',
+  'file-add',
+  'new-folder',
+  'file-directory-create',
+  'trash',
+  'trashcan',
+  'history',
+  'clock',
+  'folder',
+  'file-directory',
+  'symbol-folder',
+  'logo-github',
+  'mark-github',
+  'github',
+  'terminal',
+  'console',
+  'repl',
+  'zap',
+  'symbol-event',
+  'error',
+  'stop',
+  'variable',
+  'symbol-variable',
+  'array',
+  'symbol-array',
+  'symbol-module',
+  'symbol-package',
+  'symbol-namespace',
+  'symbol-object',
+  'symbol-method',
+  'symbol-function',
+  'symbol-constructor',
+  'symbol-boolean',
+  'symbol-null',
+  'symbol-numeric',
+  'symbol-number',
+  'symbol-structure',
+  'symbol-struct',
+  'symbol-parameter',
+  'symbol-type-parameter',
+  'symbol-key',
+  'symbol-text',
+  'symbol-reference',
+  'go-to-file',
+  'symbol-enum',
+  'symbol-value',
+  'symbol-ruler',
+  'symbol-unit',
+  'activate-breakpoints',
+  'archive',
+  'arrow-both',
+  'arrow-down',
+  'arrow-left',
+  'arrow-right',
+  'arrow-small-down',
+  'arrow-small-left',
+  'arrow-small-right',
+  'arrow-small-up',
+  'arrow-up',
+  'bell',
+  'bold',
+  'book',
+  'bookmark',
+  'debug-breakpoint-conditional-unverified',
+  'debug-breakpoint-conditional',
+  'debug-breakpoint-conditional-disabled',
+  'debug-breakpoint-data-unverified',
+  'debug-breakpoint-data',
+  'debug-breakpoint-data-disabled',
+  'debug-breakpoint-log-unverified',
+  'debug-breakpoint-log',
+  'debug-breakpoint-log-disabled',
+  'briefcase',
+  'broadcast',
+  'browser',
+  'bug',
+  'calendar',
+  'case-sensitive',
+  'check',
+  'checklist',
+  'chevron-down',
+  'chevron-left',
+  'chevron-right',
+  'chevron-up',
+  'chrome-close',
+  'chrome-maximize',
+  'chrome-minimize',
+  'chrome-restore',
+  'circle-outline',
+  'debug-breakpoint-unverified',
+  'circle-slash',
+  'circuit-board',
+  'clear-all',
+  'clippy',
+  'close-all',
+  'cloud-download',
+  'cloud-upload',
+  'code',
+  'collapse-all',
+  'color-mode',
+  'comment-discussion',
+  'credit-card',
+  'dash',
+  'dashboard',
+  'database',
+  'debug-continue',
+  'debug-disconnect',
+  'debug-pause',
+  'debug-restart',
+  'debug-start',
+  'debug-step-into',
+  'debug-step-out',
+  'debug-step-over',
+  'debug-stop',
+  'debug',
+  'device-camera-video',
+  'device-camera',
+  'device-mobile',
+  'diff-added',
+  'diff-ignored',
+  'diff-modified',
+  'diff-removed',
+  'diff-renamed',
+  'diff',
+  'discard',
+  'editor-layout',
+  'empty-window',
+  'exclude',
+  'extensions',
+  'eye-closed',
+  'file-binary',
+  'file-code',
+  'file-media',
+  'file-pdf',
+  'file-submodule',
+  'file-symlink-directory',
+  'file-symlink-file',
+  'file-zip',
+  'files',
+  'filter',
+  'flame',
+  'fold-down',
+  'fold-up',
+  'fold',
+  'folder-active',
+  'folder-opened',
+  'gear',
+  'gift',
+  'gist-secret',
+  'gist',
+  'git-commit',
+  'git-compare',
+  'compare-changes',
+  'git-merge',
+  'github-action',
+  'github-alt',
+  'globe',
+  'grabber',
+  'graph',
+  'gripper',
+  'heart',
+  'home',
+  'horizontal-rule',
+  'hubot',
+  'inbox',
+  'issue-reopened',
+  'issues',
+  'italic',
+  'jersey',
+  'json',
+  'kebab-vertical',
+  'key',
+  'law',
+  'lightbulb-autofix',
+  'link-external',
+  'link',
+  'list-ordered',
+  'list-unordered',
+  'live-share',
+  'loading',
+  'location',
+  'mail-read',
+  'mail',
+  'markdown',
+  'megaphone',
+  'mention',
+  'milestone',
+  'mortar-board',
+  'move',
+  'multiple-windows',
+  'mute',
+  'no-newline',
+  'note',
+  'octoface',
+  'open-preview',
+  'package',
+  'paintcan',
+  'pin',
+  'play',
+  'run',
+  'plug',
+  'preserve-case',
+  'preview',
+  'project',
+  'pulse',
+  'question',
+  'quote',
+  'radio-tower',
+  'reactions',
+  'references',
+  'refresh',
+  'regex',
+  'remote-explorer',
+  'remote',
+  'remove',
+  'replace-all',
+  'replace',
+  'repo-clone',
+  'repo-force-push',
+  'repo-pull',
+  'repo-push',
+  'report',
+  'request-changes',
+  'rocket',
+  'root-folder-opened',
+  'root-folder',
+  'rss',
+  'ruby',
+  'save-all',
+  'save-as',
+  'save',
+  'screen-full',
+  'screen-normal',
+  'search-stop',
+  'server',
+  'settings-gear',
+  'settings',
+  'shield',
+  'smiley',
+  'sort-precedence',
+  'split-horizontal',
+  'split-vertical',
+  'squirrel',
+  'star-full',
+  'star-half',
+  'symbol-class',
+  'symbol-color',
+  'symbol-constant',
+  'symbol-enum-member',
+  'symbol-field',
+  'symbol-file',
+  'symbol-interface',
+  'symbol-keyword',
+  'symbol-misc',
+  'symbol-operator',
+  'symbol-property',
+  'wrench',
+  'wrench-subaction',
+  'symbol-snippet',
+  'tasklist',
+  'telescope',
+  'text-size',
+  'three-bars',
+  'thumbsdown',
+  'thumbsup',
+  'tools',
+  'triangle-down',
+  'triangle-left',
+  'triangle-right',
+  'triangle-up',
+  'twitter',
+  'unfold',
+  'unlock',
+  'unmute',
+  'unverified',
+  'verified',
+  'versions',
+  'vm-active',
+  'vm-outline',
+  'vm-running',
+  'watch',
+  'whitespace',
+  'whole-word',
+  'window',
+  'word-wrap',
+  'zoom-in',
+  'zoom-out',
+  'list-filter',
+  'list-flat',
+  'list-selection',
+  'selection',
+  'list-tree',
+  'debug-breakpoint-function-unverified',
+  'debug-breakpoint-function',
+  'debug-breakpoint-function-disabled',
+  'debug-stackframe-active',
+  'debug-stackframe-dot',
+  'debug-stackframe',
+  'debug-stackframe-focused',
+  'debug-breakpoint-unsupported',
+  'symbol-string',
+  'debug-reverse-continue',
+  'debug-step-back',
+  'debug-restart-frame',
+  'debug-alt',
+  'call-incoming',
+  'call-outgoing',
+  'menu',
+  'expand-all',
+  'feedback',
+  'group-by-ref-type',
+  'ungroup-by-ref-type',
+  'account',
+  'bell-dot',
+  'debug-console',
+  'library',
+  'output',
+  'run-all',
+  'sync-ignored',
+  'pinned',
+  'github-inverted',
+  'server-process',
+  'server-environment',
+  'pass',
+  'issue-closed',
+  'stop-circle',
+  'play-circle',
+  'record',
+  'debug-alt-small',
+  'vm-connect',
+  'cloud',
+  'merge',
+  'export',
+  'graph-left',
+  'magnet',
+  'notebook',
+  'redo',
+  'check-all',
+  'pinned-dirty',
+  'pass-filled',
+  'circle-large-filled',
+  'circle-large-outline',
+  'combine',
+  'gather',
+  'table',
+  'variable-group',
+  'type-hierarchy',
+  'type-hierarchy-sub',
+  'type-hierarchy-super',
+  'git-pull-request-create',
+  'run-above',
+  'run-below',
+  'notebook-template',
+  'debug-rerun',
+  'workspace-trusted',
+  'workspace-untrusted',
+  'workspace-unknown',
+  'terminal-cmd',
+  'terminal-debian',
+  'terminal-linux',
+  'terminal-powershell',
+  'terminal-tmux',
+  'terminal-ubuntu',
+  'terminal-bash',
+  'arrow-swap',
+  'copy',
+  'person-add',
+  'filter-filled',
+  'wand',
+  'debug-line-by-line',
+  'inspect',
+  'layers',
+  'layers-dot',
+  'layers-active',
+  'compass',
+  'compass-dot',
+  'compass-active',
+  'azure',
+  'issue-draft',
+  'git-pull-request-closed',
+  'git-pull-request-draft',
+  'debug-all',
+  'debug-coverage',
+  'run-errors',
+  'folder-library',
+  'debug-continue-small',
+  'beaker-stop',
+  'graph-line',
+  'graph-scatter',
+  'pie-chart',
+  'bracket',
+  'bracket-dot',
+  'bracket-error',
+  'lock-small',
+  'azure-devops',
+  'verified-filled',
+  'newline',
+  'layout',
+];
+
+/**
+ * @param iconKey icon id
+ * @param fallback codicon 找不到 icon 时是否回退到 octicon
+ */
+export function getExternalIcon(iconKey: string, iconOwner = CODICON_OWNER, fallback = iconOwner === CODICON_OWNER) {
+  if (fallback && iconOwner === CODICON_OWNER && !codIconId.includes(iconKey)) {
+    return getOctIcon(iconKey);
+  }
+  if (iconOwner === KTICON_OWNER) {
+    return `kaitian-icon ${iconOwner}-${iconKey}`;
+  }
+  return `${iconOwner} ${iconOwner}-${iconKey}`;
+}
+
+/**
+ * @internal
+ */
+export const getSymbolIcon = (() => {
+  const _fromMapping: { [n: number]: string } = Object.create(null);
+  _fromMapping[SymbolKindEnum.File] = 'file';
+  _fromMapping[SymbolKindEnum.Module] = 'module';
+  _fromMapping[SymbolKindEnum.Namespace] = 'namespace';
+  _fromMapping[SymbolKindEnum.Package] = 'package';
+  _fromMapping[SymbolKindEnum.Class] = 'class';
+  _fromMapping[SymbolKindEnum.Method] = 'method';
+  _fromMapping[SymbolKindEnum.Property] = 'property';
+  _fromMapping[SymbolKindEnum.Field] = 'field';
+  _fromMapping[SymbolKindEnum.Constructor] = 'constructor';
+  _fromMapping[SymbolKindEnum.Enum] = 'enum';
+  _fromMapping[SymbolKindEnum.Interface] = 'interface';
+  _fromMapping[SymbolKindEnum.Function] = 'function';
+  _fromMapping[SymbolKindEnum.Variable] = 'variable';
+  _fromMapping[SymbolKindEnum.Constant] = 'constant';
+  _fromMapping[SymbolKindEnum.String] = 'string';
+  _fromMapping[SymbolKindEnum.Number] = 'number';
+  _fromMapping[SymbolKindEnum.Boolean] = 'boolean';
+  _fromMapping[SymbolKindEnum.Array] = 'array';
+  _fromMapping[SymbolKindEnum.Object] = 'object';
+  _fromMapping[SymbolKindEnum.Key] = 'key';
+  _fromMapping[SymbolKindEnum.Null] = 'null';
+  _fromMapping[SymbolKindEnum.EnumMember] = 'enum-member';
+  _fromMapping[SymbolKindEnum.Struct] = 'struct';
+  _fromMapping[SymbolKindEnum.Event] = 'event';
+  _fromMapping[SymbolKindEnum.Operator] = 'operator';
+  _fromMapping[SymbolKindEnum.TypeParameter] = 'type-parameter';
+
+  return function toCssClassName(kind: SymbolKindEnum, inline?: boolean): string {
+    return getExternalIcon(`symbol-${_fromMapping[kind] || 'property'}`);
+  };
+})();

package/src/style/icon/ide-iconfont.ts

@@ -0,0 +1,13 @@
+export const IDE_ICONFONT_CN_CSS = '//at.alicdn.com/t/a/font_1432262_l1vi771pgn.css';
+
+export const IDE_ICONFONT_CN_JS = IDE_ICONFONT_CN_CSS.replace(/\.css$/, '.js');
+
+export const IDE_OCTICONS_CN_CSS =
+  '//gw.alipayobjects.com/os/Kaitian/c7ae5acb-da70-4f05-b83d-93b345dc5c53/octicons-cdn.css';
+
+const codiconsPkg = '@vscode/codicons';
+// alipayobjects icon 不带@
+const codiconsCDNPkg = 'vscode/codicons';
+const codiconsPkgVersion = require('../../../package.json').dependencies[codiconsPkg];
+
+export const IDE_CODICONS_CN_CSS = `//gw.alipayobjects.com/os/lib/${codiconsCDNPkg}/${codiconsPkgVersion}/dist/codicon.css`;