@delta-comic/ui 0.0.9 → 0.1.0

package/README.md

@@ -1,42 +1,42 @@
-```python
-r"""
-  ___________________________
- / ______\   |  __  | |  ____|
-| |    _____ | |__| | | |__
-| |   /  _  \|  __  \ |  __|
-| |___| |_| || |   \ \| |____
- \__________/|_|    \________|
-==============================
-  空阙虱楼  Copyright © Wenxig
-"""
-```
-
-[![GitHub](https://img.shields.io/github/license/delta-comic/delta-comic-core)](https://raw.githubusercontent.com/delta-comic/delta-comic-core/main/LICENSE)
-[![NPM Downloads](https://img.shields.io/npm/dm/delta-comic-core)](https://www.npmjs.com/package/delta-comic-core)
-
-- 工具库
-
-## 功能
-
-- 辅助编写插件
-- 提供通用数据结构与默认样式
-
-## 如何使用
-
-```sh
-pnpm add delta-comic-core
-```
-
-## 为谁编写插件?
-
-[![Readme Card](https://wenxig-grs.vercel.app/api/pin/?username=delta-comic&repo=delta-comic&user&theme=transparent)](https://github.com/delta-comic/delta-comic)
-
-## 辅助的插件
-
-### Layout
-
-[![Readme Card](https://wenxig-grs.vercel.app/api/pin/?username=delta-comic&repo=delta-comic-plugin-layout&user&theme=transparent)](https://github.com/delta-comic/delta-comic-plugin-bika)
-
-## Star History
-
+```python
+r"""
+  ___________________________
+ / ______\   |  __  | |  ____|
+| |    _____ | |__| | | |__
+| |   /  _  \|  __  \ |  __|
+| |___| |_| || |   \ \| |____
+ \__________/|_|    \________|
+==============================
+  空阙虱楼  Copyright © Wenxig
+"""
+```
+
+[![GitHub](https://img.shields.io/github/license/delta-comic/delta-comic-core)](https://raw.githubusercontent.com/delta-comic/delta-comic-core/main/LICENSE)
+[![NPM Downloads](https://img.shields.io/npm/dm/delta-comic-core)](https://www.npmjs.com/package/delta-comic-core)
+
+- 工具库
+
+## 功能
+
+- 辅助编写插件
+- 提供通用数据结构与默认样式
+
+## 如何使用
+
+```sh
+pnpm add delta-comic-core
+```
+
+## 为谁编写插件?
+
+[![Readme Card](https://wenxig-grs.vercel.app/api/pin/?username=delta-comic&repo=delta-comic&user&theme=transparent)](https://github.com/delta-comic/delta-comic)
+
+## 辅助的插件
+
+### Layout
+
+[![Readme Card](https://wenxig-grs.vercel.app/api/pin/?username=delta-comic&repo=delta-comic-plugin-layout&user&theme=transparent)](https://github.com/delta-comic/delta-comic-plugin-bika)
+
+## Star History
+
 [![Star History Chart](https://api.star-history.com/svg?repos=delta-comic/delta-comic-core&type=Date)](https://www.star-history.com/#delta-comic/delta-comic-core&Date)

package/dist/dark.css

@@ -0,0 +1,446 @@
+:root {
+  --text-color: #d9d7d1;
+  --bg-color: #1f232f;
+  --side-bar-bg-color: #1f232f;
+  --active-file-bg-color: #1f232f;
+  --rawblock-edit-panel-bd: #181c25;
+  --window-border: 0 solid #1f232f;
+  --control-text-color: #d9d7d1;
+  --primary-color: var(--p-color);
+  --primary-btn-border-color: var(--primary-color);
+  --active-file-border-color: var(--primary-color);
+  --primary-btn-text-color: var(--primary-color);
+  --item-hover-text-color: var(--primary-color);
+  --meta-content-color: var(--primary-color);
+  --search-select-text-color: var(--primary-color);
+  --heading-char-color: var(--primary-color);
+  --mermaid-theme: dark;
+}
+
+#write {
+  -webkit-text-size-adjust: 100%;
+  color: #d9d7d1;
+  max-width: 46rem;
+  margin: 0 auto;
+  padding: 1.6rem 0;
+  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Arial, Segoe UI, PingFang SC, Microsoft Yahei, Hiragino Sans GB, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
+  font-size: 16px;
+  line-height: 1.68;
+}
+
+#write * {
+  box-sizing: border-box;
+}
+
+#write > :first-child, #write > :last-child {
+  margin-top: 0 !important;
+}
+
+#write p, #write details, #write dl, #write ol, #write ul, #write xmp, #write plaintext, #write listing, #write blockquote, #write table, #write figure, #write hr {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+#write h1 {
+  margin: 26px 0 10px;
+  font-size: 26px;
+  font-weight: bold;
+}
+
+#write h2 {
+  margin: 22px 0 8px;
+  font-size: 22px;
+  font-weight: bold;
+}
+
+#write h3 {
+  margin: 20px 0 8px;
+  font-size: 20px;
+  font-weight: bold;
+}
+
+#write h4 {
+  margin: 18px 0 8px;
+  font-size: 18px;
+  font-weight: bold;
+}
+
+#write h5, #write h6 {
+  margin: 16px 0 8px;
+  font-size: 16px;
+  font-weight: bold;
+}
+
+#write p {
+  margin-left: 0;
+  margin-right: 0;
+}
+
+#write pre, #write xmp, #write plaintext, #write listing {
+  font-family: var(--monospace);
+}
+
+#write blockquote > :first-child {
+  margin-top: 0;
+}
+
+#write blockquote > :last-child {
+  margin-bottom: 0;
+}
+
+#write hr {
+  border-style: inset;
+  border-width: 1px;
+}
+
+#write img {
+  max-width: 100%;
+  height: auto;
+}
+
+#write li {
+  word-wrap: break-all;
+}
+
+#write li + li {
+  margin-top: 4px;
+}
+
+#write ul ul, #write ol ul, #write ul ol, #write ol ol {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+#write .task-list-item {
+  list-style-type: none;
+}
+
+#write a {
+  color: var(--primary-color);
+  text-decoration: underline;
+}
+
+#write a img {
+  border: none;
+}
+
+#write b, #write strong {
+  font-weight: bold;
+}
+
+#write i, #write cite, #write em, #write var, #write address, #write dfn {
+  font-style: italic;
+}
+
+#write code, #write kbd, #write tt, #write samp {
+  font-family: var(--monospace);
+}
+
+#write mark {
+  color: #d9d7d1;
+  background-color: #116e54;
+  padding: .2em 0;
+}
+
+#write table {
+  color: #cfd0cb;
+  border-collapse: collapse;
+  border-spacing: 2px;
+  background-color: #181c25;
+  font-size: 1em;
+}
+
+#write th, #write td {
+  border: 1px solid #3c4254;
+}
+
+#write th {
+  padding: 8px;
+  font-size: 1em;
+  font-weight: 500;
+}
+
+#write td {
+  padding: 8px;
+  font-size: 1em;
+  font-weight: normal;
+}
+
+#write pre.md-fences, #write pre.md-meta-block, #write .md-rawblock-control:not(.md-rawblock-tooltip) .md-rawblock-input {
+  background-color: #181c25;
+  border: 1px solid #3c4254;
+  border-radius: 3px;
+  padding: 10px;
+}
+
+#write .CodeMirror div.CodeMirror-cursor {
+  border-color: #d9d7d1;
+}
+
+#write .md-math-block, #write .md-rawblock {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+
+#write .md-rawblock > .md-rawblock-tooltip {
+  visibility: hidden;
+  opacity: 0;
+  background-color: #181c25;
+  transition: all .5s;
+  display: block;
+}
+
+#write .md-rawblock:hover > .md-rawblock-tooltip {
+  visibility: visible;
+  opacity: 1;
+  transition: all .5s;
+  animation: none;
+}
+
+#write .md-rawblock-control:not(.md-rawblock-tooltip) {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+#write h1, #write h2, #write h3, #write h4, #write h5, #write h6 {
+  color: #9faab9;
+}
+
+#write del, #write s {
+  color: #787e8c;
+}
+
+#write u {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, var(--primary-color) 50%);
+  background-position: 0 1em;
+  background-repeat: repeat-x;
+  background-size: 2px 2px;
+  text-decoration: none;
+}
+
+#write * {
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizelegibility;
+}
+
+#write h1, #write h2, #write h3, #write h4, #write h5, #write h6 {
+  margin-top: 1em;
+  margin-bottom: .37em;
+  font-weight: 500;
+  line-height: 1.4;
+}
+
+#write blockquote {
+  border-left: 2px solid var(--primary-color);
+  margin-left: 0;
+  padding-left: 14px;
+  display: block;
+}
+
+#write code {
+  word-spacing: normal;
+  color: #cfd0cb;
+  background-color: #181c25;
+  border: 1px solid #3c4254;
+  border-radius: 4px;
+  margin-left: 2px;
+  margin-right: 2px;
+  padding: 0 2px;
+  line-height: 1.6;
+}
+
+#write a {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  -ms-hyphens: auto;
+  hyphens: auto;
+  word-break: break-word;
+  text-decoration: none;
+}
+
+#write a:hover {
+  text-decoration: underline;
+}
+
+#write hr {
+  background-image: linear-gradient(90deg, #3c4254, #3c4254);
+  background-repeat: no-repeat;
+  background-origin: content-box;
+  border: 0;
+  height: 1px;
+  margin: 13px 0 12px;
+}
+
+#write ul {
+  margin-left: 0;
+  padding-left: 22px;
+  list-style: none;
+}
+
+#write ul > li:not([class*="task-list-item"]) {
+  word-wrap: break-all;
+  padding-left: 0;
+}
+
+#write ul > li:not([class*="task-list-item"]):before {
+  content: "•";
+  color: var(--primary-color);
+  width: 0;
+  margin-left: -20px;
+  margin-right: 20px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: .8em;
+  display: inline-block;
+  position: absolute;
+  top: 2px;
+  transform: scale(1.25);
+}
+
+#write ul > li:not([class*="task-list-item"]) li:not([class*="task-list-item"]):before {
+  content: "◦";
+  font-weight: 700;
+  transform: scale(1);
+}
+
+#write ul > li:not([class*="task-list-item"]) li:not([class*="task-list-item"]) li:not([class*="task-list-item"]):before {
+  content: "▪";
+  font-weight: normal;
+  transform: scale(1.25);
+}
+
+#write ol {
+  counter-reset: ol_counter;
+  margin-left: 0;
+  padding-left: 22px;
+  list-style: none;
+}
+
+#write ol > li:not([class*="task-list-item"]) {
+  word-wrap: break-all;
+  padding-left: 0;
+  position: relative;
+}
+
+#write ol > li:not([class*="task-list-item"]):before {
+  content: counter(ol_counter) ".";
+  counter-increment: ol_counter;
+  color: var(--primary-color);
+  text-align: left;
+  white-space: nowrap;
+  border-radius: 2px;
+  min-width: 18px;
+  margin-left: -22px;
+  margin-right: 4px;
+  padding-left: 2px;
+  padding-right: 2px;
+  font-family: Helvetica Neue, Consolas;
+  position: absolute;
+  overflow: visible;
+  transform: translateX(-2px);
+}
+
+#write li + li, #write ul ul, #write ol ul, #write ul ol, #write ol ol, #write li ul, #write li ol {
+  margin-top: 4px;
+}
+
+#write .task-list-item {
+  padding-left: .3rem;
+}
+
+#write .task-list-item > p {
+  transition: color .3s, opacity .3s;
+}
+
+#write .task-list-item.task-list-done > p {
+  color: #787e8c;
+  text-decoration: line-through;
+}
+
+#write .task-list-item.task-list-done > p > .md-emoji {
+  opacity: .5;
+}
+
+#write .task-list-item.task-list-done > p > .md-link > a {
+  opacity: .6;
+}
+
+#write .task-list-item > input {
+  -webkit-appearance: initial;
+  background-color: #1f232f;
+  border: 1px solid #3c4254;
+  border-radius: .25rem;
+  width: 1.2rem;
+  height: 1.2rem;
+  margin-left: -1.5rem;
+  transition: border-color .3s;
+  display: block;
+  position: absolute;
+}
+
+#write .task-list-item > input:focus {
+  box-shadow: none;
+  outline: none;
+}
+
+#write .task-list-item > input:hover {
+  border-color: var(--primary-color);
+}
+
+#write .task-list-item > input[checked]:before {
+  content: "";
+  background: var(--primary-color);
+  width: 2px;
+  height: 60%;
+  position: absolute;
+  top: 20%;
+  left: 50%;
+  transform: rotate(40deg);
+}
+
+#write .task-list-item > input[checked]:after {
+  content: "";
+  background: var(--primary-color);
+  width: 2px;
+  height: 30%;
+  position: absolute;
+  top: 46%;
+  left: 25%;
+  transform: rotate(-40deg);
+}
+
+#write .cm-s-inner .cm-comment {
+  color: #7e91a2;
+}
+
+#write .cm-s-inner .cm-property, #write .cm-s-inner .cm-tag {
+  color: #905;
+}
+
+#write .cm-s-inner .cm-bracket, #write .cm-s-inner .cm-punctuation {
+  color: #999;
+}
+
+#write .cm-s-inner .cm-number {
+  color: #b0e27d;
+}
+
+#write .cm-s-inner .cm-qualifier, #write .cm-s-inner .cm-string, #write .cm-s-inner .cm-string-2, #write .cm-s-inner .cm-builtin, #write .cm-s-inner .cm-attribute {
+  color: #76d0ff;
+}
+
+#write .cm-s-inner .cm-operator {
+  color: #920448;
+}
+
+#write .cm-s-inner .cm-atom, #write .cm-s-inner .cm-keyword {
+  color: #fea759;
+}
+
+#write .cm-s-inner .cm-def, #write .cm-s-inner .cm-variable, #write .cm-s-inner .cm-variable-2, #write .cm-s-inner .cm-variable-3 {
+  color: #0e73a2;
+}
+
+#write .cm-s-inner .cm-type {
+  color: #04202d;
+}