deepsky 2.19.13 → 2.19.15

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;
@@ -3922,7 +3922,7 @@ input[data-v-eb57ff78] {
 
 
 /* 全屏半透明遮罩 */
-.cubelist-overlay[data-v-9881ff38] {
+.cubelist-overlay[data-v-2632b9a6] {
     position: fixed;
     inset: 0;
     z-index: var(--float-zindex);
@@ -3934,7 +3934,7 @@ input[data-v-eb57ff78] {
 }
 
 /* 居中面板 */
-.cubelist-panel[data-v-9881ff38] {
+.cubelist-panel[data-v-2632b9a6] {
     width: 780px;
     max-width: calc(100vw - 40px);
     background: var(--float-cubelist-bg);
@@ -3950,7 +3950,7 @@ input[data-v-eb57ff78] {
 
 /* 顶部搜索栏 */
 .cubelist-search {
-&[data-v-9881ff38] {
+&[data-v-2632b9a6] {
     display: flex;
     align-items: center;
     gap: 8px;
@@ -3960,14 +3960,14 @@ input[data-v-eb57ff78] {
     background: var(--float-cubelist-search-bg);
     border: 1px solid color-mix(in srgb, var(--float-cubelist-itembox-hover-bg) 40%, transparent);
     }
-.search-icon[data-v-9881ff38] {
+.search-icon[data-v-2632b9a6] {
         font-size: 17px;
         color: var(--float-cubelist-search-color);
         flex-shrink: 0;
         opacity: 0.7;
 }
 input {
-&[data-v-9881ff38] {
+&[data-v-2632b9a6] {
         flex: 1;
         background: transparent;
         border: none;
@@ -3976,11 +3976,11 @@ input {
         letter-spacing: 0.5px;
         color: var(--float-cubelist-input-color);
         }
-&[data-v-9881ff38]::placeholder {
+&[data-v-2632b9a6]::placeholder {
             color: gray;
 }
 }
-.hint-esc[data-v-9881ff38] {
+.hint-esc[data-v-2632b9a6] {
         flex-shrink: 0;
         font-size: 10px;
         padding: 2px 6px;
@@ -3995,7 +3995,7 @@ input {
 
 /* 颜色图例 */
 .cubelist-legend {
-&[data-v-9881ff38] {
+&[data-v-2632b9a6] {
     display: flex;
     align-items: center;
     gap: 16px;
@@ -4010,7 +4010,7 @@ input {
 
     /* preset-global: +240deg hue rotation from theme selection color */
     }
-.legend-item[data-v-9881ff38] {
+.legend-item[data-v-2632b9a6] {
         display: flex;
         align-items: center;
         gap: 6px;
@@ -4018,26 +4018,26 @@ input {
         color: var(--float-cubelist-input-color);
         opacity: 0.7;
 }
-.legend-square[data-v-9881ff38] {
+.legend-square[data-v-2632b9a6] {
         width: 12px;
         height: 12px;
         border-radius: 3px;
         flex-shrink: 0;
 }
-.sq-cube[data-v-9881ff38] {
+.sq-cube[data-v-2632b9a6] {
         background: var(--float-cubelist-itembox-hover-bg);
 }
-.sq-preset[data-v-9881ff38] {
+.sq-preset[data-v-2632b9a6] {
         background: color-mix(in srgb, #f97316 70%, var(--selection-bg));
 }
-.sq-preset-global[data-v-9881ff38] {
+.sq-preset-global[data-v-2632b9a6] {
         background: color-mix(in srgb, #a855f7 70%, var(--selection-bg));
 }
 }
 
 /* 卡片网格 */
 .cube-grid {
-&[data-v-9881ff38] {
+&[data-v-2632b9a6] {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 5px;
@@ -4045,16 +4045,16 @@ input {
     overflow-y: auto;
     padding: 12px 12px 4px;
     }
-&[data-v-9881ff38]::-webkit-scrollbar {
+&[data-v-2632b9a6]::-webkit-scrollbar {
         width: 4px;
         background-color: transparent;
 }
-&[data-v-9881ff38]::-webkit-scrollbar-thumb {
+&[data-v-2632b9a6]::-webkit-scrollbar-thumb {
         background: var(--ui-scrollbar-thumb-bg, #888);
         border-radius: 10px;
 }
 .item-card {
-&[data-v-9881ff38] {
+&[data-v-2632b9a6] {
         display: flex;
         align-items: center;
         gap: 4px;
@@ -4063,61 +4063,61 @@ input {
         cursor: pointer;
         transition: 0.2s;
         }
-&[data-v-9881ff38]:hover {
+&[data-v-2632b9a6]:hover {
             background: var(--float-cubelist-itembox-hover-bg);
             box-shadow: 0px 0px 12px var(--float-cubelist-itembox-hover-bg);
 }
-.iconfont[data-v-9881ff38] {
+.iconfont[data-v-2632b9a6] {
             font-size: 24px;
             margin-left: 4px;
 }
 }
-.item-preset-global[data-v-9881ff38] {
+.item-preset-global[data-v-2632b9a6] {
         border-left: 3px solid color-mix(in srgb, #a855f7 70%, var(--selection-bg)) !important;
         border-radius: 0 2px 2px 0;
         background: color-mix(in srgb, #a855f7 10%, var(--selection-bg) 5%) !important;
 }
-.item-preset[data-v-9881ff38] {
+.item-preset[data-v-2632b9a6] {
         border-left: 3px solid color-mix(in srgb, #f97316 70%, var(--selection-bg));
         border-radius: 0 2px 2px 0;
         background: color-mix(in srgb, #f97316 10%, var(--selection-bg) 5%);
 }
-.item-cube[data-v-9881ff38] {
+.item-cube[data-v-2632b9a6] {
         border-left: 3px solid var(--float-cubelist-itembox-hover-bg);
         border-radius: 0 2px 2px 0;
         background: color-mix(in srgb, var(--float-cubelist-itembox-hover-bg) 12%, transparent);
 }
 .active {
-&[data-v-9881ff38] {
+&[data-v-2632b9a6] {
         background: var(--float-cubelist-active-bg);
         box-shadow: var(--float-cubelist-active-shadow);
         color: var(--float-cubelist-active-color);
         }
-.iconfont[data-v-9881ff38] {
+.iconfont[data-v-2632b9a6] {
             color: var(--float-cubelist-active-icon-color);
 }
 }
 .cube-box {
-&[data-v-9881ff38] {
+&[data-v-2632b9a6] {
         border-radius: 4px;
         padding: 5px 10px;
         cursor: pointer;
         letter-spacing: 1px;
         overflow: hidden;
         }
-&[data-v-9881ff38] > * {
+&[data-v-2632b9a6] > * {
             pointer-events: none;
 }
-.cube-name[data-v-9881ff38],
-        .cube-type[data-v-9881ff38] {
+.cube-name[data-v-2632b9a6],
+        .cube-type[data-v-2632b9a6] {
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
 }
-.cube-name[data-v-9881ff38] {
+.cube-name[data-v-2632b9a6] {
             font-size: var(--float-cubelist-name-size);
 }
-.cube-type[data-v-9881ff38] {
+.cube-type[data-v-2632b9a6] {
             font-size: var(--float-cubelist-type-size);
             color: var(--float-cubelist-itembox-code-bg);
 }
@@ -4126,13 +4126,13 @@ input {
 
 /* 底部快捷键提示 */
 .cubelist-footer {
-&[data-v-9881ff38] {
+&[data-v-2632b9a6] {
     display: flex;
     gap: 16px;
     padding: 6px 14px 10px;
     border-top: 1px solid color-mix(in srgb, var(--float-cubelist-itembox-hover-bg) 20%, transparent);
     }
-.footer-hint[data-v-9881ff38] {
+.footer-hint[data-v-2632b9a6] {
         display: flex;
         align-items: center;
         gap: 4px;
@@ -4140,7 +4140,7 @@ input {
         color: var(--float-cubelist-input-color);
         opacity: 0.45;
 }
-kbd[data-v-9881ff38] {
+kbd[data-v-2632b9a6] {
         font-size: 10px;
         padding: 1px 5px;
         border-radius: 3px;

package/dist/index.d.ts

@@ -2414,12 +2414,14 @@ declare class DialogCubeList extends DialogBase {
     protected _core_cube: Map<INote.Cubes, IUiFloat.CubeItem>;
     protected _dom: HTMLElement | undefined;
     protected _search: Ref<string, string>;
-    protected _active_index: Ref<number, number>;
+    protected _active_key: Ref<string, string>;
     constructor(note: Note);
     get search(): string;
     get dom(): HTMLElement | undefined;
+    get active_key(): string;
+    set active_key(v: string);
+    get_key(item: IUiFloat.CubeListItem): string;
     get active_index(): number;
-    set active_index(v: number);
     get cubelist(): IUiFloat.CubeListItem[];
     get active(): IUiFloat.CubeListItem;
     get column_count(): number;
@@ -2437,7 +2439,8 @@ declare class DialogCubeList extends DialogBase {
     listen(): void;
     scroll_to_view(): void;
     clean_quick_input_tail(): IUiFloat.CleanTailResult;
-    reset_active_index(index?: number): void;
+    set_active(item?: IUiFloat.CubeListItem): void;
+    reset_active(): void;
     insert(item: IUiFloat.CubeListItem): Recorder | undefined;
     insert_cube(type: string, cube: CubeText, pos: number): Recorder | undefined;
     insert_preset(presets: IUiFloat.PresetItem, cube: CubeText, pos: number): Recorder | undefined;