@univerjs/preset-sheets-collaboration 1.0.0-alpha.2 → 1.0.0-alpha.4

package/lib/index.css

@@ -1,3 +1,30 @@
+.univer-fixed {
+  position: fixed;
+}
+
+.univer-inset-0 {
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.univer-left-1\/2 {
+  left: 50%;
+}
+
+.univer-top-4 {
+  top: 1rem;
+}
+
+.univer-z-\[1000\] {
+  z-index: 1000;
+}
+
+.univer-z-\[1001\] {
+  z-index: 1001;
+}
+
 .univer-m-0 {
   margin: 0;
 }
@@ -10,6 +37,11 @@
   display: inline-flex;
 }
 
+.univer-size-4 {
+  width: 1rem;
+  height: 1rem;
+}
+
 .univer-h-8 {
   height: 2rem;
 }
@@ -18,6 +50,20 @@
   width: 2rem;
 }
 
+.univer-max-w-\[calc\(100vw-32px\)\] {
+  max-width: calc(100vw - 32px);
+}
+
+.univer-shrink-0 {
+  flex-shrink: 0;
+}
+
+.-univer-translate-x-1\/2 {
+  --univer-tw-translate-x: -50%;
+  transform: translate(-50%, var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
+  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
+}
+
 @keyframes univer-pulse {
   50% {
     opacity: .5;
@@ -46,6 +92,10 @@
   cursor: pointer;
 }
 
+.univer-cursor-wait {
+  cursor: wait;
+}
+
 .univer-appearance-none {
   -webkit-appearance: none;
   appearance: none;
@@ -63,6 +113,10 @@
   justify-content: center;
 }
 
+.univer-gap-2 {
+  gap: .5rem;
+}
+
 .univer-gap-3 {
   gap: .75rem;
 }
@@ -91,10 +145,19 @@
   background-color: #0000;
 }
 
+.univer-bg-white {
+  background-color: var(--univer-white);
+}
+
 .univer-p-0 {
   padding: 0;
 }
 
+.univer-px-3 {
+  padding-left: .75rem;
+  padding-right: .75rem;
+}
+
 .univer-px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -115,6 +178,11 @@
   line-height: 1.75rem;
 }
 
+.univer-text-amber-500 {
+  --univer-tw-text-opacity: 1;
+  color: rgba(245, 158, 11, var(--univer-tw-text-opacity, 1));
+}
+
 .univer-text-blue-500 {
   color: var(--univer-blue-500);
 }
@@ -127,6 +195,10 @@
   color: var(--univer-gray-600);
 }
 
+.univer-text-gray-900 {
+  color: var(--univer-gray-900);
+}
+
 .univer-text-green-500 {
   color: var(--univer-green-500);
 }
@@ -143,6 +215,13 @@
   color: var(--univer-white);
 }
 
+.univer-shadow-lg {
+  --univer-tw-shadow: 0px 4px 6px 0px #1e284d0d, 0px 10px 15px -3px #1e284d1a;
+  --univer-tw-shadow-colored: 0px 4px 6px 0px var(--univer-tw-shadow-color), 0px 10px 15px -3px var(--univer-tw-shadow-color);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px #1e284d0d, 0 10px 15px -3px #1e284d1a;
+  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
+}
+
 .univer-transition-all {
   transition-property: all;
   transition-duration: .15s;
@@ -183,6 +262,14 @@
   --univer-tw-ring-offset-width: 2px;
 }
 
+.dark\:\!univer-bg-gray-700:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-700) !important;
+}
+
+.dark\:\!univer-text-white:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-white) !important;
+}
+
 .dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-700) !important;
 }
@@ -217,6 +304,14 @@
   right: 0;
 }
 
+.univer-left-0 {
+  left: 0;
+}
+
+.univer-left-\[30px\] {
+  left: 30px;
+}
+
 .univer-top-0 {
   top: 0;
 }
@@ -233,6 +328,14 @@
   margin: auto;
 }
 
+.\!univer-mb-0 {
+  margin-bottom: 0 !important;
+}
+
+.\!univer-mt-0 {
+  margin-top: 0 !important;
+}
+
 .univer-mb-0\.5 {
   margin-bottom: .125rem;
 }
@@ -253,6 +356,10 @@
   margin-left: 1.5rem;
 }
 
+.univer-mr-6 {
+  margin-right: 1.5rem;
+}
+
 .univer-mt-1 {
   margin-top: .25rem;
 }
