@univerjs/preset-sheets-table 1.0.0-beta.0 → 1.0.0-beta.1

package/lib/index.css

@@ -6,18 +6,22 @@
   position: relative;
 }
 
-.univer-right-\[-3px\] {
-  right: -3px;
+.univer-right-\[-6px\] {
+  right: -6px;
 }
 
-.univer-top-\[-3px\] {
-  top: -3px;
+.univer-top-\[-6px\] {
+  top: -6px;
 }
 
 .univer-z-10 {
   z-index: 10;
 }
 
+.univer-m-0 {
+  margin: 0;
+}
+
 .-univer-mx-4 {
   margin-left: -1rem;
   margin-right: -1rem;
@@ -39,10 +43,6 @@
   margin-right: .25rem;
 }
 
-.univer-mr-2 {
-  margin-right: .5rem;
-}
-
 .univer-mt-1 {
   margin-top: .25rem;
 }
@@ -63,6 +63,10 @@
   box-sizing: border-box;
 }
 
+.univer-block {
+  display: block;
+}
+
 .\!univer-flex {
   display: flex !important;
 }
@@ -75,9 +79,8 @@
   display: inline-flex;
 }
 
-.univer-size-2 {
-  width: .5rem;
-  height: .5rem;
+.univer-grid {
+  display: grid;
 }
 
 .univer-size-3 {
@@ -108,8 +111,8 @@
   height: 2.5rem;
 }
 
-.univer-h-2\.5 {
-  height: .625rem;
+.univer-h-12 {
+  height: 3rem;
 }
 
 .univer-h-40 {
@@ -132,10 +135,6 @@
   height: 2rem;
 }
 
-.univer-h-9 {
-  height: 2.25rem;
-}
-
 .univer-h-\[180px\] {
   height: 180px;
 }
@@ -152,16 +151,12 @@
   max-height: 180px;
 }
 
-.univer-w-1\/2 {
-  width: 50%;
-}
-
-.univer-w-52 {
-  width: 13rem;
+.univer-min-h-0 {
+  min-height: 0;
 }
 
-.univer-w-8 {
-  width: 2rem;
+.univer-w-1\/2 {
+  width: 50%;
 }
 
 .univer-w-\[400px\] {
@@ -180,6 +175,10 @@
   min-width: 4rem;
 }
 
+.univer-min-w-40 {
+  min-width: 10rem;
+}
+
 .univer-flex-1 {
   flex: 1;
 }
@@ -200,12 +199,16 @@
   cursor: pointer;
 }
 
-.univer-flex-col {
-  flex-direction: column;
+.univer-grid-cols-5 {
+  grid-template-columns: repeat(5, minmax(0, 1fr));
 }
 
-.univer-flex-wrap {
-  flex-wrap: wrap;
+.univer-grid-cols-6 {
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+}
+
+.univer-flex-col {
+  flex-direction: column;
 }
 
 .univer-items-center {
@@ -216,6 +219,10 @@
   justify-content: flex-end;
 }
 
+.univer-justify-center {
+  justify-content: center;
+}
+
 .univer-justify-between {
   justify-content: space-between;
 }
@@ -232,10 +239,19 @@
   gap: 1rem;
 }
 
+.univer-gap-5 {
+  gap: 1.25rem;
+}
+
 .univer-gap-6 {
   gap: 1.5rem;
 }
 
+.univer-gap-x-2 {
+  -moz-column-gap: .5rem;
+  column-gap: .5rem;
+}
+
 .univer-overflow-hidden {
   overflow: hidden;
 }
@@ -254,6 +270,10 @@
   border-radius: 10px;
 }
 
+.univer-rounded-full {
+  border-radius: 9999px;
+}
+
 .univer-rounded-lg {
   border-radius: .5rem;
 }
@@ -262,10 +282,6 @@
   border-radius: .375rem;
 }
 
-.univer-rounded-sm {
-  border-radius: .125rem;
-}
-
 .univer-border {
   border-width: 1px;
 }
@@ -282,32 +298,40 @@
   border-style: solid;
 }
 
+.univer-border-dashed {
+  border-style: dashed;
+}
+
 .univer-border-none {
   border-style: none;
 }
 
