deepsky 2.12.1 → 2.12.2

package/dist/index.css

@@ -2749,7 +2749,7 @@ div[data-v-39c76eae] {
 }
 
 
-@keyframes slide-down-07432cc8 {
+@keyframes slide-down-040592ba {
 from {
         /* height: 0px ;
         opacity: 0 ; */
@@ -2760,7 +2760,7 @@ to {
 }
 }
 .cube-code {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
     margin: 2px;
     text-align: left !important;
     position: relative;
@@ -2772,7 +2772,7 @@ to {
     overflow: hidden;
     break-inside: avoid;
 }
-.code-dragger[data-v-07432cc8] {
+.code-dragger[data-v-040592ba] {
         border-radius: 20px;
         width: 20px;
         aspect-ratio: 1;
@@ -2785,26 +2785,26 @@ to {
         cursor: nwse-resize;
 }
 .code-tabbar {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
         height: var(--code-tabbar-height);
         overflow: hidden;
 }
-.code-tabs-box[data-v-07432cc8] {
+.code-tabs-box[data-v-040592ba] {
             height: 100%;
 }
-.code-tab[data-v-07432cc8]:first-child {
+.code-tab[data-v-040592ba]:first-child {
             padding-left: 0px;
 }
 .code-tab {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
             transition: 0.5s;
             width: 160px;
             padding: 0px 2px;
 }
-&[data-v-07432cc8] > * {
+&[data-v-040592ba] > * {
                 pointer-events: var(--drag-item-point-event);
 }
-.code-tab-name[data-v-07432cc8] {
+.code-tab-name[data-v-040592ba] {
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
@@ -2814,14 +2814,14 @@ to {
                 background: var(--code-tabbar-item-bg);
                 color: var(--code-tabbar-item-color);
 }
-.code-active-tab[data-v-07432cc8] {
+.code-active-tab[data-v-040592ba] {
                 background: var(--code-tabbar-item-active-bg);
                 color: var(--code-tabbar-item-active-color);
 }
 }
 }
 .code-toolbar {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -2830,16 +2830,16 @@ to {
         background: var(--code-toolbar-bg);
 }
 .code-langs-box {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
             cursor: pointer;
             position: relative;
 }
-.code-active-lang[data-v-07432cc8] {
+.code-active-lang[data-v-040592ba] {
                 color: blueviolet;
                 cursor: pointer;
 }
 .code-langs {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
                 transition: 0.3s;
                 opacity: 0;
                 position: absolute;
@@ -2853,10 +2853,10 @@ to {
                 margin-top: 10px;
                 z-index: 2;
                 background: #ffffff59;
-                animation: 0.3s slide-down-07432cc8 forwards;
+                animation: 0.3s slide-down-040592ba forwards;
 }
 .code-lang-item {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
                     padding: 5px;
                     margin: 2px;
                     cursor: pointer;
@@ -2865,26 +2865,26 @@ to {
                     text-overflow: ellipsis;
                     border-radius: 4px;
 }
-&[data-v-07432cc8]:hover {
+&[data-v-040592ba]:hover {
                         background: #bdbdbd66;
 }
 }
 }
 }
 .code-theme-box {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
             cursor: pointer;
             position: relative;
 }
-.code-active-theme[data-v-07432cc8]:hover {
+.code-active-theme[data-v-040592ba]:hover {
                 color: var(--code-toolbar-item-hover-color);
 }
-.code-active-theme[data-v-07432cc8] {
+.code-active-theme[data-v-040592ba] {
                 color: deeppink;
                 cursor: pointer;
 }
 .code-themes {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
                 opacity: 0;
                 transition: 0.3s;
                 position: absolute;
@@ -2898,10 +2898,10 @@ to {
                 margin-top: 10px;
                 z-index: 2;
                 background: #ffffff59;
-                animation: 0.3s slide-down-07432cc8 forwards;
+                animation: 0.3s slide-down-040592ba forwards;
 }
 .code-theme-item {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
                     padding: 5px;
                     margin: 2px;
                     cursor: pointer;
@@ -2910,7 +2910,7 @@ to {
                     text-overflow: ellipsis;
                     border-radius: 4px;
 }
-&[data-v-07432cc8]:hover {
+&[data-v-040592ba]:hover {
                         background: #bdbdbd66;
 }
 }
@@ -2918,7 +2918,7 @@ to {
 }
 .input_add,
         .input_rename {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
             border: none;
             outline: none;
             background: transparent;
@@ -2927,7 +2927,7 @@ to {
             width: 0px;
             letter-spacing: 1px;
 }
-&[data-v-07432cc8]:focus {
+&[data-v-040592ba]:focus {
                 border: var(--code-input-border);
                 color: var(--code-input-color);
                 padding: 5px;
@@ -2935,7 +2935,7 @@ to {
 }
 }
 .code-tools {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -2943,11 +2943,11 @@ to {
             flex-flow: row nowrap;
 }
 .code-help {
-&:hover .code-tooltip[data-v-07432cc8] {
+&:hover .code-tooltip[data-v-040592ba] {
                     display: flex;
 }
 .code-tooltip {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
                     display: none;
                     padding: 5px 10px;
                     background: var(--code-tooltip-bg);
@@ -2960,7 +2960,7 @@ to {
                     color: var(--code-tooltip-color);
                     z-index: 2;
 }
-&[data-v-07432cc8]::before {
+&[data-v-040592ba]::before {
                         content: "";
                         border: 10px solid;
                         border-color: transparent;
@@ -2972,18 +2972,18 @@ to {
 }
 }
 .iconfont {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
                 cursor: pointer;
                 text-indent: 0px;
 }
-&[data-v-07432cc8]:hover {
+&[data-v-040592ba]:hover {
                     color: var(--code-toolbar-item-hover-color);
 }
 }
 }
 }
 .code-box {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
         position: relative;
         width: 100%;
         height: calc(100% - var(--code-tabbar-height));
@@ -2991,13 +2991,13 @@ to {
         overflow: hidden;
         border-radius: 4px;
 }
-.code-box-inner[data-v-07432cc8] {
+.code-box-inner[data-v-040592ba] {
             position: relative;
             min-width: 100%;
             min-height: 100%;
             display: inline-block;
 }
-textarea[data-v-07432cc8] {
+textarea[data-v-040592ba] {
             position: absolute;
             top: 0px;
             left: 0px;
@@ -3017,7 +3017,7 @@ textarea[data-v-07432cc8] {
             overflow: hidden;
 }
 .code-highlight {
-&[data-v-07432cc8] {
+&[data-v-040592ba] {
             pointer-events: none;
             position: relative;
             top: 0px;
@@ -3027,11 +3027,11 @@ textarea[data-v-07432cc8] {
             min-height: 100%;
             overflow: hidden;
 }
-&[data-v-07432cc8] code {
+&[data-v-040592ba] code {
                 font-family: inherit !important;
                 font-size: inherit;
 }
-&[data-v-07432cc8] pre {
+&[data-v-040592ba] pre {
                 font-family: inherit;
                 display: inline-block;
                 position: relative;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import { Reactive, ShallowReactive, Ref, ShallowRef, ComputedRef } from 'vue';
 import { IMath, DragList } from 'cook-web';
 import { KatexOptions } from 'katex';
 import { Token, Tokens, Marked, TokensList } from 'marked';
+import { Highlighter } from 'shiki';
 
 declare class ConstColors {
     static get color(): {
@@ -3737,7 +3738,11 @@ declare class CommandCode {
 
 declare class StatusCode extends StatusCube<ICode.Data> {
     protected _code_html: vue.Ref<string, string>;
+    protected _bg: vue.Ref<string, string>;
+    protected _fg: vue.Ref<string, string>;
     constructor(cube: CubeCode);
+    get bg(): string;
+    get fg(): string;
     get cube(): CubeCode;
     get code_html(): string;
     get attrs(): ICode.Attrs;
@@ -3750,6 +3755,7 @@ declare class StatusCode extends StatusCube<ICode.Data> {
         height: string;
     };
     init(): void;
+    update_color(bg?: string, fg?: string): void;
     update_code_html(html?: string): void;
     update_tabs(tabs?: ICode.TabItem[]): void;
     update_tab_name(id: string, name: string): void;
@@ -3759,10 +3765,13 @@ declare class StatusCode extends StatusCube<ICode.Data> {
 declare class CubeCode extends CubeChild<ICode.Data> {
     protected static _langs: string[];
     protected static _themes: string[];
+    protected static _highlighter: Highlighter | undefined;
+    static get highlighter(): Highlighter | undefined;
     protected _status: StatusCode;
     protected _code_html: string;
     _draglist: DragList | undefined;
     constructor(note: Note, data: ICode.Data, pcube: CubeChild);
+    get highlighter(): Highlighter | undefined;
     get status(): StatusCode;
     get tabbar_height(): number;
     get max_height_auto(): number;