diff --git a/README.md b/README.md index d39e2c0..033c155 100644 --- a/README.md +++ b/README.md @@ -12,22 +12,15 @@ python scripts/vscode-package.py ``` resources -- dide-viewer +- dide-netlist - view - css - js - worker.js - index.html - - vcd.wasm - - vcd.css - ... - index.js ``` --- - -触发 view 修改的地方 - -- src\components\treeview\signals.vue -- \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index ac6ac93..2f97977 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,6 +10,7 @@ "dependencies": { "core-js": "^3.8.3", "element-plus": "^2.9.1", + "mitt": "^3.0.1", "vue": "^3.2.13", "vue-i18n": "10.0.5" }, @@ -7753,6 +7754,11 @@ "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", "dev": true }, + "node_modules/mitt": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz", + "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==" + }, "node_modules/mkdirp": { "version": "0.5.6", "resolved": "https://registry.npmmirror.com/mkdirp/-/mkdirp-0.5.6.tgz", diff --git a/package.json b/package.json index 576bfdc..2f2cc37 100644 --- a/package.json +++ b/package.json @@ -9,9 +9,10 @@ }, "dependencies": { "core-js": "^3.8.3", + "element-plus": "^2.9.1", + "mitt": "^3.0.1", "vue": "^3.2.13", - "vue-i18n": "10.0.5", - "element-plus": "^2.9.1" + "vue-i18n": "10.0.5" }, "devDependencies": { "@babel/core": "^7.12.16", @@ -34,7 +35,11 @@ "parserOptions": { "parser": "@babel/eslint-parser" }, - "rules": {} + "rules": { + "no-unused-vars": "off", + "no-undef": "off", + "no-redeclare": "off" + } }, "browserslist": [ "> 1%", @@ -42,4 +47,4 @@ "not dead", "not ie 11" ] -} \ No newline at end of file +} diff --git a/public/index.html b/public/index.html index c76ab45..61495cd 100644 --- a/public/index.html +++ b/public/index.html @@ -7,6 +7,10 @@ Netlist + + + + diff --git a/public/netlist.css b/public/netlist.css new file mode 100644 index 0000000..4b6155e --- /dev/null +++ b/public/netlist.css @@ -0,0 +1,128 @@ +:root { + --display-signal-info-height: 50px; + --signal-default-color: #4CAF50; + --main-color: #CB81DA; + --main-dark-color: #2D323B; + --main-light-color: var(--main-color); + --sidebar-width: 330px; + --right-nav-width: 50px; + --time-scale-height: 30px; + --sidebar-padding: 10px; + --sidebar-item-margin: 5px; + --toolbar-height: 50px; + --toolbar-item-height: 32px; + + /* css 动画属性 */ + --animation-7s: .7s cubic-bezier(0.23,1,0.32,1); + --animation-5s: .5s cubic-bezier(0.23,1,0.32,1); + --animation-3s: .35s cubic-bezier(0.23,1,0.32,1); + --gray-box-shadow-0: 0 0 8px 3px rgba(182, 181, 182, 0.9); + --gray-box-shadow-1: 0 0 5px 1px rgba(16, 16, 16, 0.5); +} + +@font-face { + font-family: "Cascadia code"; + src: url("./CascadiaCode.woff2"); +} + +html, body { + background-color: var(--background); + color: var(--foreground); + overflow: hidden; +} + +body::-webkit-scrollbar { + width: 0; +} + +* hr { + border: none; + background-color: var(--vscode-focusBorder); + height: 2px; + width: 95%; +} +/* +::-webkit-scrollbar { + width: 12px; +} + +::-webkit-scrollbar-track { + background: var(--sidebar); +} + +::-webkit-scrollbar-thumb { + background: var(--scrollbar-background); + border-radius: .3em; +} + +::-webkit-scrollbar-thumb:hover { + background: var(--scrollbar-hover); + border-radius: .3em; +} + +::-webkit-scrollbar-thumb:active { + background: var(--scrollbar-active); + border-radius: .3em; +} + +::-webkit-scrollbar-button { + height: 0; + width: 0; +} + +::-webkit-scrollbar-corner { + background: none; + display: none; +} */ + +.el-select__wrapper { + min-width: 100px; + padding: 13px; + font-size: 16px; + color: var(--sidebar-item-text); +} + +.el-select-group__title { + color: var(--main-color) !important; +} + +.el-select__placeholder { + color: var(--sidebar-item-text) !important; +} + +.el-select-dropdown { + background-color: var(--sidebar); + border: 1.0px solid var(--main-color); +} + +.el-checkbox-button__inner { + font-size: 16px !important; +} + + +a { + color: var(--main-color); +} + +.digital-ide-icon { + background-image: url(./icon.svg); + background-size: 100%; + height: 50px; + width: 50px; +} + +.digital-ide-icon.big { + background-image: url(./icon.svg); + background-size: 100%; + height: 200px; + width: 200px; +} + +.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner { + opacity: 0.6; +} + +.el-select__wrapper.is-disabled { + opacity: 0.6; + box-shadow: unset !important; +} \ No newline at end of file diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue deleted file mode 100644 index 879051a..0000000 --- a/src/components/HelloWorld.vue +++ /dev/null @@ -1,58 +0,0 @@ - - - - - - diff --git a/src/components/about/index.vue b/src/components/about/index.vue new file mode 100644 index 0000000..3ae7b69 --- /dev/null +++ b/src/components/about/index.vue @@ -0,0 +1,98 @@ + + + + + + \ No newline at end of file diff --git a/src/components/right-nav.js b/src/components/right-nav.js new file mode 100644 index 0000000..41f2f3e --- /dev/null +++ b/src/components/right-nav.js @@ -0,0 +1,24 @@ +import { reactive } from "vue"; + +export const controlPanel = reactive({ + sections: [ + { + iconClass: 'iconfont icon-collections' + }, + { + iconClass: 'iconfont icon-setting' + }, + { + iconClass: 'iconfont icon-about' + } + ], + currentIndex: -1, + click(index) { + if (this.currentIndex === index) { + this.currentIndex = -1; + } else { + this.currentIndex = index; + } + + } +}); \ No newline at end of file diff --git a/src/components/right-nav.vue b/src/components/right-nav.vue new file mode 100644 index 0000000..cbda8f7 --- /dev/null +++ b/src/components/right-nav.vue @@ -0,0 +1,106 @@ + + + + + \ No newline at end of file diff --git a/src/components/setting/index.vue b/src/components/setting/index.vue new file mode 100644 index 0000000..2ade73c --- /dev/null +++ b/src/components/setting/index.vue @@ -0,0 +1,121 @@ + + + + + \ No newline at end of file diff --git a/src/components/treeview/index.vue b/src/components/treeview/index.vue new file mode 100644 index 0000000..e69de29 diff --git a/src/hook/global.js b/src/hook/global.js new file mode 100644 index 0000000..d92fdfd --- /dev/null +++ b/src/hook/global.js @@ -0,0 +1,3 @@ +import mitt from 'mitt'; + +export const emitter = mitt(); \ No newline at end of file diff --git a/src/i18n/ar.json b/src/i18n/ar.json index a6ac754..8f5a496 100644 --- a/src/i18n/ar.json +++ b/src/i18n/ar.json @@ -1,3 +1,7 @@ { - "info.common.hello-world": "مرحبا بالعالم" + "info.common.hello-world": "مرحبا بالعالم", + "general-setting": "عام", + "appearance-setting": "المظهر", + "current-version": "الإصدار الحالي", + "copyright": "حقوق النشر مملوكة لفريق مشروع Digital-IDE، نرحب بـ Star." } \ No newline at end of file diff --git a/src/i18n/de.json b/src/i18n/de.json index 9e8c79d..d640ed6 100644 --- a/src/i18n/de.json +++ b/src/i18n/de.json @@ -1,3 +1,7 @@ { - "info.common.hello-world": "Hallo Welt" + "info.common.hello-world": "Hallo Welt", + "general-setting": "Allgemein", + "appearance-setting": "Aussehen", + "current-version": "Aktuelle Version", + "copyright": "Dieses Software gehört dem Digital-IDE Projektteam, willkommen Star." } \ No newline at end of file diff --git a/src/i18n/en.json b/src/i18n/en.json index 9e23c38..6365096 100644 --- a/src/i18n/en.json +++ b/src/i18n/en.json @@ -1,3 +1,7 @@ { - "info.common.hello-world": "hello world" + "info.common.hello-world": "hello world", + "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." } \ No newline at end of file diff --git a/src/i18n/fr.json b/src/i18n/fr.json index dc6831e..d833abb 100644 --- a/src/i18n/fr.json +++ b/src/i18n/fr.json @@ -1,3 +1,8 @@ { - "info.common.hello-world": "bonjour le monde" + "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." } \ No newline at end of file diff --git a/src/i18n/ja.json b/src/i18n/ja.json index e04fc0b..11f6d3b 100644 --- a/src/i18n/ja.json +++ b/src/i18n/ja.json @@ -1,3 +1,8 @@ { - "info.common.hello-world": "こんにちは世界" + "info.common.hello-world": "こんにちは世界", + "general-setting": "一般", + + "appearance-setting": "外観", + "current-version": "現在のバージョン", + "copyright": "このソフトウェアの著作権は Digital-IDE プロジェクトチームに帰属します。Star を歓迎します。" } \ No newline at end of file diff --git a/src/i18n/ko.json b/src/i18n/ko.json index db8ee4f..89446b4 100644 --- a/src/i18n/ko.json +++ b/src/i18n/ko.json @@ -1,3 +1,8 @@ { - "info.common.hello-world": "안녕하세요 세계" + "info.common.hello-world": "안녕하세요 세계", + "general-setting": "일반", + + "appearance-setting": "외관", + "current-version": "현재 버전", + "copyright": "이 소프트웨어의 저작권은 Digital-IDE 프로젝트 팀에 있으며, Star를 환영합니다." } \ No newline at end of file diff --git a/src/i18n/ru.json b/src/i18n/ru.json index e43be27..7d61af2 100644 --- a/src/i18n/ru.json +++ b/src/i18n/ru.json @@ -1,3 +1,8 @@ { - "info.common.hello-world": "привет мир" + "info.common.hello-world": "привет мир", + "general-setting": "Общие", + + "appearance-setting": "Внешний вид", + "current-version": "Текущая версия", + "copyright": "Авторские права принадлежат проектной группе Digital-IDE, приветствуем Star." } \ No newline at end of file diff --git a/src/i18n/zh-cn.json b/src/i18n/zh-cn.json index 9e23c38..cb83711 100644 --- a/src/i18n/zh-cn.json +++ b/src/i18n/zh-cn.json @@ -1,3 +1,9 @@ { - "info.common.hello-world": "hello world" + "info.common.hello-world": "hello world", + "general-setting": "通用", + + "appearance-setting": "外观", + + "current-version": "当前版本", + "copyright": "本软件版权归 Digital-IDE 项目组所有，欢迎 Star。" } \ No newline at end of file diff --git a/src/i18n/zh-tw.json b/src/i18n/zh-tw.json index 2774bf1..923ad24 100644 --- a/src/i18n/zh-tw.json +++ b/src/i18n/zh-tw.json @@ -1,3 +1,9 @@ { - "info.common.hello-world": "你好，世界" + "info.common.hello-world": "你好，世界", + "general-setting": "通用", + + "appearance-setting": "外觀", + + "current-version": "當前版本", + "copyright": "本軟件版權歸 Digital-IDE 項目組所有，歡迎 Star。" } \ No newline at end of file