@univerjs/drawing-ui 0.24.0 → 0.25.0

package/lib/es/locale/zh-TW.js

@@ -1,12 +1,5 @@
 //#region src/locale/zh-TW.ts
-const locale = {
-	"image-popup": {
-		replace: "替換",
-		delete: "刪除",
-		edit: "編輯",
-		crop: "裁切",
-		reset: "重置大小"
-	},
+const locale = { "drawing-ui": {
 	"image-cropper": { error: "無法裁切非圖片元素" },
 	"image-panel": {
 		arrange: {
@@ -28,13 +21,11 @@ const locale = {
 		crop: {
 			title: "裁切",
 			start: "開始裁切",
-			mode: "自由比例裁切",
-			shape: "裁切為形狀"
+			mode: "自由比例裁切"
 		},
 		group: {
 			title: "組合",
 			group: "組合",
-			reGroup: "重新組合",
 			unGroup: "取消組合"
 		},
 		align: {
@@ -51,15 +42,32 @@ const locale = {
 		},
 		null: "未選取任何物件"
 	},
-	"drawing-view": "繪圖",
-	shortcut: {
-		"drawing-move-down": "下移繪圖",
-		"drawing-move-up": "上移繪圖",
-		"drawing-move-left": "左移繪圖",
-		"drawing-move-right": "右移繪圖",
-		"drawing-delete": "刪除繪圖"
+	"image-text-wrap": {
+		title: "文繞圖",
+		wrappingStyle: "文繞圖方式",
+		square: "矩形",
+		topAndBottom: "上及下",
+		inline: "與文字排列",
+		behindText: "文字在前",
+		inFrontText: "文字在後",
+		wrapText: "自動換行",
+		bothSide: "兩側",
+		leftOnly: "僅左側",
+		rightOnly: "僅右側",
+		distanceFromText: "與文字距離",
+		top: "上（px）",
+		left: "左（px）",
+		bottom: "下（px）",
+		right: "右（px）"
+	},
+	"image-popup": {
+		replace: "替換",
+		delete: "刪除",
+		edit: "編輯",
+		crop: "裁切",
+		reset: "重置大小"
 	}
-};
+} };
 
 //#endregion
 export { locale as default };

package/lib/index.css

@@ -6,6 +6,10 @@
   margin-top: .625rem;
 }
 
+.univer-box-border {
+  box-sizing: border-box;
+}
+
 .univer-flex {
   display: flex;
 }
@@ -18,14 +22,55 @@
   display: none;
 }
 
+.univer-size-4 {
+  width: 1rem;
+  height: 1rem;
+}
+
+.univer-h-5 {
+  height: 1.25rem;
+}
+
+.univer-h-6 {
+  height: 1.5rem;
+}
+
+.univer-h-7 {
+  height: 1.75rem;
+}
+
+.univer-h-8 {
+  height: 2rem;
+}
+
 .univer-h-full {
   height: 100%;
 }
 
+.univer-w-6 {
+  width: 1.5rem;
+}
+
 .univer-w-full {
   width: 100%;
 }
 
+.univer-w-px {
+  width: 1px;
+}
+
+.univer-min-w-32 {
+  min-width: 8rem;
+}
+
+.univer-min-w-9 {
+  min-width: 2.25rem;
+}
+
+.univer-flex-1 {
+  flex: 1;
+}
+
 .univer-grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
@@ -42,6 +87,10 @@
   justify-content: center;
 }
 
+.univer-gap-1 {
+  gap: .25rem;
+}
+
 .univer-gap-2 {
   gap: .5rem;
 }
@@ -50,6 +99,30 @@
   border-radius: .25rem;
 }
 
+.univer-rounded-lg {
+  border-radius: .5rem;
+}
+
+.univer-rounded-md {
+  border-radius: .375rem;
+}
+
+.univer-border {
+  border-width: 1px;
+}
+
+.univer-border-solid {
+  border-style: solid;
+}
+
+.univer-border-none {
+  border-style: none;
+}
+
+.univer-border-gray-200 {
+  border-color: var(--univer-gray-200);
+}
+
 .\!univer-bg-gray-800 {
   background-color: var(--univer-gray-800) !important;
 }
@@ -62,6 +135,18 @@
   background-color: var(--univer-gray-100);
 }
 
+.univer-bg-gray-200 {
+  background-color: var(--univer-gray-200);
+}
+
+.univer-bg-primary-50 {
+  background-color: var(--univer-primary-50);
+}
+
+.univer-bg-transparent {
+  background-color: #0000;
+}
+
 .univer-bg-white {
   background-color: var(--univer-white);
 }
@@ -70,19 +155,61 @@
   fill: var(--univer-primary-600);
 }
 
+.univer-p-0 {
+  padding: 0;
+}
+
 .univer-p-1 {
   padding: .25rem;
 }
 
+.univer-px-1 {
+  padding-left: .25rem;
+  padding-right: .25rem;
+}
+
+.univer-px-1\.5 {
+  padding-left: .375rem;
+  padding-right: .375rem;
+}
+
+.univer-px-2 {
+  padding-left: .5rem;
+  padding-right: .5rem;
+}
+
+.univer-py-1 {
+  padding-top: .25rem;
+  padding-bottom: .25rem;
+}
+
 .univer-py-2 {
   padding-top: .5rem;
   padding-bottom: .5rem;
 }
 
+.univer-text-left {
+  text-align: left;
+}
+
 .univer-text-center {
   text-align: center;
 }
 
+.univer-text-sm {
+  font-size: .875rem;
+  line-height: 1.25rem;
+}
+
+.univer-text-xs {
+  font-size: .75rem;
+  line-height: 1rem;
+}
+
+.\!univer-text-primary-300 {
+  color: var(--univer-primary-300) !important;
+}
+
 .univer-text-gray-400 {
   color: var(--univer-gray-400);
 }
@@ -91,14 +218,58 @@
   color: var(--univer-gray-600);
 }
 
+.univer-text-gray-700 {
+  color: var(--univer-gray-700);
+}
+
 .univer-text-gray-900 {
   color: var(--univer-gray-900);
 }
 
+.univer-text-primary-600 {
+  color: var(--univer-primary-600);
+}
+
+.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-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-transition-colors {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
 .hover\:univer-bg-gray-100:hover {
   background-color: var(--univer-gray-100);
 }
 
+.disabled\:univer-cursor-not-allowed:disabled {
+  cursor: not-allowed;
+}
+
+.disabled\:univer-opacity-40:disabled {
+  opacity: .4;
+}
+
+.dark\:\!univer-border-gray-700:where(.univer-dark, .univer-dark *) {
+  border-color: var(--univer-gray-700) !important;
+}
+
+.dark\:\!univer-bg-gray-700:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-700) !important;
+}
+
 .dark\:\!univer-bg-gray-800:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-800) !important;
 }
@@ -107,14 +278,26 @@
   background-color: var(--univer-gray-900) !important;
 }
 
+.dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-100) !important;
+}
+
 .dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
   color: var(--univer-gray-200) !important;
 }
 
+.dark\:\!univer-text-primary-300:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-primary-300) !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;
+}
+
 .dark\:hover\:\!univer-bg-gray-800:hover:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-800) !important;
 }