@gct-paas/core-web 0.1.4-dev.12 → 0.1.4-dev.13

package/es/modules/Cropper/src/CopperFreeModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs

@@ -0,0 +1,299 @@
+import { useDesign } from "../../../hooks/useDesign.mjs";
+import "../../../hooks/index.mjs";
+import { useModalInner } from "../../global-modal/src/hooks/useModal.mjs";
+import { BasicModal } from "../../global-modal/index.mjs";
+import Cropper_default from "./Cropper.vue.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, resolveComponent, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
+import { isFunction } from "lodash-es";
+import { dataURLtoBlob, t } from "@gct-paas/core";
+import { Space, Tooltip, Upload, message } from "ant-design-vue";
+import { ReloadOutlined } from "@ant-design/icons-vue";
+//#region src/modules/Cropper/src/CopperFreeModal.vue?vue&type=script&setup=true&name=CropperModal&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "empty"
+};
+var _hoisted_2 = { class: "flex flex-col justify-center items-center" };
+var _hoisted_3 = ["title"];
+var CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CopperFreeModal",
+	props: {
+		title: {
+			type: String,
+			default: "图片上传"
+		},
+		circled: {
+			type: Boolean,
+			default: true
+		},
+		uploadApi: { type: Function },
+		src: { type: String },
+		aspectRatio: { type: Number },
+		accept: {
+			type: Array,
+			default: [
+				"jpg",
+				"jpeg",
+				"png",
+				"bmp"
+			]
+		},
+		beforeUpload: { type: Function },
+		uploadText: { type: String }
+	},
+	emits: ["uploadSuccess", "register"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const src = ref(props.src || "");
+		const originalSrc = ref(props.src || "");
+		const previewSource = ref("");
+		const cropper = ref();
+		let scaleX = 1;
+		let scaleY = 1;
+		let filename = "";
+		const fileAccept = computed(() => {
+			return props.accept.map((e) => `image/${e}`).join(",");
+		});
+		const { prefixCls } = useDesign("cropper-free");
+		const [register, { closeModal, setModalProps }] = useModalInner((data) => {
+			if (data?.file) handleBeforeUpload(data.file);
+		});
+		watch(() => props.src, (value) => {
+			src.value = value || "";
+			originalSrc.value = value || "";
+		});
+		async function handleBeforeUpload(file) {
+			props.beforeUpload && await props.beforeUpload(file);
+			if (file.size / 1024 / 1024 > 4) {
+				message.warn(`【${file.name}】文件大小不能超过 4MB`);
+				return false;
+			}
+			if (!fileAccept.value.includes(file.type)) {
+				message.warning(`【${file.name}】${t("sys.component.cropper.acceptAvatarTypeTip")}`);
+				return false;
+			}
+			const reader = new FileReader();
+			reader.readAsDataURL(file);
+			src.value = "";
+			previewSource.value = "";
+			reader.onload = function(e) {
+				src.value = e.target?.result ?? "";
+				filename = file.name;
+			};
+			return false;
+		}
+		function handleCropend({ imgBase64 }) {
+			previewSource.value = imgBase64;
+		}
+		function handleReady(cropperInstance) {
+			cropper.value = cropperInstance;
+		}
+		function handlerToolbar(event, arg) {
+			if (event === "scaleX") scaleX = arg = scaleX === -1 ? 1 : -1;
+			if (event === "scaleY") scaleY = arg = scaleY === -1 ? 1 : -1;
+			cropper.value?.[event]?.(arg);
+		}
+		async function handleOk() {
+			const uploadApi = props.uploadApi;
+			if (uploadApi && isFunction(uploadApi)) {
+				const blob = dataURLtoBlob(previewSource.value);
+				try {
+					setModalProps({ confirmLoading: true });
+					const result = await uploadApi({
+						name: "file",
+						file: blob,
+						filename
+					});
+					emit("uploadSuccess", {
+						source: previewSource.value,
+						data: result.data.data
+					});
+					closeModal();
+				} finally {
+					setModalProps({ confirmLoading: false });
+				}
+			}
+		}
+		function handleCancel() {
+			src.value = "";
+			setTimeout(() => {
+				src.value = originalSrc.value || "";
+			});
+		}
+		return (_ctx, _cache) => {
+			const _component_PlusOutlined = resolveComponent("PlusOutlined");
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createBlock(unref(BasicModal), mergeProps(_ctx.$attrs, {
+				title: __props.title,
+				width: "640px",
+				"min-height": "510",
+				"can-fullscreen": false,
+				"ok-text": unref(t)("sys.okText"),
+				onRegister: unref(register),
+				onOk: handleOk,
+				onCancel: handleCancel
+			}), {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(prefixCls)) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-left`) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-cropper`) }, [src.value ? (openBlock(), createBlock(Cropper_default, {
+					key: 0,
+					src: src.value,
+					height: "304px",
+					width: "538px",
+					options: { aspectRatio: __props.aspectRatio ?? 200 / 120 },
+					onCropend: handleCropend,
+					onReady: handleReady
+				}, null, 8, ["src", "options"])) : (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(Upload), {
+					"list-type": "picture-card",
+					"file-list": [],
+					accept: "image/*",
+					"before-upload": handleBeforeUpload
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_2, [
+						createVNode(_component_PlusOutlined),
+						_cache[14] || (_cache[14] = createElementVNode("div", { class: "mt12px" }, "点击或将图片拖拽到这里上传", -1)),
+						_cache[15] || (_cache[15] = createElementVNode("div", { class: "color-[#8B8B8B] mt8px" }, " 仅支持JPG、PNG、JPEG、BMP格式，文件小于4M ", -1))
+					])]),
+					_: 1
+				})]))], 2), src.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(`${unref(prefixCls)}-toolbar`)
+				}, [createVNode(unref(Upload), {
+					"file-list": [],
+					accept: fileAccept.value,
+					"before-upload": handleBeforeUpload
+				}, {
+					default: withCtx(() => [__props.uploadText ? (openBlock(), createBlock(_component_a_button, {
+						key: 0,
+						type: "link",
+						size: "small",
+						style: { "padding": "0" }
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.uploadText), 1)]),
+						_: 1
+					})) : (openBlock(), createElementBlock("a", {
+						key: 1,
+						title: unref(t)("sys.reUpload"),
+						placement: "bottom"
+					}, toDisplayString(unref(t)("sys.reUpload")), 9, _hoisted_3))]),
+					_: 1
+				}, 8, ["accept"]), createVNode(unref(Space), null, {
+					default: withCtx(() => [
+						createVNode(unref(Tooltip), {
+							title: unref(t)("sys.component.cropper.btn_zoom_in"),
+							placement: "bottom"
+						}, {
+							default: withCtx(() => [createVNode(_component_a_button, {
+								size: "small",
+								disabled: !src.value,
+								onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
+								onClick: _cache[1] || (_cache[1] = ($event) => handlerToolbar("zoom", .1))
+							}, {
+								icon: withCtx(() => [..._cache[16] || (_cache[16] = [createElementVNode("i", { class: "iconfont icon-fangda_zoom-in" }, null, -1)])]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						}, 8, ["title"]),
+						createVNode(unref(Tooltip), {
+							title: unref(t)("sys.component.cropper.btn_zoom_out"),
+							placement: "bottom"
+						}, {
+							default: withCtx(() => [createVNode(_component_a_button, {
+								size: "small",
+								disabled: !src.value,
+								onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"])),
+								onClick: _cache[3] || (_cache[3] = ($event) => handlerToolbar("zoom", -.1))
+							}, {
+								icon: withCtx(() => [..._cache[17] || (_cache[17] = [createElementVNode("i", { class: "iconfont icon-a-suoxiao_zoom-out1" }, null, -1)])]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						}, 8, ["title"]),
+						createVNode(unref(Tooltip), {
+							title: unref(t)("sys.component.cropper.btn_rotate_left"),
+							placement: "bottom"
+						}, {
+							default: withCtx(() => [createVNode(_component_a_button, {
+								size: "small",
+								disabled: !src.value,
+								onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {}, ["prevent"])),
+								onClick: _cache[5] || (_cache[5] = ($event) => handlerToolbar("rotate", -45))
+							}, {
+								icon: withCtx(() => [..._cache[18] || (_cache[18] = [createElementVNode("i", { class: "iconfont icon-xuanzhuan_rotate" }, null, -1)])]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						}, 8, ["title"]),
+						createVNode(unref(Tooltip), {
+							title: unref(t)("sys.component.cropper.btn_rotate_right"),
+							placement: "bottom"
+						}, {
+							default: withCtx(() => [createVNode(_component_a_button, {
+								size: "small",
+								disabled: !src.value,
+								onMousedown: _cache[6] || (_cache[6] = withModifiers(() => {}, ["prevent"])),
+								onClick: _cache[7] || (_cache[7] = ($event) => handlerToolbar("rotate", 45))
+							}, {
+								icon: withCtx(() => [..._cache[19] || (_cache[19] = [createElementVNode("i", { class: "iconfont icon-xuanzhuan_2" }, null, -1)])]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						}, 8, ["title"]),
+						createVNode(unref(Tooltip), {
+							title: unref(t)("sys.component.cropper.btn_scale_x"),
+							placement: "bottom"
+						}, {
+							default: withCtx(() => [createVNode(_component_a_button, {
+								size: "small",
+								disabled: !src.value,
+								onMousedown: _cache[8] || (_cache[8] = withModifiers(() => {}, ["prevent"])),
+								onClick: _cache[9] || (_cache[9] = ($event) => handlerToolbar("scaleX"))
+							}, {
+								icon: withCtx(() => [..._cache[20] || (_cache[20] = [createElementVNode("i", { class: "iconfont icon-shuipingfanzhuan_flip-horizontally" }, null, -1)])]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						}, 8, ["title"]),
+						createVNode(unref(Tooltip), {
+							title: unref(t)("sys.component.cropper.btn_scale_y"),
+							placement: "bottom"
+						}, {
+							default: withCtx(() => [createVNode(_component_a_button, {
+								size: "small",
+								disabled: !src.value,
+								onMousedown: _cache[10] || (_cache[10] = withModifiers(() => {}, ["prevent"])),
+								onClick: _cache[11] || (_cache[11] = ($event) => handlerToolbar("scaleY"))
+							}, {
+								icon: withCtx(() => [..._cache[21] || (_cache[21] = [createElementVNode("i", { class: "iconfont icon-chuizhifanzhuan_flip-vertically" }, null, -1)])]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						}, 8, ["title"]),
+						createVNode(unref(Tooltip), {
+							title: unref(t)("sys.component.cropper.btn_reset"),
+							placement: "bottom"
+						}, {
+							default: withCtx(() => [createVNode(_component_a_button, {
+								size: "small",
+								disabled: !src.value,
+								onMousedown: _cache[12] || (_cache[12] = withModifiers(() => {}, ["prevent"])),
+								onClick: _cache[13] || (_cache[13] = ($event) => handlerToolbar("reset"))
+							}, {
+								icon: withCtx(() => [createVNode(unref(ReloadOutlined))]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						}, 8, ["title"])
+					]),
+					_: 1
+				})], 2)) : createCommentVNode("", true)], 2)], 2)]),
+				_: 1
+			}, 16, [
+				"title",
+				"ok-text",
+				"onRegister"
+			]);
+		};
+	}
+});
+//#endregion
+export { CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default as default };

package/es/modules/Cropper/src/CopperFreeModal.vue_vue_type_style_index_0_scoped_28afc2ab_lang.css

@@ -0,0 +1,48 @@
+.gct-cropper-free[data-v-28afc2ab] {
+  display: flex;
+  padding: 0 35px;
+}
+.gct-cropper-free-left[data-v-28afc2ab],
+.gct-cropper-free-right[data-v-28afc2ab] {
+  height: 304px;
+}
+.gct-cropper-free-left[data-v-28afc2ab] {
+  width: 100%;
+}
+.gct-cropper-free-cropper[data-v-28afc2ab] {
+  position: relative;
+  width: 538px;
+  height: 304px;
+  background: #eee;
+  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.25) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.25) 0);
+  background-position: 0 0,
+      12px 12px;
+  background-size: 24px 24px;
+}
+.gct-cropper-free-toolbar[data-v-28afc2ab] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 538px;
+  margin-top: 10px;
+}
+.empty[data-v-28afc2ab] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.empty span[data-v-28afc2ab] {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+}
+.empty span[data-v-28afc2ab] .ant-upload-list {
+  width: 100%;
+  height: 100%;
+}
+.empty span[data-v-28afc2ab] .ant-upload-list .ant-upload-select-picture-card {
+  width: 100%;
+  height: 100%;
+}

package/es/modules/Cropper/src/CopperModal.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import CopperModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default from "./CopperModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs";
+import './CopperModal.vue_vue_type_style_index_0_scoped_f42f8311_lang.css';/* empty css                                                                  */
+//#region src/modules/Cropper/src/CopperModal.vue
+var CopperModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CopperModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default, [["__scopeId", "data-v-f42f8311"]]);
+//#endregion
+export { CopperModal_default as default };

package/es/modules/Cropper/src/CopperModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs

@@ -0,0 +1,283 @@
+import { useDesign } from "../../../hooks/useDesign.mjs";
+import "../../../hooks/index.mjs";
+import { useModalInner } from "../../global-modal/src/hooks/useModal.mjs";
+import { BasicModal } from "../../global-modal/index.mjs";
+import Cropper_default from "./Cropper.vue.mjs";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, resolveComponent, toDisplayString, unref, withCtx, withModifiers } from "vue";
+import { isFunction } from "lodash-es";
+import { dataURLtoBlob, t } from "@gct-paas/core";
+import { Space, Tooltip, Upload, message } from "ant-design-vue";
+import { ReloadOutlined } from "@ant-design/icons-vue";
+//#region src/modules/Cropper/src/CopperModal.vue?vue&type=script&setup=true&name=CropperModal&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "empty"
+};
+var _hoisted_2 = { class: "flex flex-col justify-center items-center" };
+var _hoisted_3 = ["title"];
+var _hoisted_4 = { class: "flex-col" };
+var _hoisted_5 = { class: "flex-col" };
+var _hoisted_6 = { class: "flex-col text-center" };
+var CopperModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CopperModal",
+	props: {
+		circled: {
+			type: Boolean,
+			default: true
+		},
+		uploadApi: { type: Function },
+		src: { type: String },
+		sourceUrlValue: { type: String }
+	},
+	emits: ["uploadSuccess", "register"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const src = ref(props.src || "");
+		const previewSource = ref("");
+		const cropper = ref();
+		let scaleX = 1;
+		let scaleY = 1;
+		let filename = "";
+		const { prefixCls } = useDesign("cropper-am");
+		const [register, { closeModal, setModalProps }] = useModalInner();
+		function handleBeforeUpload(file) {
+			if (file.size / 1024 / 1024 > 4) {
+				message.warn(`【${file.name}】文件大小不能超过 4MB`);
+				return false;
+			}
+			console.log(file.type);
+			if (![
+				"image/jpg",
+				"image/jpeg",
+				"image/png",
+				"image/bmp"
+			].includes(file.type)) {
+				message.warning(`【${file.name}】${t("sys.component.cropper.acceptAvatarTypeTip")}`);
+				return false;
+			}
+			const reader = new FileReader();
+			reader.readAsDataURL(file);
+			src.value = "";
+			previewSource.value = "";
+			reader.onload = function(e) {
+				src.value = e.target?.result ?? "";
+				filename = file.name;
+			};
+			return false;
+		}
+		function handleCropend({ imgBase64 }) {
+			previewSource.value = imgBase64;
+		}
+		function handleReady(cropperInstance) {
+			cropper.value = cropperInstance;
+		}
+		function handlerToolbar(event, arg) {
+			if (event === "scaleX") scaleX = arg = scaleX === -1 ? 1 : -1;
+			if (event === "scaleY") scaleY = arg = scaleY === -1 ? 1 : -1;
+			cropper.value?.[event]?.(arg);
+		}
+		async function handleOk() {
+			const uploadApi = props.uploadApi;
+			if (uploadApi && isFunction(uploadApi)) {
+				const blob = dataURLtoBlob(previewSource.value);
+				try {
+					setModalProps({ confirmLoading: true });
+					const result = await uploadApi({
+						name: "file",
+						file: blob,
+						filename
+					});
+					emit("uploadSuccess", {
+						source: previewSource.value,
+						data: result.data.data
+					});
+					closeModal();
+				} finally {
+					setModalProps({ confirmLoading: false });
+				}
+			}
+		}
+		return (_ctx, _cache) => {
+			const _component_PlusOutlined = resolveComponent("PlusOutlined");
+			const _component_a_button = resolveComponent("a-button");
+			const _component_Avatar = resolveComponent("Avatar");
+			return openBlock(), createBlock(unref(BasicModal), mergeProps(_ctx.$attrs, {
+				title: unref(t)("sys.component.cropper.modalTitle"),
+				width: "600px",
+				"min-height": "570",
+				"can-fullscreen": false,
+				"ok-text": unref(t)("sys.okText"),
+				onRegister: unref(register),
+				onOk: handleOk
+			}), {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(prefixCls)) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-left`) }, [createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-cropper`) }, [src.value ? (openBlock(), createBlock(Cropper_default, {
+					key: 0,
+					src: src.value,
+					height: "360px",
+					width: "360px",
+					circled: __props.circled,
+					onCropend: handleCropend,
+					onReady: handleReady
+				}, null, 8, ["src", "circled"])) : createCommentVNode("", true), !__props.sourceUrlValue && src.value === "/404.png" ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(Upload), {
+					"list-type": "picture-card",
+					"file-list": [],
+					accept: "image/*",
+					"before-upload": handleBeforeUpload
+				}, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_2, [
+						createVNode(_component_PlusOutlined),
+						_cache[14] || (_cache[14] = createElementVNode("div", { class: "mt12px" }, "点击或将图片拖拽到这里上传", -1)),
+						_cache[15] || (_cache[15] = createElementVNode("div", { class: "color-[#8B8B8B] mt8px" }, " 仅支持JPG、PNG、JPEG、BMP格式，文件小于4M ", -1))
+					])]),
+					_: 1
+				})])) : createCommentVNode("", true)], 2), __props.sourceUrlValue || src.value !== "/404.png" ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(`${unref(prefixCls)}-toolbar`)
+				}, [createVNode(unref(Upload), {
+					"file-list": [],
+					accept: "image/*",
+					"before-upload": handleBeforeUpload
+				}, {
+					default: withCtx(() => [createElementVNode("a", {
+						title: unref(t)("sys.reUpload"),
+						placement: "bottom"
+					}, toDisplayString(unref(t)("sys.reUpload")), 9, _hoisted_3)]),
+					_: 1
+				}), createVNode(unref(Space), null, {
+					default: withCtx(() => [
+						createVNode(unref(Tooltip), {
+							title: unref(t)("sys.component.cropper.btn_zoom_in"),
+							placement: "bottom"
+						}, {
+							default: withCtx(() => [createVNode(_component_a_button, {
+								size: "small",
+								disabled: !src.value,
+								onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
+								onClick: _cache[1] || (_cache[1] = ($event) => handlerToolbar("zoom", .1))
+							}, {
+								icon: withCtx(() => [..._cache[16] || (_cache[16] = [createElementVNode("i", { class: "iconfont icon-fangda_zoom-in" }, null, -1)])]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						}, 8, ["title"]),
+						createVNode(unref(Tooltip), {
+							title: unref(t)("sys.component.cropper.btn_zoom_out"),
+							placement: "bottom"
+						}, {
+							default: withCtx(() => [createVNode(_component_a_button, {
+								size: "small",
+								disabled: !src.value,
+								onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"])),
+								onClick: _cache[3] || (_cache[3] = ($event) => handlerToolbar("zoom", -.1))
+							}, {
+								icon: withCtx(() => [..._cache[17] || (_cache[17] = [createElementVNode("i", { class: "iconfont icon-a-suoxiao_zoom-out1" }, null, -1)])]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						}, 8, ["title"]),
+						createVNode(unref(Tooltip), {
+							title: unref(t)("sys.component.cropper.btn_rotate_left"),
+							placement: "bottom"
+						}, {
+							default: withCtx(() => [createVNode(_component_a_button, {
+								size: "small",
+								disabled: !src.value,
+								onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {}, ["prevent"])),
+								onClick: _cache[5] || (_cache[5] = ($event) => handlerToolbar("rotate", -45))
+							}, {
+								icon: withCtx(() => [..._cache[18] || (_cache[18] = [createElementVNode("i", { class: "iconfont icon-xuanzhuan_rotate" }, null, -1)])]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						}, 8, ["title"]),
+						createVNode(unref(Tooltip), {
+							title: unref(t)("sys.component.cropper.btn_rotate_right"),
+							placement: "bottom"
+						}, {
+							default: withCtx(() => [createVNode(_component_a_button, {
+								size: "small",
+								disabled: !src.value,
+								onMousedown: _cache[6] || (_cache[6] = withModifiers(() => {}, ["prevent"])),
+								onClick: _cache[7] || (_cache[7] = ($event) => handlerToolbar("rotate", 45))
+							}, {
+								icon: withCtx(() => [..._cache[19] || (_cache[19] = [createElementVNode("i", { class: "iconfont icon-xuanzhuan_2" }, null, -1)])]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						}, 8, ["title"]),
+						createVNode(unref(Tooltip), {
+							title: unref(t)("sys.component.cropper.btn_scale_x"),
+							placement: "bottom"
+						}, {
+							default: withCtx(() => [createVNode(_component_a_button, {
+								size: "small",
+								disabled: !src.value,
+								onMousedown: _cache[8] || (_cache[8] = withModifiers(() => {}, ["prevent"])),
+								onClick: _cache[9] || (_cache[9] = ($event) => handlerToolbar("scaleX"))
+							}, {
+								icon: withCtx(() => [..._cache[20] || (_cache[20] = [createElementVNode("i", { class: "iconfont icon-shuipingfanzhuan_flip-horizontally" }, null, -1)])]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						}, 8, ["title"]),
+						createVNode(unref(Tooltip), {
+							title: unref(t)("sys.component.cropper.btn_scale_y"),
+							placement: "bottom"
+						}, {
+							default: withCtx(() => [createVNode(_component_a_button, {
+								size: "small",
+								disabled: !src.value,
+								onMousedown: _cache[10] || (_cache[10] = withModifiers(() => {}, ["prevent"])),
+								onClick: _cache[11] || (_cache[11] = ($event) => handlerToolbar("scaleY"))
+							}, {
+								icon: withCtx(() => [..._cache[21] || (_cache[21] = [createElementVNode("i", { class: "iconfont icon-chuizhifanzhuan_flip-vertically" }, null, -1)])]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						}, 8, ["title"]),
+						createVNode(unref(Tooltip), {
+							title: unref(t)("sys.component.cropper.btn_reset"),
+							placement: "bottom"
+						}, {
+							default: withCtx(() => [createVNode(_component_a_button, {
+								size: "small",
+								disabled: !src.value,
+								onMousedown: _cache[12] || (_cache[12] = withModifiers(() => {}, ["prevent"])),
+								onClick: _cache[13] || (_cache[13] = ($event) => handlerToolbar("reset"))
+							}, {
+								icon: withCtx(() => [createVNode(unref(ReloadOutlined))]),
+								_: 1
+							}, 8, ["disabled"])]),
+							_: 1
+						}, 8, ["title"])
+					]),
+					_: 1
+				})], 2)) : createCommentVNode("", true)], 2), createElementVNode("div", { class: normalizeClass([`${unref(prefixCls)}-right`, "text-center"]) }, [_cache[22] || (_cache[22] = createTextVNode(" 预览 ", -1)), createElementVNode("div", { class: normalizeClass(`${unref(prefixCls)}-group`) }, [
+					createElementVNode("div", _hoisted_4, [createVNode(_component_Avatar, {
+						src: previewSource.value,
+						size: 102
+					}, null, 8, ["src"])]),
+					createElementVNode("div", _hoisted_5, [createVNode(_component_Avatar, {
+						src: previewSource.value,
+						size: 78
+					}, null, 8, ["src"])]),
+					createElementVNode("div", _hoisted_6, [createVNode(_component_Avatar, {
+						src: previewSource.value,
+						size: 28
+					}, null, 8, ["src"])])
+				], 2)], 2)], 2), _cache[23] || (_cache[23] = createElementVNode("div", {
+					class: "absolute z-10 top-0 left-2/3 w-0 h-full",
+					style: { "border-left": "1px solid #e0e3ea" }
+				}, null, -1))]),
+				_: 1
+			}, 16, [
+				"title",
+				"ok-text",
+				"onRegister"
+			]);
+		};
+	}
+});
+//#endregion
+export { CopperModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default as default };