deepsky 1.113.3 → 1.114.2

package/dist/index.css

@@ -167,6 +167,78 @@ textarea[data-v-375bcd28] {
 }
 
 
+.menu-node-fill {
+&[data-v-36b8c9cf] {
+    background-color: var(--fill-color);
+    border: 1px solid var(--border-color);
+    border-radius: 2px;
+    padding: 8px;
+}
+.box-items {
+&[data-v-36b8c9cf] {
+        display: grid;
+        grid-template-columns: repeat(12, 1fr);
+        gap: 4px;
+        margin-top: 4px;
+}
+.background-item[data-v-36b8c9cf] {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            white-space: nowrap;
+            padding: 4px 6px;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 12px;
+            font-weight: 300;
+            height: 24px;
+}
+}
+}
+
+
+.menu-node-layout {
+&[data-v-118a57a4] {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    width: var(--float-node-layout-width);
+    height: var(--float-node-layout-height);
+    padding: 10px;
+    gap: 10px;
+    width: var(--float-node-layout-width);
+    height: var(--float-node-layout-height);
+    overflow-y: scroll;
+    border-radius: 4px;
+    background-color: var(--float-node-layout-bg);
+}
+.layout-item {
+&[data-v-118a57a4] {
+        cursor: not-allowed;
+        display: flex;
+        flex-flow: row nowrap;
+        justify-content: center;
+        align-items: center;
+        color: var(--float-node-layout-disable-color);
+        cursor: not-allowed;
+        border-radius: 4px;
+        box-shadow: var(--float-node-layout-shadow);
+        background: var(--float-node-layout-item-bg);
+}
+&[data-v-118a57a4]:hover {
+            box-shadow: var(--float-node-layout-shadow-hover);
+            background: var(--float-node-layout-item-bg-hover);
+}
+.iconfont[data-v-118a57a4] {
+            font-size: 24px;
+}
+}
+.usable[data-v-118a57a4] {
+        color: var(--float-node-layout-usable-color);
+        cursor: pointer;
+}
+}
+
+
 .cube-img-load-failed {
 &[data-v-14032bda] {
     border-radius: 4px;
@@ -670,15 +742,15 @@ input[data-v-13d4fd0e] {
 
 
 .note-menus {
-&[data-v-c8fe4a90] {
+&[data-v-194b6c25] {
     position: fixed;
     border-radius: 4px;
     background: var(--menu-bg);
     width: max-content;
 }
-.menu {
+&[data-v-194b6c25] {
 .menu-title {
-&[data-v-c8fe4a90] {
+& {
             cursor: pointer;
             display: flex;
             align-items: center;
@@ -690,47 +762,49 @@ input[data-v-13d4fd0e] {
             border-radius: 4px;
 }
 .title {
-&[data-v-c8fe4a90]::before {
+&::before {
                     margin-right: 10px;
                     color: var(--menu-title-icon-color);
                     text-shadow: 0px 0px 4px var(--menu-title-icon-color);
 }
 }
 }
-.box-menu-items[data-v-c8fe4a90] {
+}
+.menu {
+.box-menu-items[data-v-194b6c25] {
             max-height: var(--menu-max-height);
             overflow: scroll;
 }
-.layout-list[data-v-c8fe4a90] {
+.layout-list[data-v-194b6c25] {
             display: flex;
             flex-flow: column nowrap;
             gap: 4px;
 }
-.layout-grid[data-v-c8fe4a90] {
+.layout-grid[data-v-194b6c25] {
             display: grid;
             grid-template-columns: repeat(3, 1fr);
             gap: 4px;
 }
 }
-.menu-list[data-v-c8fe4a90] {
+.menu-list[data-v-194b6c25] {
         display: flex;
         flex-flow: column nowrap;
         padding: 4px;
         overflow-y: scroll;
         max-height: var(--menu-max-height);
 }
-.submenu-list[data-v-c8fe4a90] {
+.submenu-list[data-v-194b6c25] {
         position: fixed;
         border-radius: 4px;
         padding: 4px;
         background: var(--menu-bg);
 }
 .active-item {
-.iconfont[data-v-c8fe4a90]::before {
+.iconfont[data-v-194b6c25]::before {
             color: var(--menu-item-active-color);
             text-shadow: 0px 0px 4px var(--menu-item-active-color);
 }
-.item-title[data-v-c8fe4a90] {
+.item-title[data-v-194b6c25] {
             display: flex;
             align-items: center;
             justify-content: center;
@@ -739,7 +813,7 @@ input[data-v-13d4fd0e] {
 }
 }
 .menu-item {
-&[data-v-c8fe4a90] {
+&[data-v-194b6c25] {
         display: flex;
         flex-flow: row nowrap;
         justify-content: space-between;
@@ -750,26 +824,70 @@ input[data-v-13d4fd0e] {
         border-radius: 4px;
         color: var(--menu-item-color);
 }
-&[data-v-c8fe4a90] > * {
+&[data-v-194b6c25]>* {
             pointer-events: none;
 }
-&[data-v-c8fe4a90]:hover {
+&[data-v-194b6c25]:hover {
             background: var(--menu-item-bg-hover);
 }
-.item-title[data-v-c8fe4a90] {
+.item-title[data-v-194b6c25] {
             margin-right: 10px;
 }
-.item-title[data-v-c8fe4a90]:before {
+.item-title[data-v-194b6c25]:before {
             margin-right: 10px;
             text-shadow: 0px 0px 4px black;
 }
 }
-.item-shortcut[data-v-c8fe4a90] {
+.item-shortcut[data-v-194b6c25] {
         color: var(--menu-shortcut-color);
         margin-right: 10px;
 }
 }
 
+
+.float-node-layout {
+&[data-v-8418c3fe] {
+    position: fixed;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    padding: 10px;
+    gap: 10px;
+    width: var(--float-node-layout-width);
+    height: var(--float-node-layout-height);
+    overflow-y: scroll;
+    border-radius: 4px;
+    background-color: var(--float-node-layout-bg);
+}
+.layout-item {
+&[data-v-8418c3fe] {
+        cursor: not-allowed;
+        display: flex;
+        flex-flow: row nowrap;
+        justify-content: center;
+        align-items: center;
+        color: var(--float-node-layout-disable-color);
+        cursor: not-allowed;
+        border-radius: 4px;
+        box-shadow: var(--float-node-layout-shadow);
+        background: var(--float-node-layout-item-bg);
+}
+&[data-v-8418c3fe]:hover {
+            box-shadow: var(--float-node-layout-shadow-hover);
+            background: var(--float-node-layout-item-bg-hover);
+}
+.iconfont[data-v-8418c3fe] {
+            font-size: 24px;
+}
+}
+.usable[data-v-8418c3fe] {
+        color: var(--float-node-layout-usable-color);
+        cursor: pointer;
+}
+}
+
+
+.note-float[data-v-4888b6b8] {}
+
 :root,
 cube-map {
     background: var(--page-bg);
@@ -784,8 +902,19 @@ cube-map {
     --ui-close-corner-bg: black;
     --cube-bg: #ededed40;
     --cube-toolbar-bg: #d0d0d040;
-
     --cube-dragger-margin: 10px;
+    /* ------------------------------------------------float--------------------------------------------------- */
+    --float-node-layout-width:180px;
+    --float-node-layout-height:180px;
+    --float-node-layout-bg: #fefefecc;
+    --float-node-layout-item-bg:#e6e6e699;
+    --float-node-layout-item-bg-hover:#38e2decc;
+    --float-node-layout-usable-color:black;
+    --float-node-layout-disable-color:#bababacc;
+    --float-node-layout-shadow:0px 0px 4px #e6e6e699;
+    --float-node-layout-shadow-hover:0px 0px 4px #38e2decc;
+
+    
     /* ------------------------------------------------menu--------------------------------------------------- */
     --menu-bg: #ffffffcc;
     --menu-title-bg: linear-gradient(45deg, #ffe4c4cc, #b6fff5cc);
@@ -801,6 +930,9 @@ cube-map {
     --menu-dialog-bg: snow;
     --menu-dialog-color: black;
 
+    --menu-submenu-width:250px;
+    --menu-submenu-height:250px;
+
     /* ------------------------------------------------cube-map--------------------------------------------------- */
     --map-bg: transparent;
     --map-linker-transition-duration: 0.3s;
@@ -823,10 +955,11 @@ cube-map {
     --node-bg: #eaeaea80;
     --node-selected-stroke: blueviolet;
     --node-editable-bg: #ebff8840;
-    --node-status-bg: #afffe7cc;
+    --node-status-bg: none;
     --node-status-border: unset;
     --node-cbox-min-width: 140px;
     --node-border-dash-array: 12 8;
+    
     /* ------------------------------------------------cube-node--------------------------------------------------- */
     --linker-stroke-color: #121212cc;
     --linker-filter: none;
@@ -1035,7 +1168,7 @@ cube-map {
         --node-bg: #76767640;
         --node-selected-stroke: #00fdffde;
         --node-editable-bg: transparent;
-        --node-status-bg: #77777788;
+        --node-status-bg: none;
         --node-status-border: unset;
         /* ------------------------------------------------cube-node--------------------------------------------------- */
         --linker-stroke-color: #6f6f6fcc;
@@ -1173,9 +1306,9 @@ cube-map {
 
 @font-face {
   font-family: "iconfont"; /* Project id 4969407 */
-  src: url(ac4ec8c44ed3d81161af.woff2?t=1768022275368) format('woff2'),
-       url(fonts/iconfont-3ff3e00bfd4080995d72-3ff3e00bfd4080995d72.woff) format('woff'),
-       url(fonts/iconfont-3f349e90e7563598f3e5-3f349e90e7563598f3e5.ttf) format('truetype');
+  src: url(75931ca660ab7ebf1183.woff2?t=1768546738822) format('woff2'),
+       url(fonts/iconfont-b3d5e41214af8bbfaa60-b3d5e41214af8bbfaa60.woff) format('woff'),
+       url(fonts/iconfont-c03dd904a16215bb6e13-c03dd904a16215bb6e13.ttf) format('truetype');
 }
 
 .iconfont {
@@ -1186,6 +1319,10 @@ cube-map {
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-background:before {
+  content: "\e671";
+}
+
 .icon-minussquare:before {
   content: "\e78b";
 }
@@ -1485,14 +1622,14 @@ cube-map {
 
 
 .cube-doc {
-&[data-v-728e5342]{
+&[data-v-4e1a9944]{
     position: relative;
     font-family: var(--text-family);
     padding: 2px;
 }
-.note[data-v-728e5342]{}
+.note[data-v-4e1a9944]{}
 }
-.cube-doc-footer[data-v-728e5342] {
+.cube-doc-footer[data-v-4e1a9944] {
     user-select: none;
     width: 100%;
     height: 50vh;
@@ -1663,45 +1800,45 @@ cube-map {
 }
 
 
-.cube-map[data-v-7b983720] {
+.cube-map[data-v-fbb6a94a] {
     position: relative;
     width: 100%;
     height: 100%;
 }
 
 /* 硬件加速 */
-.group-nodes[data-v-7b983720]{
+.group-nodes[data-v-fbb6a94a]{
     transform: translateZ(1);
 }
 .group-linkers {
-&[data-v-7b983720]{
+&[data-v-fbb6a94a]{
     transform: translateZ(1);
     }
-path[data-v-7b983720] {
+path[data-v-fbb6a94a] {
         fill: none;
         filter: var(--linker-filter);
 }
 }
 .group-placeholder {
-&[data-v-7b983720]{
+&[data-v-fbb6a94a]{
     pointer-events: none;
     }
-.placeholder-linker[data-v-7b983720] {
+.placeholder-linker[data-v-fbb6a94a] {
         fill: none;
         filter: var(--linker-filter);
 }
-.placeholder-box-selector[data-v-7b983720] {
+.placeholder-box-selector[data-v-fbb6a94a] {
         stroke: var(--placeholder-box-selector-stroke);
         fill: var(--placeholder-box-selector-fill);
         stroke-width: 2;
 }
-.placeholder-line-delete[data-v-7b983720] {
+.placeholder-line-delete[data-v-fbb6a94a] {
         stroke-width: 2;
         fill: none;
         filter: drop-shadow(0px 0px 6px #ff7f7f);
 }
 }
-svg[data-v-7b983720] {
+svg[data-v-fbb6a94a] {
     width: 100%;
     height: 100%;
     position: absolute;
@@ -1790,43 +1927,56 @@ path[data-v-27b2dc9e] {
 }
 
 
+/* SVG描边动画 */
+@keyframes dash-13a90308 {
+from {
+        stroke-dashoffset: 0px;
+        stroke-dasharray: 8% 2%;
+}
+to {
+        stroke-dashoffset: 100%;
+        stroke-dasharray: 8% 2%;
+}
+}
 .node-selected {
-path[data-v-5996b428] {
+path[data-v-13a90308] {
         stroke: var(--node-selected-stroke) !important;
         stroke-width: var(--node-selected-stroke-width);
-        stroke-dasharray: unset !important;
+        /* stroke-dasharray: unset !important; */
 }
 }
 .line-delete-selected {
-path[data-v-5996b428] {
+path[data-v-13a90308] {
         fill: var(--linker-delete-selected-fill) !important;
         filter: var(--linker-delete-selected-filter);
 }
 }
 .node-editable {
-path[data-v-5996b428] {
-        fill: var(--node-editable-bg) !important;
+path[data-v-13a90308] {
+        /* fill: var(--node-editable-bg) !important; */
+        filter: drop-shadow(0px 0px 20px var(--fill));
+        animation: dash-13a90308 10s linear infinite;
 }
 }
 .cube-node {
-foreignObject[data-v-5996b428] {
+foreignObject[data-v-13a90308] {
         border-radius: 4px;
         contain: layout;
 }
-path[data-v-5996b428] {
-        fill: var(--node-bg);
+path[data-v-13a90308] {
+        fill: var(--fill, var(--node-bg));
         stroke-dasharray: var(--node-border-dash-array);
 }
-&:hover > path[data-v-5996b428] {
+&:hover > path[data-v-13a90308] {
         stroke: var(--node-hover-stroke);
 }
-&[data-editing="true"] > path[data-v-5996b428] {
+&[data-editing="true"] > path[data-v-13a90308] {
         stroke: black;
         stroke-width: 2;
 }
 }
 .cube-node-box {
-&[data-v-5996b428] {
+&[data-v-13a90308] {
     margin: 0px !important;
     display: inline-block;
     min-width: var(--node-cbox-min-width);
@@ -1834,7 +1984,7 @@ path[data-v-5996b428] {
     transition: 0.5s;
 }
 .node-status {
-&[data-v-5996b428] {
+&[data-v-13a90308] {
         display: flex;
         flex-flow: row wrap;
         align-items: center;
@@ -1844,19 +1994,19 @@ path[data-v-5996b428] {
         border: var(--node-status-border);
         background: var(--node-status-bg);
 }
-&[data-v-5996b428]:empty {
+&[data-v-13a90308]:empty {
             display: none;
 }
-div[data-v-5996b428] {
+div[data-v-13a90308] {
             cursor: pointer;
 }
-.status-fold[data-v-5996b428] {
+.status-fold[data-v-13a90308] {
             border-radius: 4px;
             font-size: 10px;
             border: 1px dashed;
             padding: 1px 4px;
 }
-.iconfont[data-v-5996b428] {
+.iconfont[data-v-13a90308] {
             cursor: pointer;
 }
 }

package/dist/index.d.ts

@@ -642,7 +642,6 @@ export declare class UIListener extends UIBase {
 	protected listen_replace_id(): void;
 	protected ins(recorder: Recorder, insert: string, cube: CubeText, offset_start: number, offset_end: number): Recorder;
 	protected ins_quick(recorder: Recorder, insert: string, cube: CubeText, offset_start: number, offset_end: number): Recorder;
-	protected listen_node_status_click(): void;
 	get meta(): _UIMeta;
 	export(): void;
 	update_data(data: any): any;
@@ -1110,8 +1109,6 @@ export declare enum _ToolName {
 	format_brush = "format_brush",
 	history = "history",
 	indent = "indent",
-	node_layout = "node_layout",
-	node_style = "node_style",
 	paste = "paste",
 	speak = "speak",
 	scope = "scope",