deepsky 2.19.14 → 2.20.1

package/dist/index.css

@@ -2755,7 +2755,7 @@ div[data-v-39c76eae] {
 }
 
 
-@keyframes slide-down-f291eff2 {
+@keyframes slide-down-454272d5 {
 from {
         /* height: 0px ;
         opacity: 0 ; */
@@ -2766,7 +2766,7 @@ to {
 }
 }
 .cube-code {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
     margin: 2px;
     text-align: left !important;
     position: relative;
@@ -2778,7 +2778,7 @@ to {
     overflow: hidden;
     break-inside: avoid;
 }
-.code-dragger[data-v-f291eff2] {
+.code-dragger[data-v-454272d5] {
         border-radius: 20px;
         width: 20px;
         aspect-ratio: 1;
@@ -2791,26 +2791,26 @@ to {
         cursor: nwse-resize;
 }
 .code-tabbar {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
         height: var(--code-tabbar-height);
         overflow: hidden;
 }
-.code-tabs-box[data-v-f291eff2] {
+.code-tabs-box[data-v-454272d5] {
             height: 100%;
 }
-.code-tab[data-v-f291eff2]:first-child {
+.code-tab[data-v-454272d5]:first-child {
             padding-left: 0px;
 }
 .code-tab {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
             transition: 0.5s;
             width: 160px;
             padding: 0px 2px;
 }
-&[data-v-f291eff2] > * {
+&[data-v-454272d5] > * {
                 pointer-events: var(--drag-item-point-event);
 }
-.code-tab-name[data-v-f291eff2] {
+.code-tab-name[data-v-454272d5] {
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
@@ -2820,14 +2820,14 @@ to {
                 background: var(--code-tabbar-item-bg);
                 color: var(--code-tabbar-item-color);
 }
-.code-active-tab[data-v-f291eff2] {
+.code-active-tab[data-v-454272d5] {
                 background: var(--code-tabbar-item-active-bg);
                 color: var(--code-tabbar-item-active-color);
 }
 }
 }
 .code-toolbar {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -2836,16 +2836,16 @@ to {
         background: var(--code-toolbar-bg);
 }
 .code-langs-box {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
             cursor: pointer;
             position: relative;
 }
-.code-active-lang[data-v-f291eff2] {
+.code-active-lang[data-v-454272d5] {
                 color: blueviolet;
                 cursor: pointer;
 }
 .code-langs {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
                 transition: 0.3s;
                 opacity: 0;
                 position: absolute;
@@ -2859,10 +2859,10 @@ to {
                 margin-top: 10px;
                 z-index: 2;
                 background: #ffffff59;
-                animation: 0.3s slide-down-f291eff2 forwards;
+                animation: 0.3s slide-down-454272d5 forwards;
 }
 .code-lang-item {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
                     padding: 5px;
                     margin: 2px;
                     cursor: pointer;
@@ -2871,26 +2871,26 @@ to {
                     text-overflow: ellipsis;
                     border-radius: 4px;
 }
-&[data-v-f291eff2]:hover {
+&[data-v-454272d5]:hover {
                         background: #bdbdbd66;
 }
 }
 }
 }
 .code-theme-box {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
             cursor: pointer;
             position: relative;
 }
-.code-active-theme[data-v-f291eff2]:hover {
+.code-active-theme[data-v-454272d5]:hover {
                 color: var(--code-toolbar-item-hover-color);
 }
-.code-active-theme[data-v-f291eff2] {
+.code-active-theme[data-v-454272d5] {
                 color: deeppink;
                 cursor: pointer;
 }
 .code-themes {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
                 opacity: 0;
                 transition: 0.3s;
                 position: absolute;
@@ -2904,10 +2904,10 @@ to {
                 margin-top: 10px;
                 z-index: 2;
                 background: #ffffff59;
-                animation: 0.3s slide-down-f291eff2 forwards;
+                animation: 0.3s slide-down-454272d5 forwards;
 }
 .code-theme-item {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
                     padding: 5px;
                     margin: 2px;
                     cursor: pointer;
@@ -2916,7 +2916,7 @@ to {
                     text-overflow: ellipsis;
                     border-radius: 4px;
 }
-&[data-v-f291eff2]:hover {
+&[data-v-454272d5]:hover {
                         background: #bdbdbd66;
 }
 }
@@ -2924,7 +2924,7 @@ to {
 }
 .input_add,
         .input_rename {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
             border: none;
             outline: none;
             background: transparent;
@@ -2933,7 +2933,7 @@ to {
             width: 0px;
             letter-spacing: 1px;
 }
-&[data-v-f291eff2]:focus {
+&[data-v-454272d5]:focus {
                 border: var(--code-input-border);
                 color: var(--code-input-color);
                 padding: 5px;
@@ -2941,7 +2941,7 @@ to {
 }
 }
 .code-tools {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -2949,11 +2949,11 @@ to {
             flex-flow: row nowrap;
 }
 .code-help {
-&:hover .code-tooltip[data-v-f291eff2] {
+&:hover .code-tooltip[data-v-454272d5] {
                     display: flex;
 }
 .code-tooltip {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
                     display: none;
                     padding: 5px 10px;
                     background: var(--code-tooltip-bg);
@@ -2966,7 +2966,7 @@ to {
                     color: var(--code-tooltip-color);
                     z-index: 2;
 }
-&[data-v-f291eff2]::before {
+&[data-v-454272d5]::before {
                         content: "";
                         border: 10px solid;
                         border-color: transparent;
@@ -2978,18 +2978,18 @@ to {
 }
 }
 .iconfont {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
                 cursor: pointer;
                 text-indent: 0px;
 }
-&[data-v-f291eff2]:hover {
+&[data-v-454272d5]:hover {
                     color: var(--code-toolbar-item-hover-color);
 }
 }
 }
 }
 .code-box {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
         position: relative;
         width: 100%;
         height: calc(100% - var(--code-tabbar-height));
@@ -2997,13 +2997,13 @@ to {
         overflow: hidden;
         border-radius: 4px;
 }
-.code-box-inner[data-v-f291eff2] {
+.code-box-inner[data-v-454272d5] {
             position: relative;
             min-width: 100%;
             min-height: 100%;
             display: inline-block;
 }
-textarea[data-v-f291eff2] {
+textarea[data-v-454272d5] {
             position: absolute;
             top: 0px;
             left: 0px;
@@ -3023,7 +3023,7 @@ textarea[data-v-f291eff2] {
             overflow: hidden;
 }
 .code-highlight {
-&[data-v-f291eff2] {
+&[data-v-454272d5] {
             pointer-events: none;
             position: relative;
             top: 0px;
@@ -3033,11 +3033,11 @@ textarea[data-v-f291eff2] {
             min-height: 100%;
             overflow: hidden;
 }
-&[data-v-f291eff2] code {
+&[data-v-454272d5] code {
                 font-family: inherit !important;
                 font-size: inherit;
 }
-&[data-v-f291eff2] pre {
+&[data-v-454272d5] pre {
                 font-family: inherit;
                 display: inline-block;
                 position: relative;
@@ -4443,6 +4443,98 @@ kbd[data-v-2e9872fe] {
 }
 
 
+.table-overlay[data-v-5a3094d3] {
+    position: fixed;
+    inset: 0;
+    z-index: var(--float-zindex);
+    background: rgba(0, 0, 0, 0.35);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.table-panel {
+&[data-v-5a3094d3] {
+    background: var(--float-cubelist-bg);
+    border: var(--float-cubelist-border);
+    box-shadow: var(--float-cubelist-box-shadow);
+    border-radius: 8px;
+    padding: 16px 16px 0;
+    display: flex;
+    flex-direction: column;
+    user-select: none;
+    overflow: hidden;
+    }
+.table-panel-title[data-v-5a3094d3] {
+        font-size: 13px;
+        text-align: center;
+        margin-bottom: 12px;
+        color: var(--float-cubelist-input-color);
+        opacity: 0.6;
+        letter-spacing: 1px;
+}
+.table-grid {
+&[data-v-5a3094d3] {
+        display: grid;
+        grid-template-columns: repeat(9, 1fr);
+        }
+div {
+&[data-v-5a3094d3]::before {
+                content: "";
+                display: block;
+                margin: 3px;
+                width: 20px;
+                aspect-ratio: 1;
+                border: var(--float-table-grid-border);
+                border-radius: 2px;
+                transition: background 0.1s;
+}
+}
+div.active[data-v-5a3094d3]::before {
+            background: var(--float-table-grid-active);
+}
+}
+.table-size-label {
+&[data-v-5a3094d3] {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        gap: 6px;
+        margin-top: 10px;
+        font-size: 14px;
+        color: var(--float-cubelist-input-color);
+        }
+.sep[data-v-5a3094d3] {
+            opacity: 0.4;
+}
+}
+.table-footer {
+&[data-v-5a3094d3] {
+        display: flex;
+        gap: 16px;
+        padding: 8px 2px 10px;
+        margin-top: 10px;
+        border-top: 1px solid color-mix(in srgb, var(--float-cubelist-itembox-hover-bg) 20%, transparent);
+        }
+.footer-hint[data-v-5a3094d3] {
+            display: flex;
+            align-items: center;
+            gap: 4px;
+            font-size: 11px;
+            color: var(--float-cubelist-input-color);
+            opacity: 0.45;
+}
+kbd[data-v-5a3094d3] {
+            font-size: 10px;
+            padding: 1px 5px;
+            border-radius: 3px;
+            font-family: inherit;
+            background: color-mix(in srgb, var(--float-cubelist-input-color) 8%, transparent);
+            border: 1px solid color-mix(in srgb, var(--float-cubelist-input-color) 18%, transparent);
+}
+}
+}
+
+
 .ui-toolbar {
 &[data-v-5e35db78] {
     user-select: none;
@@ -4805,44 +4897,6 @@ input {
 }
 
 
-.float-table {
-    position: fixed;
-    padding: 5px;
-    border-radius: 4px;
-    box-shadow: var(--float-table-shadow);
-    transition: 0.4s;
-    z-index: var(--float-zindex);
-.float-table-grid {
-        display: grid;
-        grid-template-columns: repeat(9, 1fr);
-        gap: 0px;
-div {
-            /* padding: var(--float-table-grid-size); */
-&::before {
-                content: "";
-                display: block;
-                margin: 2px;
-                width: 10px;
-                aspect-ratio: 1;
-                border: var(--float-table-grid-border);
-}
-}
-div.active::before {
-            background: var(--float-table-grid-active);
-}
-}
-.float-table-footer {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        gap: 6px;
-div {
-            border-radius: 4px;
-}
-}
-}
-
-
 .float-dict {
 &[data-v-de9c6e02] {
     transition: 0.3s;
@@ -4933,7 +4987,7 @@ div[data-v-de9c6e02]::before {
 }
 
 
-.ui-float[data-v-7d85529a] {
+.ui-float[data-v-eaaf7516] {
     z-index: 9;
 }
 

package/dist/index.d.ts

@@ -1686,6 +1686,7 @@ declare class StatusCode extends StatusCube<ICode.Data> {
     update_code_html(html?: string): void;
     update_tabs(tabs?: ICode.TabItem[]): void;
     update_tab_name(id: string, name: string): void;
+    update_tab_code(id: string, code: string): void;
     update_active_tab_id(id: string): void;
 }
 
@@ -2473,12 +2474,27 @@ declare class DialogFormula extends DialogBase {
     send(): Function | undefined;
 }
 
+declare class DialogTable extends DialogBase {
+    protected _row: vue.Ref<number, number>;
+    protected _col: vue.Ref<number, number>;
+    constructor(note: Note);
+    get row(): number;
+    set row(v: number);
+    get col(): number;
+    set col(v: number);
+    open(cursor_info?: INoteCursor.CursorInfo): void;
+    listen(): void;
+    confirm(): void;
+    insert_table(row: number, col: number): void;
+}
+
 declare class UIDialog extends UiBase {
     protected _dialog_catalogue: DialogCatalogue;
     protected _dialog_preset: DialogPreset;
     protected _dialog_css: DialogCss;
     protected _cubelist: DialogCubeList;
     protected _formula: DialogFormula;
+    protected _table: DialogTable;
     constructor(note: Note);
     get adapter(): {
         get data(): {};
@@ -2492,6 +2508,7 @@ declare class UIDialog extends UiBase {
     get dialog_preset(): DialogPreset;
     get cubelist(): DialogCubeList;
     get formula(): DialogFormula;
+    get table(): DialogTable;
 }
 
 declare abstract class AdapterBaseUi {
@@ -3023,26 +3040,11 @@ declare class FloatNodeLayout extends FloatBase {
     apply_layout(item: INodeBase.LayoutItem): void;
 }
 
-declare class FloatTable extends FloatBase {
-    protected _rect: IMath.Rect;
-    constructor(note: Note);
-    get rect(): {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-    get type(): IUiFloat.Type;
-    open(): void;
-    insert_table(row: number, col: number): void;
-}
-
 declare class UiFloat extends UiBase {
     protected _words: FloatWords;
     protected _link_ask: FloatLinkAsk;
     protected _link_edit: FloatLinkEdit;
     protected _rt: FloatRt;
-    protected _table: FloatTable;
     protected _node_layout: FloatNodeLayout;
     constructor(note: Note);
     get adapter(): {
@@ -3058,7 +3060,6 @@ declare class UiFloat extends UiBase {
     get link_edit(): FloatLinkEdit;
     get node_layout(): FloatNodeLayout;
     get rt(): FloatRt;
-    get table(): FloatTable;
     get has_float(): boolean;
     listen(): void;
     hide_all(): void;
@@ -5876,7 +5877,7 @@ declare namespace IUiPreset {
 }
 
 declare namespace IUiFloat {
-    type Type = "cubelist" | "formula" | "link-ask" | "link-edit" | "rt" | "table" | "words" | "node-layout";
+    type Type = "cubelist" | "formula" | "link-ask" | "link-edit" | "rt" | "words" | "node-layout";
     type Data = V1;
     interface V1 {
     }