@apollo-office/drawing-ui 1.0.0

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

@@ -0,0 +1,73 @@
+//#region src/locale/zh-TW.ts
+const locale = { "drawing-ui": {
+	"image-cropper": { error: "無法裁切非圖片元素" },
+	"image-panel": {
+		arrange: {
+			title: "排列",
+			forward: "上移一層",
+			backward: "下移一層",
+			front: "置於頂層",
+			back: "置於底層"
+		},
+		transform: {
+			title: "變換",
+			rotate: "旋轉 (°)",
+			x: "X (px)",
+			y: "Y (px)",
+			width: "寬度 (px)",
+			height: "高度 (px)",
+			lock: "鎖定比例 (%)"
+		},
+		crop: {
+			title: "裁切",
+			start: "開始裁切",
+			mode: "自由比例裁切"
+		},
+		group: {
+			title: "組合",
+			group: "組合",
+			unGroup: "取消組合"
+		},
+		align: {
+			title: "對齊方式",
+			default: "選擇對齊方式",
+			left: "左對齊",
+			center: "水平居中",
+			right: "右對齊",
+			top: "頂部對齊",
+			middle: "垂直居中",
+			bottom: "底部對齊",
+			horizon: "水平分佈",
+			vertical: "垂直分佈"
+		},
+		null: "未選取任何物件"
+	},
+	"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

@@ -0,0 +1,311 @@
+.univer-relative {
+  position: relative;
+}
+
+.univer-mt-2\.5 {
+  margin-top: .625rem;
+}
+
+.univer-box-border {
+  box-sizing: border-box;
+}
+
+.univer-flex {
+  display: flex;
+}
+
+.univer-grid {
+  display: grid;
+}
+
+.univer-hidden {
+  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));
+}
+
+.univer-grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.univer-items-center {
+  align-items: center;
+}
+
+.univer-justify-center {
+  justify-content: center;
+}
+
+.univer-gap-1 {
+  gap: .25rem;
+}
+
+.univer-gap-2 {
+  gap: .5rem;
+}
+
+.univer-rounded {
+  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;
+}
+
+.\!univer-bg-gray-900 {
+  background-color: var(--univer-gray-900) !important;
+}
+
+.univer-bg-gray-100 {
+  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);
+}
+
+.univer-fill-primary-600 {
+  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);
+}
+
+.univer-text-gray-600 {
+  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;
+}
+
+.dark\:\!univer-bg-gray-900:where(.univer-dark, .univer-dark *) {
+  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;
+}
+
+.\[\&\>div\]\:univer-grid > div {
+  display: grid;
+}
+
+.\[\&\>div\]\:univer-gap-2 > div {
+  gap: .5rem;
+}