@univerjs/drawing-ui 1.0.0-rc.0 → 1.0.1

package/lib/es/locale/ar-SA.js

@@ -1,5 +1,9 @@
 //#region src/locale/ar-SA.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "إغلاق",
+		more: "المزيد"
+	},
 	"image-cropper": { error: "لا يمكن قص الكائنات غير الصورية." },
 	objectListPanel: {
 		title: "الطبقات",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "قفل النسبة (%)"
 		},
 		crop: {
+			cancel: "إلغاء",
+			apply: "تم",
 			title: "قص",
 			start: "بدء القص",
 			mode: "حر"

package/lib/es/locale/ca-ES.js

@@ -1,5 +1,9 @@
 //#region src/locale/ca-ES.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "Tanca",
+		more: "Més"
+	},
 	"image-cropper": { error: "No es poden retallar objectes que no siguin imatges." },
 	objectListPanel: {
 		title: "Capes",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "Bloca proporció (%)"
 		},
 		crop: {
+			cancel: "Cancel·la",
+			apply: "Fet",
 			title: "Retalla",
 			start: "Inicia retallada",
 			mode: "Lliure"

package/lib/es/locale/de-DE.js

@@ -1,5 +1,9 @@
 //#region src/locale/de-DE.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "Schließen",
+		more: "Mehr"
+	},
 	"image-cropper": { error: "Nicht-Bildobjekte können nicht zugeschnitten werden." },
 	objectListPanel: {
 		title: "Ebenen",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "Verhältnis sperren (%)"
 		},
 		crop: {
+			cancel: "Abbrechen",
+			apply: "Fertig",
 			title: "Zuschneiden",
 			start: "Zuschneiden starten",
 			mode: "Frei"

package/lib/es/locale/en-US.js

@@ -15,6 +15,10 @@
 * limitations under the License.
 */
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "Close",
+		more: "More"
+	},
 	"image-cropper": { error: "Cannot crop non-image objects." },
 	objectListPanel: {
 		title: "Layers",
@@ -83,6 +87,8 @@ const locale = { "drawing-ui": {
 			lock: "Lock Ratio (%)"
 		},
 		crop: {
+			cancel: "Cancel",
+			apply: "Done",
 			title: "Crop",
 			start: "Start Crop",
 			mode: "Free"

package/lib/es/locale/es-ES.js

@@ -1,5 +1,9 @@
 //#region src/locale/es-ES.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "Cerrar",
+		more: "Más"
+	},
 	"image-cropper": { error: "No se pueden recortar objetos que no sean imágenes." },
 	objectListPanel: {
 		title: "Capas",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "Bloquear proporción (%)"
 		},
 		crop: {
+			cancel: "Cancelar",
+			apply: "Listo",
 			title: "Recortar",
 			start: "Iniciar recorte",
 			mode: "Libre"

package/lib/es/locale/fa-IR.js

@@ -1,5 +1,9 @@
 //#region src/locale/fa-IR.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "بستن",
+		more: "بیشتر"
+	},
 	"image-cropper": { error: "کراپ کردن اشیاء غیرتصویری امکان‌پذیر نیست." },
 	objectListPanel: {
 		title: "لایه‌ها",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "قفل نسبت (%)"
 		},
 		crop: {
+			cancel: "لغو",
+			apply: "انجام شد",
 			title: "کراپ",
 			start: "شروع کراپ",
 			mode: "آزاد"

package/lib/es/locale/fr-FR.js

@@ -1,5 +1,9 @@
 //#region src/locale/fr-FR.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "Fermer",
+		more: "Plus"
+	},
 	"image-cropper": { error: "Impossible de rogner des objets non image." },
 	objectListPanel: {
 		title: "Calques",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "Verrouiller le ratio (%)"
 		},
 		crop: {
+			cancel: "Annuler",
+			apply: "Terminé",
 			title: "Rogner",
 			start: "Commencer à rogner",
 			mode: "Libre"

package/lib/es/locale/id-ID.js

@@ -1,5 +1,9 @@
 //#region src/locale/id-ID.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "Tutup",
+		more: "Lebih Banyak"
+	},
 	"image-cropper": { error: "Tidak dapat memangkas objek non-gambar." },
 	objectListPanel: {
 		title: "Lapisan",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "Kunci Rasio (%)"
 		},
 		crop: {
+			cancel: "Batal",
+			apply: "Selesai",
 			title: "Pangkas",
 			start: "Mulai Pangkas",
 			mode: "Bebas"

package/lib/es/locale/it-IT.js

@@ -1,5 +1,9 @@
 //#region src/locale/it-IT.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "Chiudi",
+		more: "Altro"
+	},
 	"image-cropper": { error: "Impossibile ritagliare oggetti non immagine." },
 	objectListPanel: {
 		title: "Livelli",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "Blocca proporzioni (%)"
 		},
 		crop: {
+			cancel: "Annulla",
+			apply: "Fine",
 			title: "Ritaglia",
 			start: "Inizia ritaglio",
 			mode: "Libero"

package/lib/es/locale/ja-JP.js

@@ -1,5 +1,9 @@
 //#region src/locale/ja-JP.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "閉じる",
+		more: "もっと見る"
+	},
 	"image-cropper": { error: "画像以外のオブジェクトはトリミングできません。" },
 	objectListPanel: {
 		title: "レイヤー",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "縦横比を固定 (%)"
 		},
 		crop: {
+			cancel: "キャンセル",
+			apply: "完了",
 			title: "トリミング",
 			start: "トリミングを開始",
 			mode: "自由モード"

package/lib/es/locale/ko-KR.js

@@ -1,5 +1,9 @@
 //#region src/locale/ko-KR.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "닫기",
+		more: "더 보기"
+	},
 	"image-cropper": { error: "이미지가 아닌 객체는 자를 수 없습니다." },
 	objectListPanel: {
 		title: "레이어",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "비율 고정 (%)"
 		},
 		crop: {
+			cancel: "취소",
+			apply: "완료",
 			title: "자르기",
 			start: "자르기 시작",
 			mode: "자유 모드"

package/lib/es/locale/pl-PL.js

@@ -1,5 +1,9 @@
 //#region src/locale/pl-PL.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "Zamknij",
+		more: "Więcej"
+	},
 	"image-cropper": { error: "Nie można przyciąć obiektów innych niż obraz." },
 	objectListPanel: {
 		title: "Warstwy",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "Zablokuj proporcje (%)"
 		},
 		crop: {
+			cancel: "Anuluj",
+			apply: "Gotowe",
 			title: "Przytnij",
 			start: "Rozpocznij przycinanie",
 			mode: "Dowolny"

package/lib/es/locale/pt-BR.js

@@ -1,5 +1,9 @@
 //#region src/locale/pt-BR.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "Fechar",
+		more: "Mais"
+	},
 	"image-cropper": { error: "Não é possível cortar objetos que não são imagens." },
 	objectListPanel: {
 		title: "Camadas",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "Bloquear proporção (%)"
 		},
 		crop: {
+			cancel: "Cancelar",
+			apply: "Concluído",
 			title: "Cortar",
 			start: "Iniciar corte",
 			mode: "Livre"

package/lib/es/locale/ru-RU.js

@@ -1,5 +1,9 @@
 //#region src/locale/ru-RU.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "Закрыть",
+		more: "Больше"
+	},
 	"image-cropper": { error: "Невозможно обрезать не изображения." },
 	objectListPanel: {
 		title: "Слои",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "Заблокировать пропорции (%)"
 		},
 		crop: {
+			cancel: "Отмена",
+			apply: "Готово",
 			title: "Обрезка",
 			start: "Начать обрезку",
 			mode: "Свободный"

package/lib/es/locale/sk-SK.js

@@ -1,5 +1,9 @@
 //#region src/locale/sk-SK.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "Zavrieť",
+		more: "Viac"
+	},
 	"image-cropper": { error: "Nedá sa orezať neobrázkový objekt." },
 	objectListPanel: {
 		title: "Vrstvy",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "Uzamknúť pomer (%)"
 		},
 		crop: {
+			cancel: "Zrušiť",
+			apply: "Hotovo",
 			title: "Orezanie",
 			start: "Začať orezanie",
 			mode: "Voľne"

package/lib/es/locale/vi-VN.js

@@ -1,5 +1,9 @@
 //#region src/locale/vi-VN.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "Đóng",
+		more: "Thêm"
+	},
 	"image-cropper": { error: "Không thể cắt phần tử không phải hình ảnh" },
 	objectListPanel: {
 		title: "Lớp",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "Khóa tỷ lệ (%)"
 		},
 		crop: {
+			cancel: "Hủy",
+			apply: "Xong",
 			title: "Cắt",
 			start: "Bắt đầu cắt",
 			mode: "Cắt tự do tỷ lệ"

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

@@ -1,5 +1,9 @@
 //#region src/locale/zh-CN.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "关闭",
+		more: "更多"
+	},
 	"image-cropper": { error: "无法裁剪非图片元素" },
 	objectListPanel: {
 		title: "图层",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "锁定比例 (%)"
 		},
 		crop: {
+			cancel: "取消",
+			apply: "完成",
 			title: "裁剪",
 			start: "开始裁剪",
 			mode: "自由比例裁剪"

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

@@ -1,5 +1,9 @@
 //#region src/locale/zh-HK.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "關閉",
+		more: "更多"
+	},
 	"image-cropper": { error: "無法裁切非圖片元素" },
 	objectListPanel: {
 		title: "圖層",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "鎖定比例 (%)"
 		},
 		crop: {
+			cancel: "取消",
+			apply: "完成",
 			title: "裁切",
 			start: "開始裁切",
 			mode: "自由比例裁切"

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

@@ -1,5 +1,9 @@
 //#region src/locale/zh-TW.ts
 const locale = { "drawing-ui": {
+	mobile: {
+		close: "關閉",
+		more: "更多"
+	},
 	"image-cropper": { error: "無法裁切非圖片元素" },
 	objectListPanel: {
 		title: "圖層",
@@ -68,6 +72,8 @@ const locale = { "drawing-ui": {
 			lock: "鎖定比例 (%)"
 		},
 		crop: {
+			cancel: "取消",
+			apply: "完成",
 			title: "裁切",
 			start: "開始裁切",
 			mode: "自由比例裁切"

package/lib/index.css

@@ -1,7 +1,28 @@
+.univer-absolute {
+  position: absolute;
+}
+
 .univer-relative {
   position: relative;
 }
 
+.univer-inset-x-0 {
+  left: 0;
+  right: 0;
+}
+
+.univer-bottom-0 {
+  bottom: 0;
+}
+
+.univer-z-\[1200\] {
+  z-index: 1200;
+}
+
+.univer-m-0 {
+  margin: 0;
+}
+
 .univer-mt-2\.5 {
   margin-top: .625rem;
 }
@@ -26,6 +47,11 @@
   display: none;
 }
 
+.univer-size-11 {
+  width: 2.75rem;
+  height: 2.75rem;
+}
+
 .univer-size-4 {
   width: 1rem;
   height: 1rem;
@@ -50,6 +76,14 @@
   height: 1.75rem !important;
 }
 
+.univer-h-11 {
+  height: 2.75rem;
+}
+
+.univer-h-12 {
+  height: 3rem;
+}
+
 .univer-h-6 {
   height: 1.5rem;
 }
@@ -62,6 +96,10 @@
   height: 2rem;
 }
 
+.univer-h-auto {
+  height: auto;
+}
+
 .univer-h-full {
   height: 100%;
 }
@@ -70,6 +108,10 @@
   min-height: 0;
 }
 
+.univer-min-h-12 {
+  min-height: 3rem;
+}
+
 .univer-min-h-16 {
   min-height: 4rem;
 }
@@ -78,6 +120,10 @@
   width: 0;
 }
 
+.univer-w-2 {
+  width: .5rem;
+}
+
 .univer-w-6 {
   width: 1.5rem;
 }
@@ -106,6 +152,10 @@
   flex: 1;
 }
 
+.univer-flex-none {
+  flex: none;
+}
+
 .univer-shrink-0 {
   flex-shrink: 0;
 }
@@ -146,6 +196,10 @@
   align-items: center;
 }
 
+.univer-justify-end {
+  justify-content: flex-end;
+}
+
 .univer-justify-center {
   justify-content: center;
 }
@@ -178,6 +232,10 @@
   overflow: hidden;
 }
 
+.univer-overflow-visible {
+  overflow: visible;
+}
+
 .univer-overflow-y-auto {
   overflow-y: auto;
 }
@@ -216,6 +274,10 @@
   border-radius: .375rem;
 }
 