-.univer-border-blue-500 {
-  border-color: var(--univer-blue-500);
+.\!univer-border-primary-500 {
+  border-color: var(--univer-primary-500) !important;
 }
 
 .univer-border-gray-200 {
   border-color: var(--univer-gray-200);
 }
 
-.univer-bg-gray-200 {
-  background-color: var(--univer-gray-200);
+.univer-border-gray-300 {
+  border-color: var(--univer-gray-300);
+}
+
+.univer-bg-gray-0 {
+  background-color: var(--univer-gray-0);
 }
 
-.univer-bg-gray-400 {
-  background-color: var(--univer-gray-400);
+.univer-bg-gray-50 {
+  background-color: var(--univer-gray-50);
 }
 
 .univer-bg-transparent {
   background-color: #0000;
 }
 
-.univer-bg-white {
-  background-color: var(--univer-white);
+.univer-p-0 {
+  padding: 0;
 }
 
 .univer-p-1 {
@@ -318,12 +342,12 @@
   padding: .5rem;
 }
 
-.univer-p-4 {
-  padding: 1rem;
+.univer-p-3 {
+  padding: .75rem;
 }
 
-.univer-p-px {
-  padding: 1px;
+.univer-p-4 {
+  padding: 1rem;
 }
 
 .univer-px-2 {
@@ -331,6 +355,11 @@
   padding-right: .5rem;
 }
 
+.univer-px-3 {
+  padding-left: .75rem;
+  padding-right: .75rem;
+}
+
 .univer-px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -350,6 +379,10 @@
   padding-bottom: .75rem;
 }
 
+.univer-pb-4 {
+  padding-bottom: 1rem;
+}
+
 .univer-pl-2 {
   padding-left: .5rem;
 }
@@ -362,10 +395,6 @@
   text-align: left;
 }
 
-.univer-text-center {
-  text-align: center;
-}
-
 .univer-text-sm {
   font-size: .875rem;
   line-height: 1.25rem;
@@ -376,22 +405,26 @@
   line-height: 1rem;
 }
 
-.univer-leading-10 {
-  line-height: 2.5rem;
+.univer-font-medium {
+  font-weight: 500;
 }
 
-.univer-leading-9 {
-  line-height: 2.25rem;
-}
-
-.univer-leading-\[10px\] {
-  line-height: 10px;
+.univer-text-gray-0 {
+  color: var(--univer-gray-0);
 }
 
 .univer-text-gray-400 {
   color: var(--univer-gray-400);
 }
 
+.univer-text-gray-500 {
+  color: var(--univer-gray-500);
+}
+
+.univer-text-gray-600 {
+  color: var(--univer-gray-600);
+}
+
 .univer-text-gray-900 {
   color: var(--univer-gray-900);
 }
@@ -400,8 +433,12 @@
   color: var(--univer-red-500);
 }
 
-.univer-text-white {
-  color: var(--univer-white);
+.univer-opacity-0 {
+  opacity: 0;
+}
+
+.univer-opacity-100 {
+  opacity: 1;
 }
 
 .univer-shadow-lg {
@@ -411,6 +448,30 @@
   box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
 }
 
+.univer-shadow-sm {
+  --univer-tw-shadow: 0px 1px 2px 0px #1e284d14;
+  --univer-tw-shadow-colored: 0px 1px 2px 0px var(--univer-tw-shadow-color);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #1e284d14;
+  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
+}
+
+.univer-ring-2 {
+  --univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color);
+  --univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(2px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color);
+  box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), 0 0 #0000;
+  box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000);
+}
+
+.univer-ring-primary-100 {
+  --univer-tw-ring-color: var(--univer-primary-100);
+}
+
+.univer-transition-all {
+  transition-property: all;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
 .univer-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-duration: .15s;
@@ -421,18 +482,57 @@
   transition-duration: .2s;
 }
 
+.univer-group:focus-within .group-focus-within\:univer-opacity-100, .univer-group:hover .group-hover\:univer-opacity-100 {
+  opacity: 1;
+}
+
+.hover\:univer-border-gray-400:hover {
+  border-color: var(--univer-gray-400);
+}
+
+.hover\:univer-border-primary-500:hover {
+  border-color: var(--univer-primary-500);
+}
+
 .hover\:univer-border-primary-600:hover {
   border-color: var(--univer-primary-600);
 }
 
+.hover\:univer-border-red-200:hover {
+  border-color: var(--univer-red-200);
+}
+
 .hover\:univer-bg-gray-100:hover {
   background-color: var(--univer-gray-100);
 }
 
+.hover\:univer-bg-red-50:hover {
+  background-color: var(--univer-red-50);
+}
+
+.hover\:univer-text-primary-600:hover {
+  color: var(--univer-primary-600);
+}
+
+.hover\:univer-text-red-600:hover {
+  color: var(--univer-red-600);
+}
+
+.hover\:univer-shadow-md:hover {
+  --univer-tw-shadow: 0px 1px 6px -2px #1e284d14, 0px 2px 6px -1px #1e284d1a;
+  --univer-tw-shadow-colored: 0px 1px 6px -2px var(--univer-tw-shadow-color), 0px 2px 6px -1px var(--univer-tw-shadow-color);
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 6px -2px #1e284d14, 0 2px 6px -1px #1e284d1a;
+  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
+}
+
 .focus\:univer-border-primary-600:focus {
   border-color: var(--univer-primary-600);
 }
 
+.focus\:univer-opacity-100:focus {
+  opacity: 1;
+}
+
 .focus\:univer-outline-none:focus {
   outline-offset: 2px;
   outline: 2px solid #0000;
@@ -445,6 +545,10 @@
   box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000);
 }
 
+.focus\:univer-ring-primary-200:focus {
+  --univer-tw-ring-color: var(--univer-primary-200);
+}
+
 .disabled\:univer-cursor-not-allowed:disabled {
   cursor: not-allowed;
 }
@@ -453,6 +557,18 @@
   color: var(--univer-gray-400);
 }
 
+.rtl\:univer-left-\[-6px\]:where([dir="rtl"], [dir="rtl"] *) {
+  left: -6px;
+}
+
+.rtl\:univer-right-auto:where([dir="rtl"], [dir="rtl"] *) {
+  right: auto;
+}
+
+.rtl\:univer-text-right:where([dir="rtl"], [dir="rtl"] *) {
+  text-align: right;
+}
+
 .dark\:\!univer-border-gray-600:where(.univer-dark, .univer-dark *) {
   border-color: var(--univer-gray-600) !important;
 }
@@ -461,18 +577,22 @@
   background-color: var(--univer-gray-700) !important;
 }
 
