@netless/window-manager 0.2.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +1 -1
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/src/Cursor/Cursor.svelte +3 -3
- package/src/Cursor/Cursor.ts +2 -2
- package/src/style.css +11 -19
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.netless-window-manager-playground{width:100%;height:100%;position:relative;z-index:1;overflow:hidden}.netless-window-manager-sizer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;display:flex}.netless-window-manager-sizer-horizontal{flex-direction:column}.netless-window-manager-sizer:before,.netless-window-manager-sizer:after{flex:1;content:"";display:block}.netless-window-manager-chess-sizer:before,.netless-window-manager-chess-sizer:after{background-image:linear-gradient(45deg,#b0b0b0 25%,transparent 25%),linear-gradient(-45deg,#b0b0b0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#b0b0b0 75%),linear-gradient(-45deg,transparent 75%,#b0b0b0 75%);background-color:#fff;background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.netless-window-manager-wrapper{position:relative;z-index:1;width:100%;height:100%;overflow:hidden}.netless-window-manager-main-view{width:100%;height:100%}.
|
|
1
|
+
.netless-window-manager-playground{width:100%;height:100%;position:relative;z-index:1;overflow:hidden}.netless-window-manager-sizer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;display:flex}.netless-window-manager-sizer-horizontal{flex-direction:column}.netless-window-manager-sizer:before,.netless-window-manager-sizer:after{flex:1;content:"";display:block}.netless-window-manager-chess-sizer:before,.netless-window-manager-chess-sizer:after{background-image:linear-gradient(45deg,#b0b0b0 25%,transparent 25%),linear-gradient(-45deg,#b0b0b0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#b0b0b0 75%),linear-gradient(-45deg,transparent 75%,#b0b0b0 75%);background-color:#fff;background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.netless-window-manager-wrapper{position:relative;z-index:1;width:100%;height:100%;overflow:hidden}.netless-window-manager-main-view{width:100%;height:100%}.netless-window-manager-cursor-pencil-image{width:26px;height:26px}.netless-window-manager-cursor-selector-image{width:24px;height:24px}.netless-window-manager-cursor-selector-avatar{border-radius:50%;border-style:solid;border-width:2px;border-color:#fff;margin-bottom:2px}.netless-window-manager-cursor-selector-avatar img{width:12px}.netless-window-manager-cursor-inner{border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:row;padding-left:4px;padding-right:4px;font-size:12px}.netless-window-manager-cursor-inner-mellow{height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:row;padding-left:16px;padding-right:16px}.netless-window-manager-cursor-tag-name{font-size:12px;margin-left:4px;padding:2px 8px;border-radius:4px}.netless-window-manager-cursor-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:26px;height:26px;z-index:2000;left:0;top:0;will-change:transform;transition:transform .05s;transform-origin:0 0;user-select:none}.netless-window-manager-cursor-pencil-offset{margin-left:-20px}.netless-window-manager-cursor-selector-offset{margin-left:-22px;margin-top:56px}.netless-window-manager-cursor-text-offset{margin-left:-30px;margin-top:18px}.netless-window-manager-cursor-shape-offset{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:180px;height:64px;margin-left:-30px;margin-top:12px}.netless-window-manager-cursor-name{width:100%;height:48px;display:flex;align-items:center;justify-content:center;position:absolute;top:-40px}.cursor-image-wrapper{display:flex;justify-content:center}.tele-fancy-scrollbar{overscroll-behavior:contain;overflow:auto;overflow-y:scroll;overflow-y:overlay;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:auto}.tele-fancy-scrollbar::-webkit-scrollbar{height:8px;width:8px}.tele-fancy-scrollbar::-webkit-scrollbar-track{background-color:transparent}.tele-fancy-scrollbar::-webkit-scrollbar-thumb{background-color:#444e601a;background-color:transparent;border-radius:4px;transition:background-color .4s}.tele-fancy-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#444e601a}.tele-fancy-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#444e6033}.tele-fancy-scrollbar::-webkit-scrollbar-thumb:active{background-color:#444e6033}.tele-fancy-scrollbar::-webkit-scrollbar-thumb:vertical{min-height:50px}.tele-fancy-scrollbar::-webkit-scrollbar-thumb:horizontal{min-width:50px}.telebox-box{position:absolute;top:0;left:0;z-index:100;will-change:transform;transition:width .4s cubic-bezier(.4,.9,.71,1.02),height .4s cubic-bezier(.55,.82,.63,.95),opacity .6s cubic-bezier(.7,0,.84,0),transform .4s ease}.telebox-box-main{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#f9f9fc;box-shadow:0 4px 10px #2f419226;border-radius:6px;border:1px solid #e3e3ec}.telebox-titlebar-wrap{flex-shrink:0;position:relative;z-index:1}.telebox-content-wrap{flex:1;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.telebox-content{width:100%;height:100%;position:relative}.telebox-footer-wrap{flex-shrink:0;display:flex;flex-direction:column}.telebox-footer-wrap:before{content:"";display:block;flex:1}.telebox-resize-handle{position:absolute;z-index:2147483647}.telebox-n{width:100%;height:5px;left:0;top:-5px;cursor:n-resize}.telebox-s{width:100%;height:5px;left:0;bottom:-5px;cursor:s-resize}.telebox-w{width:5px;height:100%;left:-5px;top:0;cursor:w-resize}.telebox-e{width:5px;height:100%;right:-5px;top:0;cursor:e-resize}.telebox-nw{width:15px;height:15px;top:-5px;left:-5px;cursor:nw-resize}.telebox-ne{width:15px;height:15px;top:-5px;right:-5px;cursor:ne-resize}.telebox-se{width:15px;height:15px;bottom:-5px;right:-5px;cursor:se-resize}.telebox-sw{width:15px;height:15px;bottom:-5px;left:-5px;cursor:sw-resize}.telebox-track-mask{position:fixed;top:0;left:0;z-index:2147483647;width:100%;height:100%;background:rgba(0,0,0,.0001);cursor:move}.telebox-cursor-n{cursor:n-resize}.telebox-cursor-s{cursor:s-resize}.telebox-cursor-w{cursor:w-resize}.telebox-cursor-e{cursor:e-resize}.telebox-cursor-nw{cursor:nw-resize}.telebox-cursor-ne{cursor:ne-resize}.telebox-cursor-se{cursor:se-resize}.telebox-cursor-sw{cursor:sw-resize}.telebox-maximized .telebox-resize-handles,.telebox-no-resize .telebox-resize-handles{display:none}.telebox-maximized{box-shadow:none;transition:none}.telebox-minimized{will-change:transform;transition:width 50ms cubic-bezier(.4,.9,.71,1.02),height 50ms cubic-bezier(.55,.82,.63,.95),opacity .6s cubic-bezier(.7,0,.84,0),transform .6s ease;opacity:0;pointer-events:none;user-select:none}.telebox-transforming{will-change:transform;transition:opacity .6s cubic-bezier(.7,0,.84,0)}.telebox-readonly .telebox-resize-handle{cursor:initial!important;pointer-events:none!important}.telebox-titlebar{box-sizing:border-box;height:26px;display:flex;align-items:center;padding:0 16px;background:#fff;user-select:none;border-bottom:1px solid #eeeef7}.telebox-title{overflow:hidden;margin:0 24px 0 0;padding:0;font-size:14px;font-weight:400;font-family:PingFangSC-Regular,PingFang SC;white-space:nowrap;word-break:keep-all;text-overflow:ellipsis;color:#191919}.telebox-titlebar-btns{white-space:nowrap;word-break:keep-all;margin-left:auto;font-size:0}.telebox-titlebar-btn{width:22px;height:22px;padding:0;outline:0;border:none;background:0 0;cursor:pointer}.telebox-titlebar-btn~.telebox-titlebar-btn{margin-left:10px}.telebox-titlebar-btn-icon{width:22px;height:22px}.telebox-readonly .telebox-titlebar-btn{cursor:not-allowed}.telebox-collector{visibility:hidden;display:block;position:absolute;z-index:200;width:40px;height:40px;margin:0;padding:0;border:none;outline:0;font-size:0;border-radius:50%;background:#fff;box-shadow:0 2px 6px #2f419226;cursor:pointer;user-select:none;pointer-events:none}.telebox-collector-icon{width:18px;height:16px}.telebox-collector-visible{visibility:visible;pointer-events:initial}.telebox-max-titlebar{display:none;position:absolute;top:0;left:0;z-index:50000;user-select:none}.telebox-max-titlebar-maximized{display:flex}.telebox-titles{flex:1;height:100%;margin:0 16px 0 -16px;overflow-y:hidden;overflow-x:scroll;overflow-x:overlay;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:auto}.telebox-titles::-webkit-scrollbar{height:8px;width:8px}.telebox-titles::-webkit-scrollbar-track{background-color:transparent}.telebox-titles::-webkit-scrollbar-thumb{background-color:#eeeef7cc;background-color:transparent;border-radius:4px;transition:background-color .4s}.telebox-titles:hover::-webkit-scrollbar-thumb{background-color:#eeeef7cc}.telebox-titles::-webkit-scrollbar-thumb:hover{background-color:#eeeef7}.telebox-titles::-webkit-scrollbar-thumb:active{background-color:#eeeef7}.telebox-titles::-webkit-scrollbar-thumb:vertical{min-height:50px}.telebox-titles::-webkit-scrollbar-thumb:horizontal{min-width:50px}.telebox-titles-content{height:100%;display:flex;flex-wrap:nowrap;align-items:center;padding:0}.telebox-titles-tab{overflow:hidden;max-width:182px;min-width:50px;padding:0 26px 0 16px;outline:0;font-size:13px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;border:none;border-right:1px solid #e5e5f0;color:#7b88a0;background:0 0;cursor:pointer}.telebox-titles-tab~.telebox-titles-tab{margin-left:2px}.telebox-titles-tab-focus{color:#357bf6}.telebox-readonly .telebox-titles-tab{cursor:not-allowed}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@netless/window-manager",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.1",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "dist/index.es.js",
|
|
6
6
|
"module": "dist/index.es.js",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"emittery": "^0.9.2",
|
|
29
29
|
"lodash": "^4.17.21",
|
|
30
30
|
"p-retry": "^4.6.1",
|
|
31
|
-
"uuid": "^
|
|
31
|
+
"uuid": "^7.0.3",
|
|
32
32
|
"video.js": ">=7"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
package/src/Cursor/Cursor.svelte
CHANGED
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
>
|
|
45
45
|
{#if hasAvatar}
|
|
46
46
|
<img
|
|
47
|
-
class="cursor-selector-avatar"
|
|
47
|
+
class="netless-window-manager-cursor-selector-avatar"
|
|
48
48
|
style={computedAvatarStyle()}
|
|
49
49
|
src={avatar}
|
|
50
50
|
alt="avatar"
|
|
@@ -52,13 +52,13 @@
|
|
|
52
52
|
{/if}
|
|
53
53
|
{cursorName}
|
|
54
54
|
{#if hasTagName}
|
|
55
|
-
<span class="cursor-tag-name" style="background-color: {cursorTagBackgroundColor}">
|
|
55
|
+
<span class="netless-window-manager-cursor-tag-name" style="background-color: {cursorTagBackgroundColor}">
|
|
56
56
|
{tagName}
|
|
57
57
|
</span>
|
|
58
58
|
{/if}
|
|
59
59
|
</div>
|
|
60
60
|
</div>
|
|
61
61
|
<div class="cursor-image-wrapper">
|
|
62
|
-
<img class="cursor-{appliance}-image" {src} alt={appliance} />
|
|
62
|
+
<img class="netless-window-manager-cursor-{appliance}-image" {src} alt={appliance} />
|
|
63
63
|
</div>
|
|
64
64
|
</div>
|
package/src/Cursor/Cursor.ts
CHANGED
|
@@ -80,9 +80,9 @@ export class Cursor {
|
|
|
80
80
|
|
|
81
81
|
private get memberTheme() {
|
|
82
82
|
if (this.payload?.theme) {
|
|
83
|
-
return "cursor-inner-mellow";
|
|
83
|
+
return "netless-window-manager-cursor-inner-mellow";
|
|
84
84
|
} else {
|
|
85
|
-
return "cursor-inner";
|
|
85
|
+
return "netless-window-manager-cursor-inner";
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
|
package/src/style.css
CHANGED
|
@@ -52,26 +52,18 @@
|
|
|
52
52
|
height: 100%;
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
.cursor-box {
|
|
56
|
-
color: white;
|
|
57
|
-
padding: 4px;
|
|
58
|
-
border-radius: 2px;
|
|
59
|
-
width: 100%;
|
|
60
|
-
height: 100%;
|
|
61
|
-
position: absolute;
|
|
62
|
-
}
|
|
63
55
|
|
|
64
|
-
.cursor-pencil-image {
|
|
56
|
+
.netless-window-manager-cursor-pencil-image {
|
|
65
57
|
width: 26px;
|
|
66
58
|
height: 26px;
|
|
67
59
|
}
|
|
68
60
|
|
|
69
|
-
.cursor-selector-image {
|
|
61
|
+
.netless-window-manager-cursor-selector-image {
|
|
70
62
|
width: 24px;
|
|
71
63
|
height: 24px;
|
|
72
64
|
}
|
|
73
65
|
|
|
74
|
-
.cursor-selector-avatar {
|
|
66
|
+
.netless-window-manager-cursor-selector-avatar {
|
|
75
67
|
border-radius: 50%;
|
|
76
68
|
border-style: solid;
|
|
77
69
|
border-width: 2px;
|
|
@@ -79,11 +71,11 @@
|
|
|
79
71
|
margin-bottom: 2px;
|
|
80
72
|
}
|
|
81
73
|
|
|
82
|
-
.cursor-selector-avatar img {
|
|
74
|
+
.netless-window-manager-cursor-selector-avatar img {
|
|
83
75
|
width: 12px;
|
|
84
76
|
}
|
|
85
77
|
|
|
86
|
-
.cursor-inner {
|
|
78
|
+
.netless-window-manager-cursor-inner {
|
|
87
79
|
border-radius: 4px;
|
|
88
80
|
display: flex;
|
|
89
81
|
align-items: center;
|
|
@@ -94,7 +86,7 @@
|
|
|
94
86
|
font-size: 12px;
|
|
95
87
|
}
|
|
96
88
|
|
|
97
|
-
.cursor-inner-mellow {
|
|
89
|
+
.netless-window-manager-cursor-inner-mellow {
|
|
98
90
|
height: 32px;
|
|
99
91
|
border-radius: 16px;
|
|
100
92
|
display: flex;
|
|
@@ -105,7 +97,7 @@
|
|
|
105
97
|
padding-right: 16px;
|
|
106
98
|
}
|
|
107
99
|
|
|
108
|
-
.cursor-tag-name {
|
|
100
|
+
.netless-window-manager-cursor-tag-name {
|
|
109
101
|
font-size: 12px;
|
|
110
102
|
margin-left: 4px;
|
|
111
103
|
padding: 2px 8px;
|
|
@@ -129,21 +121,21 @@
|
|
|
129
121
|
user-select: none;
|
|
130
122
|
}
|
|
131
123
|
|
|
132
|
-
.cursor-pencil-offset {
|
|
124
|
+
.netless-window-manager-cursor-pencil-offset {
|
|
133
125
|
margin-left: -20px;
|
|
134
126
|
}
|
|
135
127
|
|
|
136
|
-
.cursor-selector-offset {
|
|
128
|
+
.netless-window-manager-cursor-selector-offset {
|
|
137
129
|
margin-left: -22px;
|
|
138
130
|
margin-top: 56px;
|
|
139
131
|
}
|
|
140
132
|
|
|
141
|
-
.cursor-text-offset {
|
|
133
|
+
.netless-window-manager-cursor-text-offset {
|
|
142
134
|
margin-left: -30px;
|
|
143
135
|
margin-top: 18px;
|
|
144
136
|
}
|
|
145
137
|
|
|
146
|
-
.cursor-shape-offset {
|
|
138
|
+
.netless-window-manager-cursor-shape-offset {
|
|
147
139
|
display: flex;
|
|
148
140
|
flex-direction: column;
|
|
149
141
|
align-items: center;
|