+.univer-rounded-xl {
+  border-radius: .75rem;
+}
+
 .univer-border {
   border-width: 1px;
 }
@@ -256,6 +318,10 @@
   background-color: var(--univer-gray-900) !important;
 }
 
+.\!univer-bg-primary-600 {
+  background-color: var(--univer-primary-600) !important;
+}
+
 .\!univer-bg-transparent {
   background-color: #0000 !important;
 }
@@ -268,6 +334,10 @@
   background-color: var(--univer-gray-100);
 }
 
+.univer-bg-gray-50 {
+  background-color: var(--univer-gray-50);
+}
+
 .univer-bg-primary-50 {
   background-color: var(--univer-primary-50);
 }
@@ -326,11 +396,24 @@
   padding-bottom: .5rem;
 }
 
+.univer-py-3 {
+  padding-top: .75rem;
+  padding-bottom: .75rem;
+}
+
 .univer-py-6 {
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
 }
 
+.univer-pb-4 {
+  padding-bottom: 1rem;
+}
+
+.univer-pb-\[max\(12px\,env\(safe-area-inset-bottom\)\)\] {
+  padding-bottom: max(12px,env(safe-area-inset-bottom));
+}
+
 .univer-pr-1\.5 {
   padding-right: .375rem;
 }
@@ -351,10 +434,25 @@
   text-align: center;
 }
 