-.dark\:\!univer-text-white:where(.univer-dark, .univer-dark *) {
-  color: var(--univer-white) !important;
+.dark\:\!univer-bg-gray-800:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-800) !important;
 }
 
-.dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark, .univer-dark *) {
-  background-color: var(--univer-gray-600) !important;
+.dark\:\!univer-bg-gray-900:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-900) !important;
 }
 
-.\[\&\>div\]\:univer-box-border > div {
-  box-sizing: border-box;
+.dark\:\!univer-text-gray-0:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-0) !important;
+}
+
+.dark\:\!univer-text-gray-300:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-300) !important;
 }
 
-.\[\&\>div\]\:univer-h-2\.5 > div {
-  height: .625rem;
+.dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-600) !important;
 }

package/lib/types/locales/ar-SA.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/ca-ES.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/de-DE.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/en-US.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/es-ES.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/fa-IR.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/fr-FR.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/id-ID.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/it-IT.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/ja-JP.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/ko-KR.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/pl-PL.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/pt-BR.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/ru-RU.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/sk-SK.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/vi-VN.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/zh-CN.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/zh-HK.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/lib/types/locales/zh-TW.d.ts

@@ -27,8 +27,6 @@ declare const _default: {
         footer: string;
         firstLine: string;
         secondLine: string;
-        columnPrefix: string;
-        tablePrefix: string;
         tableNameError: string;
         columnMenu: {
             'insert-left': string;
@@ -132,6 +130,7 @@ declare const _default: {
             cancel: string;
             confirm: string;
             'search-placeholder': string;
+            'input-values-placeholder': string;
             'select-all': string;
         };
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/preset-sheets-table",
-  "version": "1.0.0-beta.0",
+  "version": "1.0.0-beta.1",
   "private": false,
   "description": "Preset for table features in Univer Sheets.",
   "author": "DreamNum Co., Ltd. <developer@univer.ai>",
@@ -56,17 +56,17 @@
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
-    "@univerjs/sheets-table": "1.0.0-beta.0",
-    "@univerjs/sheets-table-ui": "1.0.0-beta.0"
+    "@univerjs/sheets-table-ui": "1.0.0-beta.1",
+    "@univerjs/sheets-table": "1.0.0-beta.1"
   },
   "devDependencies": {
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rxjs": "^7.8.2",
     "typescript": "^6.0.3",
-    "@univerjs/core": "1.0.0-beta.0",
-    "@univerjs-infra/shared": "1.0.0-beta.0",
-    "@univerjs/presets": "1.0.0-beta.0"
+    "@univerjs/core": "1.0.0-beta.1",
+    "@univerjs-infra/shared": "1.0.0-beta.1",
+    "@univerjs/presets": "1.0.0-beta.1"
   },
   "scripts": {
     "build:bundle": "univer-cli preset build --cleanup",