deepsky 2.28.2 → 2.28.4

package/dist/index.css

@@ -2722,7 +2722,7 @@ div[data-v-63f5dbe5] {
 }
 
 
-@keyframes slide-down-5c7ac317 {
+@keyframes slide-down-4d29b8f1 {
 from {
         /* height: 0px ;
         opacity: 0 ; */
@@ -2733,7 +2733,7 @@ to {
 }
 }
 .cube-code {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
     margin: 2px;
     text-align: left !important;
     position: relative;
@@ -2745,7 +2745,7 @@ to {
     overflow: hidden;
     break-inside: avoid;
 }
-.code-dragger[data-v-5c7ac317] {
+.code-dragger[data-v-4d29b8f1] {
         border-radius: 20px;
         width: 20px;
         aspect-ratio: 1;
@@ -2758,26 +2758,26 @@ to {
         cursor: nwse-resize;
 }
 .code-tabbar {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
         height: var(--code-tabbar-height);
         overflow: hidden;
 }
-.code-tabs-box[data-v-5c7ac317] {
+.code-tabs-box[data-v-4d29b8f1] {
             height: 100%;
 }
-.code-tab[data-v-5c7ac317]:first-child {
+.code-tab[data-v-4d29b8f1]:first-child {
             padding-left: 0px;
 }
 .code-tab {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
             transition: 0.5s;
             width: 160px;
             padding: 0px 2px;
 }
-&[data-v-5c7ac317] > * {
+&[data-v-4d29b8f1] > * {
                 pointer-events: var(--drag-item-point-event);
 }
-.code-tab-name[data-v-5c7ac317] {
+.code-tab-name[data-v-4d29b8f1] {
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
@@ -2787,14 +2787,14 @@ to {
                 background: var(--code-tabbar-item-bg);
                 color: var(--code-tabbar-item-color);
 }
-.code-active-tab[data-v-5c7ac317] {
+.code-active-tab[data-v-4d29b8f1] {
                 background: var(--code-tabbar-item-active-bg);
                 color: var(--code-tabbar-item-active-color);
 }
 }
 }
 .code-toolbar {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -2803,16 +2803,16 @@ to {
         background: var(--code-toolbar-bg);
 }
 .code-langs-box {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
             cursor: pointer;
             position: relative;
 }
-.code-active-lang[data-v-5c7ac317] {
+.code-active-lang[data-v-4d29b8f1] {
                 color: blueviolet;
                 cursor: pointer;
 }
 .code-langs {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
                 transition: 0.3s;
                 opacity: 0;
                 position: absolute;
@@ -2826,10 +2826,10 @@ to {
                 margin-top: 10px;
                 z-index: 2;
                 background: #ffffff59;
-                animation: 0.3s slide-down-5c7ac317 forwards;
+                animation: 0.3s slide-down-4d29b8f1 forwards;
 }
 .code-lang-item {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
                     padding: 5px;
                     margin: 2px;
                     cursor: pointer;
@@ -2838,26 +2838,26 @@ to {
                     text-overflow: ellipsis;
                     border-radius: 4px;
 }
-&[data-v-5c7ac317]:hover {
+&[data-v-4d29b8f1]:hover {
                         background: #bdbdbd66;
 }
 }
 }
 }
 .code-theme-box {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
             cursor: pointer;
             position: relative;
 }
-.code-active-theme[data-v-5c7ac317]:hover {
+.code-active-theme[data-v-4d29b8f1]:hover {
                 color: var(--code-toolbar-item-hover-color);
 }
-.code-active-theme[data-v-5c7ac317] {
+.code-active-theme[data-v-4d29b8f1] {
                 color: deeppink;
                 cursor: pointer;
 }
 .code-themes {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
                 opacity: 0;
                 transition: 0.3s;
                 position: absolute;
@@ -2871,10 +2871,10 @@ to {
                 margin-top: 10px;
                 z-index: 2;
                 background: #ffffff59;
-                animation: 0.3s slide-down-5c7ac317 forwards;
+                animation: 0.3s slide-down-4d29b8f1 forwards;
 }
 .code-theme-item {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
                     padding: 5px;
                     margin: 2px;
                     cursor: pointer;
@@ -2883,7 +2883,7 @@ to {
                     text-overflow: ellipsis;
                     border-radius: 4px;
 }
-&[data-v-5c7ac317]:hover {
+&[data-v-4d29b8f1]:hover {
                         background: #bdbdbd66;
 }
 }
@@ -2891,7 +2891,7 @@ to {
 }
 .input_add,
         .input_rename {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
             border: none;
             outline: none;
             background: transparent;
@@ -2900,7 +2900,7 @@ to {
             width: 0px;
             letter-spacing: 1px;
 }
-&[data-v-5c7ac317]:focus {
+&[data-v-4d29b8f1]:focus {
                 border: var(--code-input-border);
                 color: var(--code-input-color);
                 padding: 5px;
@@ -2908,7 +2908,7 @@ to {
 }
 }
 .code-tools {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
             display: flex;
             justify-content: center;
             align-items: center;
@@ -2916,11 +2916,11 @@ to {
             flex-flow: row nowrap;
 }
 .code-help {
-&:hover .code-tooltip[data-v-5c7ac317] {
+&:hover .code-tooltip[data-v-4d29b8f1] {
                     display: flex;
 }
 .code-tooltip {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
                     display: none;
                     padding: 5px 10px;
                     background: var(--code-tooltip-bg);
@@ -2933,7 +2933,7 @@ to {
                     color: var(--code-tooltip-color);
                     z-index: 2;
 }
-&[data-v-5c7ac317]::before {
+&[data-v-4d29b8f1]::before {
                         content: "";
                         border: 10px solid;
                         border-color: transparent;
@@ -2945,18 +2945,18 @@ to {
 }
 }
 .iconfont {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
                 cursor: pointer;
                 text-indent: 0px;
 }
-&[data-v-5c7ac317]:hover {
+&[data-v-4d29b8f1]:hover {
                     color: var(--code-toolbar-item-hover-color);
 }
 }
 }
 }
 .code-box {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
         position: relative;
         width: 100%;
         height: calc(100% - var(--code-tabbar-height));
@@ -2964,13 +2964,13 @@ to {
         overflow: hidden;
         border-radius: 4px;
 }
-.code-box-inner[data-v-5c7ac317] {
+.code-box-inner[data-v-4d29b8f1] {
             position: relative;
             min-width: 100%;
             min-height: 100%;
             display: inline-block;
 }
-textarea[data-v-5c7ac317] {
+textarea[data-v-4d29b8f1] {
             position: absolute;
             top: 0px;
             left: 0px;
@@ -2990,7 +2990,7 @@ textarea[data-v-5c7ac317] {
             overflow: hidden;
 }
 .code-highlight {
-&[data-v-5c7ac317] {
+&[data-v-4d29b8f1] {
             pointer-events: none;
             position: relative;
             top: 0px;
@@ -3000,11 +3000,11 @@ textarea[data-v-5c7ac317] {
             min-height: 100%;
             overflow: hidden;
 }
-&[data-v-5c7ac317] code {
+&[data-v-4d29b8f1] code {
                 font-family: inherit !important;
                 font-size: inherit;
 }
-&[data-v-5c7ac317] pre {
+&[data-v-4d29b8f1] pre {
                 font-family: inherit;
                 display: inline-block;
                 position: relative;
@@ -5223,48 +5223,53 @@ div[data-v-de9c6e02]::before {
 }
 
 
-.box-catalogue[data-v-185da48a] {
+.box-catalogue[data-v-d6bc2996] {
     overflow-y: scroll;
     height: 100%;
 }
 .box-groups {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
     column-width: var(--ui-catalogue-item-min-width);
     column-gap: 5px;
     }
-.tip-empty[data-v-185da48a] {
+.tip-empty[data-v-d6bc2996] {
         text-align: center;
 }
 .group {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
         padding: 5px;
         break-inside: avoid;
         background: var(--ui-catalogue-group-bg);
         margin-bottom: 5px;
         position: relative;
         border-radius: 4px;
+        transition:
+            background 0.2s ease,
+            box-shadow 0.2s ease,
+            opacity 0.2s ease,
+            transform 0.2s ease;
         }
 .group-title-box,
         .group-item {
 .tools {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
                 flex-shrink: 0;
                 display: none;
                 flex-flow: row nowrap;
                 align-items: center;
                 gap: 4px;
                 }
-.colors[data-v-185da48a] {
+.colors[data-v-d6bc2996] {
                     display: none;
 }
 }
 }
-.group-items[data-v-185da48a] {
+.group-items[data-v-d6bc2996] {
             position: relative;
             width: 100%;
 }
 .group-title-box {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
             background: var(--ui-catalogue-title-bg);
             color: var(--ui-catalogue-title-color);
             border-radius: var(--ui-catalogue-title-radius);
@@ -5276,32 +5281,37 @@ div[data-v-de9c6e02]::before {
             font-weight: bold;
             }
 &:hover {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
                 background: var(--ui-catalogue-item-hover-bg) !important;
                 }
-.tools[data-v-185da48a] {
+.tools[data-v-d6bc2996] {
                     display: flex;
 }
 }
-&[data-v-185da48a] .el-color-picker {
+&[data-v-d6bc2996] .el-color-picker {
                 height: fit-content !important;
                 width: fit-content !important;
 }
 .group-title {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
                 flex: 1;
                 text-align: center;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
+                cursor: grab;
                 }
-&[contenteditable="true"][data-v-185da48a] {
+&[contenteditable="true"][data-v-d6bc2996] {
                     border: 1px dashed;
+                    cursor: text;
+}
+&[data-v-d6bc2996]:active {
+                    cursor: grabbing;
 }
 }
 }
 .group-item {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
             cursor: pointer;
             overflow: hidden;
             text-overflow: ellipsis;
@@ -5311,41 +5321,95 @@ div[data-v-de9c6e02]::before {
             width: 100%;
             left: 0;
             box-sizing: border-box;
-            transition: 0.5s;
+            transition:
+                background 0.2s ease,
+                box-shadow 0.2s ease,
+                opacity 0.2s ease,
+                transform 0.2s ease;
             display: flex;
             justify-content: space-between;
             align-items: center;
+            position: relative;
             }
-&[data-v-185da48a] > * {
+&[data-v-d6bc2996] > * {
                 pointer-events: var(--drag-item-point-event);
 }
 &:hover {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
                 background: var(--ui-catalogue-item-hover-bg) !important;
                 }
-.tools[data-v-185da48a] {
+.tools[data-v-d6bc2996] {
                     display: flex;
 }
 }
 .name {
-&[data-v-185da48a] {
+&[data-v-d6bc2996] {
                 flex: 1;
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
                 }
-&[contenteditable="true"][data-v-185da48a] {
+&[contenteditable="true"][data-v-d6bc2996] {
                     border: 1px dashed;
 }
 }
 }
-.group-item-drag[data-v-185da48a] {
+.group-item-drag[data-v-d6bc2996] {
             background: var(--ui-catalogue-item-drag-bg) !important;
+            opacity: 0.55;
+            transform: scale(0.98);
 }
 }
-.group-over[data-v-185da48a] {
+.group-dragging[data-v-d6bc2996] {
+        opacity: 0.55;
+        transform: scale(0.99);
+}
+.group-over[data-v-d6bc2996] {
         background: var(--ui-catalogue-group-drag-over-bg) !important;
+        box-shadow: inset 0 0 0 1px var(--ui-catalogue-item-drag-bg);
 }
+.group-target-before[data-v-d6bc2996]::before,
+    .group-target-after[data-v-d6bc2996]::after,
+    .group-item-before[data-v-d6bc2996]::before,
+    .group-item-after[data-v-d6bc2996]::after {
+        content: "";
+        position: absolute;
+        left: 5px;
+        right: 5px;
+        height: 2px;
+        border-radius: 999px;
+        background: var(--ui-catalogue-item-drag-bg);
+        box-shadow: 0 0 8px var(--ui-catalogue-item-drag-bg);
+        pointer-events: none;
+        z-index: 2;
+}
+.group-target-before[data-v-d6bc2996]::before,
+    .group-item-before[data-v-d6bc2996]::before {
+        top: -2px;
+}
+.group-target-after[data-v-d6bc2996]::after,
+    .group-item-after[data-v-d6bc2996]::after {
+        bottom: -2px;
+}
+}
+.catalogue-group-move[data-v-d6bc2996],
+.catalogue-item-move[data-v-d6bc2996] {
+    transition: transform 0.24s ease;
+}
+.catalogue-group-enter-active[data-v-d6bc2996],
+.catalogue-group-leave-active[data-v-d6bc2996],
+.catalogue-item-enter-active[data-v-d6bc2996],
+.catalogue-item-leave-active[data-v-d6bc2996] {
+    transition:
+        opacity 0.18s ease,
+        transform 0.18s ease;
+}
+.catalogue-group-enter-from[data-v-d6bc2996],
+.catalogue-group-leave-to[data-v-d6bc2996],
+.catalogue-item-enter-from[data-v-d6bc2996],
+.catalogue-item-leave-to[data-v-d6bc2996] {
+    opacity: 0;
+    transform: translateY(6px);
 }
 
 
@@ -6207,11 +6271,11 @@ img[data-v-2370bfc4] {
 
 
 .ui-sidebar {
-&[data-v-9fc7ee84] {
+&[data-v-3d1292a4] {
     display: flex;
     flex-flow: row nowrap;
 }
-.sidebar-icons[data-v-9fc7ee84] {
+.sidebar-icons[data-v-3d1292a4] {
         box-sizing: border-box;
         padding: 20px 6px;
         display: flex;
@@ -6224,14 +6288,14 @@ img[data-v-2370bfc4] {
         z-index: calc(var(--ui-z-index) + 1);
         flex-shrink: 0;
 }
-.active-sideitem[data-v-9fc7ee84] {
+.active-sideitem[data-v-3d1292a4] {
         color: var(--sidebar-icon-active-color);
         background: var(--sidebar-icon-active-gradient);
         text-shadow: var(--sidebar-icon-active-shadow);
         position: relative;
 }
 .iconfont {
-&[data-v-9fc7ee84] {
+&[data-v-3d1292a4] {
         font-size: 22px;
         cursor: pointer;
         background: var(--sidebar-icon-bg);
@@ -6245,7 +6309,7 @@ img[data-v-2370bfc4] {
             transform var(--transition-spring, 0.36s cubic-bezier(0.34, 1.56, 0.64, 1));
         will-change: transform;
 }
-&[data-v-9fc7ee84]:hover {
+&[data-v-3d1292a4]:hover {
             background: var(--sidebar-icon-hover-bg);
             color: var(--sidebar-icon-hover-color);
             transform: scale(1.15);
@@ -6253,7 +6317,7 @@ img[data-v-2370bfc4] {
 }
 }
 }
-.sidebar-dialog-overlay[data-v-9fc7ee84] {
+.sidebar-dialog-overlay[data-v-3d1292a4] {
     position: fixed;
     inset: 0;
     z-index: var(--float-zindex);
@@ -6264,7 +6328,7 @@ img[data-v-2370bfc4] {
     padding: 9vh 20px 28px;
 }
 .sidebar-dialog-panel {
-&[data-v-9fc7ee84] {
+&[data-v-3d1292a4] {
     position: relative;
     width: min(1080px, calc(100vw - 40px));
     height: min(760px, calc(100vh - 14vh));
@@ -6280,7 +6344,7 @@ img[data-v-2370bfc4] {
     color: var(--dialog-cubelist-input-color);
 }
 .close-corner {
-&[data-v-9fc7ee84] {
+&[data-v-3d1292a4] {
         position: absolute;
         right: 0px;
         top: 8px;
@@ -6299,12 +6363,12 @@ img[data-v-2370bfc4] {
         z-index: 2;
         will-change: transform;
 }
-&[data-v-9fc7ee84]:hover {
+&[data-v-3d1292a4]:hover {
             opacity: 1;
             transform: scale(1.08);
 }
 }
-.sidebar-dialog-header[data-v-9fc7ee84] {
+.sidebar-dialog-header[data-v-3d1292a4] {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -6313,7 +6377,7 @@ img[data-v-2370bfc4] {
         flex-shrink: 0;
 }
 .sidebar-tabs {
-&[data-v-9fc7ee84] {
+&[data-v-3d1292a4] {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -6324,7 +6388,7 @@ img[data-v-2370bfc4] {
         flex-shrink: 0;
 }
 .sidebar-tab {
-&[data-v-9fc7ee84] {
+&[data-v-3d1292a4] {
             appearance: none;
             border: 1px solid color-mix(in srgb, var(--selection-bg, #0891b2) 24%, transparent);
             background: linear-gradient(135deg, color-mix(in srgb, var(--page-bg, #ffffff) 82%, var(--selection-bg, #0891b2) 10%) 0%, color-mix(in srgb, var(--menu-bg, #f2f2f2) 88%, var(--selection-bg, #0891b2) 12%) 100%), color-mix(in srgb, var(--sidebar-bg, transparent) 70%, transparent);
@@ -6349,30 +6413,30 @@ img[data-v-2370bfc4] {
                 box-shadow var(--transition-base, 0.24s),
                 transform var(--transition-spring, 0.36s cubic-bezier(0.34, 1.56, 0.64, 1));
 }
-.iconfont[data-v-9fc7ee84] {
+.iconfont[data-v-3d1292a4] {
                 font-size: 17px;
                 line-height: 1;
 }
-&[data-v-9fc7ee84]:hover {
+&[data-v-3d1292a4]:hover {
                 background: var(--dialog-cubelist-itembox-hover-bg);
                 border-color: color-mix(in srgb, var(--selection-bg, #0891b2) 42%, transparent);
                 transform: translateY(-1px);
 }
 &.active {
-&[data-v-9fc7ee84] {
+&[data-v-3d1292a4] {
                 background: var(--dialog-cubelist-active-bg);
                 color: var(--dialog-cubelist-active-color);
                 border-color: color-mix(in srgb, var(--selection-bg, #0891b2) 52%, transparent);
                 box-shadow: var(--dialog-cubelist-active-shadow);
 }
-.iconfont[data-v-9fc7ee84] {
+.iconfont[data-v-3d1292a4] {
                     color: var(--dialog-cubelist-active-icon-color);
 }
 }
 }
 }
 .sideitem-component {
-&[data-v-9fc7ee84] {
+&[data-v-3d1292a4] {
         overflow: hidden;
         flex: 1;
         min-height: 0;
@@ -6380,7 +6444,7 @@ img[data-v-2370bfc4] {
         position: relative;
 }
 .sidebar-module-pane {
-&[data-v-9fc7ee84] {
+&[data-v-3d1292a4] {
             position: absolute;
             inset: 12px;
             overflow: hidden;
@@ -6390,24 +6454,24 @@ img[data-v-2370bfc4] {
             transition: opacity var(--transition-fast, 0.15s);
             contain: layout paint style;
 }
-&.active[data-v-9fc7ee84] {
+&.active[data-v-3d1292a4] {
                 opacity: 1;
                 visibility: visible;
                 pointer-events: auto;
                 z-index: 1;
 }
 & > * {
-&[data-v-9fc7ee84] {
+&[data-v-3d1292a4] {
                 height: 100%;
                 overflow: scroll;
                 padding-right: 4px;
 }
-&[data-v-9fc7ee84]::-webkit-scrollbar {
+&[data-v-3d1292a4]::-webkit-scrollbar {
                     display: none;
 }
 }
 }
-&[data-v-9fc7ee84] .sidebar-panel-toolbox {
+&[data-v-3d1292a4] .sidebar-panel-toolbox {
             position: sticky;
             top: 0px;
             background: var(--sidebar-panel-toolbox-bg);
@@ -6443,25 +6507,25 @@ img[data-v-2370bfc4] {
 }
 }
 @media (max-width: 720px) {
-.sidebar-dialog-overlay[data-v-9fc7ee84] {
+.sidebar-dialog-overlay[data-v-3d1292a4] {
         padding: 7vh 12px 18px;
 }
 .sidebar-dialog-panel {
-&[data-v-9fc7ee84] {
+&[data-v-3d1292a4] {
         width: calc(100vw - 24px);
         height: calc(100vh - 10vh);
 }
 .sidebar-tabs {
-&[data-v-9fc7ee84] {
+&[data-v-3d1292a4] {
             justify-content: flex-start;
 }
-.sidebar-tab[data-v-9fc7ee84] {
+.sidebar-tab[data-v-3d1292a4] {
                 min-width: 78px;
                 padding: 8px 10px;
 }
 }
 .sideitem-component {
-.sidebar-module-pane[data-v-9fc7ee84] {
+.sidebar-module-pane[data-v-3d1292a4] {
                 inset: 8px;
 }
 }