+.\!univer-text-base {
+  font-size: 1rem !important;
+  line-height: 1.5rem !important;
+}
+
 .univer-text-\[10px\] {
   font-size: 10px;
 }
 
+.univer-text-base {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+
+.univer-text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
 .univer-text-sm {
   font-size: .875rem;
   line-height: 1.25rem;
@@ -381,6 +479,11 @@
   color: var(--univer-primary-300) !important;
 }
 
+.\!univer-text-white {
+  --univer-tw-text-opacity: 1 !important;
+  color: rgba(255, 255, 255, var(--univer-tw-text-opacity, 1)) !important;
+}
+
 .univer-text-gray-400 {
   color: var(--univer-gray-400);
 }
@@ -451,6 +554,14 @@
   transition-delay: .1s;
 }
 
+.aria-pressed\:\!univer-bg-primary-50[aria-pressed="true"] {
+  background-color: var(--univer-primary-50) !important;
+}
+
+.aria-pressed\:\!univer-text-primary-600[aria-pressed="true"] {
+  color: var(--univer-primary-600) !important;
+}
+
 @media (hover: hover) and (pointer: fine) {
   .hover\:univer-bg-gray-100:hover {
     background-color: var(--univer-gray-100);
@@ -503,6 +614,21 @@
   --univer-tw-ring-color: var(--univer-primary-100);
 }
 
+.active\:univer-scale-95:active {
+  --univer-tw-scale-x: .95;
+  --univer-tw-scale-y: .95;
+  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(.95) scaleY(.95);
+  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));
+}
+
+.active\:univer-bg-primary-100:active {
+  background-color: var(--univer-primary-100);
+}
+
+.active\:univer-text-primary-600:active {
+  color: var(--univer-primary-600);
+}
+
 .disabled\:univer-cursor-default:disabled {
   cursor: default;
 }
@@ -620,3 +746,12 @@
 .\[\&\>div\]\:univer-gap-2 > div {
   gap: .5rem;
 }
+
+.\[\&_input\]\:\!univer-h-12 input {
+  height: 3rem !important;
+}
+
+.\[\&_input\]\:\!univer-text-base input {
+  font-size: 1rem !important;
+  line-height: 1.5rem !important;
+}