-
@@ -38,12 +38,6 @@ import { emitter } from '@/hook/global';
import { controlPanel } from './right-nav';
defineComponent({ name: 'right-nav' });
-const props = defineProps({
- topModules: {
- type: Array,
- required: true
- }
-});
emitter.on('right-nav', index => {
diff --git a/src/components/setting/index.vue b/src/components/setting/index.vue
index 2ade73c..315d46f 100644
--- a/src/components/setting/index.vue
+++ b/src/components/setting/index.vue
@@ -46,6 +46,73 @@
diff --git a/src/components/treeview/index.vue b/src/components/treeview/index.vue
index e69de29..fa5772a 100644
--- a/src/components/treeview/index.vue
+++ b/src/components/treeview/index.vue
@@ -0,0 +1,44 @@
+
+
+
+
+ Mirror the unknown
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/hook/color.js b/src/hook/color.js
new file mode 100644
index 0000000..b7fa996
--- /dev/null
+++ b/src/hook/color.js
@@ -0,0 +1,92 @@
+/**
+ * @typedef {Object} RgbColor
+ * @property {number} r
+ * @property {number} g
+ * @property {number} b
+ */
+
+/**
+ * @description 解析 rgb 字符串
+ * @param {string} colorString 形如 #1e90ff 或者 rgba(0, 206, 209, 1) 这样的字符串
+ * @returns {RgbColor | undefined}
+ */
+export function parseColor(colorString) {
+ // 检查是否是十六进制颜色
+ if (colorString.startsWith('#')) {
+ let hex = colorString.slice(1);
+ if (hex.length === 3) {
+ hex = hex.split('').map(c => c + c).join('');
+ }
+ const r = parseInt(hex.slice(0, 2), 16);
+ const g = parseInt(hex.slice(2, 4), 16);
+ const b = parseInt(hex.slice(4, 6), 16);
+ return { r, g, b };
+ }
+ // 检查是否是 RGBA 颜色
+ else if (colorString.startsWith('rgba')) {
+ const matches = colorString.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*(\d+(\.\d+)?)\)/);
+ if (matches) {
+ const r = parseInt(matches[1], 10);
+ const g = parseInt(matches[2], 10);
+ const b = parseInt(matches[3], 10);
+ return { r, g, b };
+ }
+ }
+ // 检查是否是 RGB 颜色
+ else if (colorString.startsWith('rgb')) {
+ const matches = colorString.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
+ if (matches) {
+ const r = parseInt(matches[1], 10);
+ const g = parseInt(matches[2], 10);
+ const b = parseInt(matches[3], 10);
+ return { r, g, b };
+ }
+ }
+
+ return undefined;
+}
+
+/**
+ * @description 提升颜色的亮度
+ * @param {RgbColor} rgb
+ * @param {number} percent 0 - 100 的数字，代表增强的亮度比例
+ * @returns {RgbColor}
+ */
+export function increaseBrightness(rgb, percent) {
+ // 确保 percent 在 0 到 100 之间
+ percent = Math.max(0, Math.min(100, percent));
+
+ // 计算每个颜色分量的增量
+ const increment = (percent / 100) * 255;
+
+ // 提升每个颜色分量的亮度
+ const r = Math.min(255, Math.round(rgb.r + increment));
+ const g = Math.min(255, Math.round(rgb.g + increment));
+ const b = Math.min(255, Math.round(rgb.b + increment));
+
+ return { r, g, b };
+}
+
+
+/**
+ * @description gamma 修正
+ * @param {number} c 颜色通道值，取值范围为 0 - 255
+ */
+function gammaCorrected(c) {
+ c /= 255;
+ return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+}
+
+/**
+ * @description 判断是否为亮色主题
+ * @param {number} r
+ * @param {number} g
+ * @param {number} b
+ */
+export function isLightColorTheme(r, g, b) {
+ r = gammaCorrected(r);
+ g = gammaCorrected(g);
+ b = gammaCorrected(b);
+ const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+ return luminance > 0.5;
+}
\ No newline at end of file
diff --git a/src/hook/css.js b/src/hook/css.js
new file mode 100644
index 0000000..2ad9ef1
--- /dev/null
+++ b/src/hook/css.js
@@ -0,0 +1,48 @@
+import { isLightColorTheme, parseColor } from "./color";
+import { globalSetting } from "./global";
+
+export function setDefaultCss() {
+ // 改变默认颜色
+ document.body.style.setProperty('--el-color-primary', 'var(--main-color)');
+ document.body.style.setProperty('--el-color-primary-light-9', 'var(--main-color)');
+ document.body.style.setProperty('--el-color-primary-light-3', 'var(--main-color)');
+ document.body.style.setProperty('--el-text-color-secondary', 'var(--foreground)');
+ document.body.style.setProperty('--el-text-color-regular', 'var(--foreground)');
+ document.body.style.setProperty('--el-border-color', 'var(--vscode-focusBorder)');
+ document.body.style.setProperty('--el-fill-color-blank', 'var(--sidebar)');
+ document.body.style.setProperty('--el-fill-color-light', 'var(--vscode-button-hoverBackground)');
+ document.body.style.setProperty('--el-switch-on-color', 'var(--main-color)');
+ document.body.style.setProperty('--el-border', 'var(--sidebar)');
+ document.body.style.setProperty('--el-border-color-light', 'var(--sidebar)');
+ document.body.style.setProperty('--el-border-color-lighter', 'var(--sidebar)');
+ document.body.style.setProperty('--el-bg-color-overlay', 'var(--sidebar)');
+ document.body.style.setProperty('--el-color-info-light-9', 'var(--vscode-focusBorder)');
+ document.body.style.setProperty('--el-color-info', 'var(--foreground)');
+ document.body.style.setProperty('--el-color-info-light-8', 'var(--vscode-focusBorder)');
+ // document.body.style.setProperty('--el-color-white', 'var(--background)');
+
+ // 设置全局宏
+ document.body.style.setProperty('--vcd-render-padding', '30px');
+ document.body.style.setProperty('--sidebar-width', '330px');
+ document.body.style.setProperty('--toolbar-height', '60px');
+
+ // 下面是 get style
+ const style = getComputedStyle(document.documentElement);
+ // 根据颜色亮度来设置额外的宏
+ const bgColorString = style.getPropertyValue('--background');
+
+ const { r, g, b } = parseColor(bgColorString);
+ if (isLightColorTheme(r, g, b)) {
+ setExtraLightColorCss();
+ } else {
+ setExtraDarkColorCss();
+ }
+}
+
+function setExtraLightColorCss() {
+ document.body.style.setProperty('--vline-stroke-color', '#ddd');
+}
+
+function setExtraDarkColorCss() {
+ document.body.style.setProperty('--vline-stroke-color', '#333');
+}
\ No newline at end of file
diff --git a/src/hook/global.js b/src/hook/global.js
index d92fdfd..e933a0e 100644
--- a/src/hook/global.js
+++ b/src/hook/global.js
@@ -1,3 +1,30 @@
import mitt from 'mitt';
+import { reactive } from 'vue';
+
+
+export const emitter = mitt();
+
+export const globalSetting = reactive({
+ language: 'zh'
+});
+
+function loadSetting() {
+ const settingString = localStorage.getItem('setting')
+ try {
+ const setting = JSON.parse(settingString);
+ return setting;
+ } catch (error) {
+ return undefined;
+ }
+}
+
+export const storedSetting = loadSetting();
+if (storedSetting) {
+ for (const key of Reflect.ownKeys(storedSetting)) {
+ const value = storedSetting[key];
+ if (value !== undefined) {
+ globalSetting[key] = value;
+ }
+ }
+}
-export const emitter = mitt();
\ No newline at end of file
diff --git a/src/hook/jsdoc.js b/src/hook/jsdoc.js
new file mode 100644
index 0000000..6a3bb4b
--- /dev/null
+++ b/src/hook/jsdoc.js
@@ -0,0 +1,81 @@
+/**
+ * @typedef YosysRawNet
+ * @property {string} creator - JSON 的创建者信息，通常是 Yosys 的版本和构建详情。
+ * @property {Record
} modules - 模块名称到模块定义的映射。
+ * @property {Record} [models] - 模型定义的映射（仅在使用 `-aig` 选项时存在）。
+ */
+
+/**
+ * @typedef YosysNetModule
+ * @property {ModuleAttribute} attributes - 模块的属性，如是否为顶层模块及其源文件。
+ * @property {Record} [parameter_default_values] - 参数的默认值。
+ * @property {Record} ports - 端口名称到端口定义的映射。
+ * @property {Record} cells - 单元名称到单元定义的映射。
+ * @property {Record} [memories] - 内存名称到内存定义的映射。
+ * @property {Record} netnames - 网络名称到网络定义的映射。
+ */
+
+/**
+ * @typedef ModuleAttribute
+ * @property {string} top - 表示该模块是否为顶层模块（1 表示是，0 表示否）。
+ * @property {string} src - 模块定义的源文件和行号。
+ * @property {string} [dynports] - 动态端口标志（1 表示是，0 表示否）。
+ * @property {string} [hdlname] - HDL 名称。
+ */
+
+/**
+ * @typedef YosysPort
+ * @property {string} direction - 端口的方向（例如 "input"、"output" 或 "inout"）。
+ * @property {number[]} bits - 与端口关联的位索引。
+ * @property {number} [offset] - 使用的最低位索引（如果非 0）。
+ * @property {number} [upto] - 如果端口位索引是 MSB-first，则为 1。
+ * @property {number} [signed] - 如果端口是有符号的，则为 1。
+ */
+
+/**
+ * @typedef YosysCell
+ * @property {number} hide_name - 是否隐藏单元名称（1 表示是，0 表示否）。
+ * @property {string} type - 单元的类型（例如 "$_AND_" 或 "$_XOR_"）。
+ * @property {string} [model] - AIG 模型名称（仅在使用 `-aig` 选项时存在）。
+ * @property {Record} [parameters] - 与单元关联的参数（如果有）。
+ * @property {CellAttribute} attributes - 单元的属性，如源文件和行号。
+ * @property {Record} port_directions - 端口名称到端口方向的映射（例如 "input"、"output" 或 "inout"）。
+ * @property {Record} connections - 端口名称到连接位索引的映射。
+ */
+
+/**
+ * @typedef CellAttribute
+ * @property {string} src - 单元定义的源文件和行号。
+ */
+
+/**
+ * @typedef YosysMemory
+ * @property {number} hide_name - 是否隐藏内存名称（1 表示是，0 表示否）。
+ * @property {Record} attributes - 内存的属性。
+ * @property {number} width - 内存的宽度。
+ * @property {number} start_offset - 最低有效内存地址。
+ * @property {number} size - 内存的大小。
+ */
+
+/**
+ * @typedef YosysNetname
+ * @property {number} hide_name - 是否隐藏网络名称（1 表示是，0 表示否）。
+ * @property {number[]} bits - 与网络名称关联的位索引。
+ * @property {number} [offset] - 使用的最低位索引（如果非 0）。
+ * @property {number} [upto] - 如果端口位索引是 MSB-first，则为 1。
+ * @property {number} [signed] - 如果端口是有符号的，则为 1。
+ */
+
+/**
+ * @typedef YosysModel
+ * @property {Array>} [model_name] - AIG 模型的节点列表。
+ */
+
+/**
+ * @typedef YosysAIGNode
+ * @property {string} type - 节点类型（例如 "port"、"nport"、"and"、"nand"、"true"、"false"）。
+ * @property {string} [portname] - 端口名称（如果节点类型为 "port" 或 "nport"）。
+ * @property {number} [bitindex] - 位索引（如果节点类型为 "port" 或 "nport"）。
+ * @property {number} [node_index] - 节点索引（如果节点类型为 "and" 或 "nand"）。
+ * @property {Array} [out_list] - 输出端口名称和位索引的列表。
+ */
\ No newline at end of file
diff --git a/src/hook/render/index.js b/src/hook/render/index.js
new file mode 100644
index 0000000..3a5624e
--- /dev/null
+++ b/src/hook/render/index.js
@@ -0,0 +1,7 @@
+import * as d3 from 'd3';
+
+class NetlistRender {
+ constructor() {
+
+ }
+}
\ No newline at end of file
diff --git a/src/i18n/ar.json b/src/i18n/ar.json
index 8f5a496..d0b6329 100644
--- a/src/i18n/ar.json
+++ b/src/i18n/ar.json
@@ -3,5 +3,10 @@
"general-setting": "عام",
"appearance-setting": "المظهر",
"current-version": "الإصدار الحالي",
- "copyright": "حقوق النشر مملوكة لفريق مشروع Digital-IDE، نرحب بـ Star."
+ "copyright": "حقوق النشر مملوكة لفريق مشروع Digital-IDE، نرحب بـ Star.",
+ "confirm": "تأكيد",
+ "cancel": "إلغاء",
+ "tips": "نصائح",
+ "language-setting": "اللغة",
+ "setting.language.change-dialog": "لقد قمت بتغيير اللغة إلى الصينية المبسطة، نوصي بإعادة تشغيل Netlist Viewer"
}
\ No newline at end of file
diff --git a/src/i18n/de.json b/src/i18n/de.json
index d640ed6..8cc2fa3 100644
--- a/src/i18n/de.json
+++ b/src/i18n/de.json
@@ -3,5 +3,10 @@
"general-setting": "Allgemein",
"appearance-setting": "Aussehen",
"current-version": "Aktuelle Version",
- "copyright": "Dieses Software gehört dem Digital-IDE Projektteam, willkommen Star."
+ "copyright": "Dieses Software gehört dem Digital-IDE Projektteam, willkommen Star.",
+ "confirm": "Bestätigen",
+ "cancel": "Abbrechen",
+ "tips": "Tipps",
+ "language-setting": "Sprache",
+ "setting.language.change-dialog": "Sie haben die Sprache auf Chinesisch (vereinfacht) geändert, wir empfehlen Ihnen, Netlist Viewer neu zu starten"
}
\ No newline at end of file
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 6365096..34f2c9f 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -3,5 +3,10 @@
"general-setting": "General",
"appearance-setting": "Appearance",
"current-version": "current version",
- "copyright": "The copyright of this software belongs to Digital-IDE project team. Welcome to Star."
+ "copyright": "The copyright of this software belongs to Digital-IDE project team. Welcome to Star.",
+ "confirm": "confirm",
+ "cancel": "cancel",
+ "tips": "Tips",
+ "language-setting": "Language",
+ "setting.language.change-dialog": "You've switched language to English, we recommend you reload Netlist Viewer"
}
\ No newline at end of file
diff --git a/src/i18n/fr.json b/src/i18n/fr.json
index d833abb..51d87cc 100644
--- a/src/i18n/fr.json
+++ b/src/i18n/fr.json
@@ -1,8 +1,12 @@
{
"info.common.hello-world": "bonjour le monde",
"general-setting": "Général",
-
"appearance-setting": "Apparence",
"current-version": "Version actuelle",
- "copyright": "Les droits d'auteur appartiennent au groupe de projet Digital-IDE, bienvenue Star."
+ "copyright": "Les droits d'auteur appartiennent au groupe de projet Digital-IDE, bienvenue Star.",
+ "confirm": "Confirmer",
+ "cancel": "Annuler",
+ "tips": "Conseils",
+ "language-setting": "Langue",
+ "setting.language.change-dialog": "Vous avez changé la langue en chinois simplifié, nous vous recommandons de redémarrer Netlist Viewer"
}
\ No newline at end of file
diff --git a/src/i18n/ja.json b/src/i18n/ja.json
index 11f6d3b..1734ddb 100644
--- a/src/i18n/ja.json
+++ b/src/i18n/ja.json
@@ -1,8 +1,12 @@
{
"info.common.hello-world": "こんにちは世界",
"general-setting": "一般",
-
"appearance-setting": "外観",
"current-version": "現在のバージョン",
- "copyright": "このソフトウェアの著作権は Digital-IDE プロジェクトチームに帰属します。Star を歓迎します。"
+ "copyright": "このソフトウェアの著作権は Digital-IDE プロジェクトチームに帰属します。Star を歓迎します。",
+ "confirm": "確認",
+ "cancel": "キャンセル",
+ "tips": "ヒント",
+ "language-setting": "言語",
+ "setting.language.change-dialog": "言語を簡体字中国語に変更しました。Netlist Viewerを再起動することをお勧めします。"
}
\ No newline at end of file
diff --git a/src/i18n/ko.json b/src/i18n/ko.json
index 89446b4..30abfda 100644
--- a/src/i18n/ko.json
+++ b/src/i18n/ko.json
@@ -1,8 +1,12 @@
{
"info.common.hello-world": "안녕하세요 세계",
"general-setting": "일반",
-
"appearance-setting": "외관",
"current-version": "현재 버전",
- "copyright": "이 소프트웨어의 저작권은 Digital-IDE 프로젝트 팀에 있으며, Star를 환영합니다."
+ "copyright": "이 소프트웨어의 저작권은 Digital-IDE 프로젝트 팀에 있으며, Star를 환영합니다.",
+ "confirm": "확인",
+ "cancel": "취소",
+ "tips": "팁",
+ "language-setting": "언어",
+ "setting.language.change-dialog": "언어를 중국어 간체로 변경했습니다. Netlist Viewer를 다시 시작하는 것이 좋습니다."
}
\ No newline at end of file
diff --git a/src/i18n/ru.json b/src/i18n/ru.json
index 7d61af2..7c898d2 100644
--- a/src/i18n/ru.json
+++ b/src/i18n/ru.json
@@ -1,8 +1,12 @@
{
"info.common.hello-world": "привет мир",
"general-setting": "Общие",
-
"appearance-setting": "Внешний вид",
"current-version": "Текущая версия",
- "copyright": "Авторские права принадлежат проектной группе Digital-IDE, приветствуем Star."
+ "copyright": "Авторские права принадлежат проектной группе Digital-IDE, приветствуем Star.",
+ "confirm": "Подтвердить",
+ "cancel": "Отменить",
+ "tips": "Советы",
+ "language-setting": "Язык",
+ "setting.language.change-dialog": "Вы изменили язык на упрощенный китайский, мы рекомендуем вам перезапустить Netlist Viewer"
}
\ No newline at end of file
diff --git a/src/i18n/zh-cn.json b/src/i18n/zh-cn.json
index cb83711..33634b0 100644
--- a/src/i18n/zh-cn.json
+++ b/src/i18n/zh-cn.json
@@ -1,9 +1,12 @@
{
"info.common.hello-world": "hello world",
"general-setting": "通用",
-
"appearance-setting": "外观",
-
"current-version": "当前版本",
- "copyright": "本软件版权归 Digital-IDE 项目组所有，欢迎 Star。"
+ "copyright": "本软件版权归 Digital-IDE 项目组所有，欢迎 Star。",
+ "confirm": "确定",
+ "cancel": "取消",
+ "tips": "提示",
+ "language-setting": "语言",
+ "setting.language.change-dialog": "您已经更换语言为简体中文，我们建议您重启 Netlist Viewer"
}
\ No newline at end of file
diff --git a/src/i18n/zh-tw.json b/src/i18n/zh-tw.json
index 923ad24..96ed200 100644
--- a/src/i18n/zh-tw.json
+++ b/src/i18n/zh-tw.json
@@ -1,9 +1,12 @@
{
"info.common.hello-world": "你好，世界",
"general-setting": "通用",
-
"appearance-setting": "外觀",
-
"current-version": "當前版本",
- "copyright": "本軟件版權歸 Digital-IDE 項目組所有，歡迎 Star。"
+ "copyright": "本軟件版權歸 Digital-IDE 項目組所有，歡迎 Star。",
+ "confirm": "確定",
+ "cancel": "取消",
+ "tips": "提示",
+ "language-setting": "語言",
+ "setting.language.change-dialog": "您已經更換語言為簡體中文，我們建議您重啟 Netlist Viewer"
}
\ No newline at end of file
-
+
+