@@ -285,6 +392,10 @@
   height: .25rem;
 }
 
+.univer-h-1\/2 {
+  height: 50%;
+}
+
 .univer-h-12 {
   height: 3rem;
 }
@@ -305,6 +416,10 @@
   height: 100%;
 }
 
+.univer-h-px {
+  height: 1px;
+}
+
 .univer-max-h-\[300px\] {
   max-height: 300px;
 }
@@ -317,6 +432,14 @@
   width: 2.5rem;
 }
 
+.univer-w-2\.5 {
+  width: .625rem;
+}
+
+.univer-w-3 {
+  width: .75rem;
+}
+
 .univer-w-\[calc\(100\%-16px\)\] {
   width: calc(100% - 16px);
 }
@@ -325,6 +448,10 @@
   width: 100%;
 }
 
+.univer-w-px {
+  width: 1px;
+}
+
 .univer-min-w-0 {
   min-width: 0;
 }
@@ -341,6 +468,12 @@
   flex-shrink: 0;
 }
 
+.-univer-translate-y-1\/2 {
+  --univer-tw-translate-y: -50%;
+  transform: translate(var(--univer-tw-translate-x), -50%) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
+  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
+}
+
 @keyframes univer-spin {
   to {
     transform: rotate(360deg);
@@ -648,6 +781,32 @@
   background-color: var(--univer-gray-100);
 }
 
+.rtl\:univer-left-auto:where([dir="rtl"], [dir="rtl"] *) {
+  left: auto;
+}
+
+.rtl\:univer-right-0:where([dir="rtl"], [dir="rtl"] *) {
+  right: 0;
+}
+
+.rtl\:univer-right-\[30px\]:where([dir="rtl"], [dir="rtl"] *) {
+  right: 30px;
+}
+
+.rtl\:univer-ml-0:where([dir="rtl"], [dir="rtl"] *) {
+  margin-left: 0;
+}
+
+.rtl\:univer-mr-6:where([dir="rtl"], [dir="rtl"] *) {
+  margin-right: 1.5rem;
+}
+
+.rtl\:univer-rotate-180:where([dir="rtl"], [dir="rtl"] *) {
+  --univer-tw-rotate: 180deg;
+  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(180deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
+  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
+}
+
 .dark\:\!univer-border-gray-700:where(.univer-dark, .univer-dark *) {
   border-color: var(--univer-gray-700) !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/preset-sheets-collaboration",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.4",
   "private": false,
   "description": "Preset for real-time collaboration and edit history in Univer Sheets.",
   "author": "DreamNum Co., Ltd. <developer@univer.ai>",
@@ -55,22 +55,22 @@
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
-    "@univerjs-pro/collaboration": "1.0.0-alpha.2",
-    "@univerjs-pro/collaboration-client-ui": "1.0.0-alpha.2",
-    "@univerjs-pro/edit-history-loader": "1.0.0-alpha.2",
-    "@univerjs-pro/edit-history-viewer": "1.0.0-alpha.2",
-    "@univerjs-pro/thread-comment-datasource": "1.0.0-alpha.2",
-    "@univerjs/preset-sheets-advanced": "1.0.0-alpha.2",
-    "@univerjs-pro/collaboration-client": "1.0.0-alpha.2"
+    "@univerjs-pro/collaboration": "1.0.0-alpha.4",
+    "@univerjs-pro/collaboration-client-ui": "1.0.0-alpha.4",
+    "@univerjs-pro/collaboration-client": "1.0.0-alpha.4",
+    "@univerjs-pro/edit-history-loader": "1.0.0-alpha.4",
+    "@univerjs-pro/thread-comment-datasource": "1.0.0-alpha.4",
+    "@univerjs-pro/edit-history-viewer": "1.0.0-alpha.4",
+    "@univerjs/preset-sheets-advanced": "1.0.0-alpha.4"
   },
   "devDependencies": {
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rxjs": "^7.8.2",
     "typescript": "^6.0.3",
-    "@univerjs/core": "1.0.0-alpha.2",
-    "@univerjs/presets": "1.0.0-alpha.2",
-    "@univerjs-infra/shared": "1.0.0-alpha.2"
+    "@univerjs-infra/shared": "1.0.0-alpha.4",
+    "@univerjs/core": "1.0.0-alpha.4",
+    "@univerjs/presets": "1.0.0-alpha.4"
   },
   "scripts": {
     "build:bundle": "univer-cli preset build --cleanup",