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

package/es/modules/Cropper/src/CopperModal.vue_vue_type_style_index_0_scoped_f42f8311_lang.css

@@ -0,0 +1,71 @@
+.gct-cropper-am[data-v-f42f8311] {
+  display: flex;
+}
+.gct-cropper-am-left[data-v-f42f8311],
+.gct-cropper-am-right[data-v-f42f8311] {
+  height: 340px;
+}
+.gct-cropper-am-left[data-v-f42f8311] {
+  width: 400px;
+}
+.gct-cropper-am-right[data-v-f42f8311] {
+  width: 150px;
+}
+.gct-cropper-am-cropper[data-v-f42f8311] {
+  position: relative;
+  width: 360px;
+  height: 360px;
+  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-am-toolbar[data-v-f42f8311] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 360px;
+  margin-top: 10px;
+}
+.gct-cropper-am-preview[data-v-f42f8311] {
+  width: 220px;
+  height: 220px;
+  margin: 0 auto;
+  overflow: hidden;
+  border: 1px solid var(--gct-color-border);
+  border-radius: 50%;
+}
+.gct-cropper-am-preview img[data-v-f42f8311] {
+  width: 100%;
+  height: 100%;
+}
+.gct-cropper-am-group[data-v-f42f8311] {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-around;
+  height: 100%;
+  margin-top: 8px;
+  padding-top: 8px;
+}
+.empty[data-v-f42f8311] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.empty span[data-v-f42f8311] {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+}
+.empty span[data-v-f42f8311] .ant-upload-list {
+  width: 100%;
+  height: 100%;
+}
+.empty span[data-v-f42f8311] .ant-upload-list .ant-upload-select-picture-card {
+  width: 100%;
+  height: 100%;
+}

package/es/modules/Cropper/src/Cropper.vue.d.ts

@@ -38,7 +38,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: () => {};
     };
 }>, {
-    getClass: import('vue').ComputedRef<unknown[]>;
+    getClass: import('vue').ComputedRef<import('vue').ClassValue[]>;
     imgElRef: import('vue').Ref<HTMLImageElement | null | undefined, HTMLImageElement | null | undefined>;
     getWrapperStyle: import('vue').ComputedRef<CSSProperties>;
     getImageStyle: import('vue').ComputedRef<CSSProperties>;

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

@@ -0,0 +1,25 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import Cropper_vue_vue_type_script_lang_default from "./Cropper.vue_vue_type_script_lang.mjs";
+import './Cropper.vue_vue_type_style_index_0_lang.css';/* empty css                                              */
+import { createElementBlock, createElementVNode, normalizeClass, normalizeStyle, openBlock, vShow, withDirectives } from "vue";
+//#region src/modules/Cropper/src/Cropper.vue
+var _hoisted_1 = [
+	"src",
+	"alt",
+	"crossorigin"
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", {
+		class: normalizeClass(_ctx.getClass),
+		style: normalizeStyle(_ctx.getWrapperStyle)
+	}, [withDirectives(createElementVNode("img", {
+		ref: "imgElRef",
+		src: _ctx.src,
+		alt: _ctx.alt,
+		crossorigin: _ctx.crossorigin,
+		style: normalizeStyle(_ctx.getImageStyle)
+	}, null, 12, _hoisted_1), [[vShow, _ctx.isReady]])], 6);
+}
+var Cropper_default = /* @__PURE__ */ _plugin_vue_export_helper_default(Cropper_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { Cropper_default as default };

package/es/modules/Cropper/src/Cropper.vue_vue_type_script_lang.mjs

@@ -0,0 +1,173 @@
+import { useDesign } from "../../../hooks/useDesign.mjs";
+import "../../../hooks/index.mjs";
+import { computed, defineComponent, onMounted, onUnmounted, ref, unref } from "vue";
+import { useDebounceFn } from "@vueuse/core";
+import Cropper from "cropperjs";
+import "cropperjs/dist/cropper.css";
+//#region src/modules/Cropper/src/Cropper.vue?vue&type=script&lang.ts
+var defaultOptions = {
+	aspectRatio: 1,
+	zoomable: true,
+	zoomOnTouch: true,
+	zoomOnWheel: true,
+	cropBoxMovable: true,
+	cropBoxResizable: true,
+	toggleDragModeOnDblclick: true,
+	autoCrop: true,
+	background: true,
+	highlight: true,
+	center: true,
+	responsive: true,
+	restore: true,
+	checkCrossOrigin: true,
+	checkOrientation: true,
+	scalable: true,
+	modal: true,
+	guides: true,
+	movable: true,
+	rotatable: true
+};
+var Cropper_vue_vue_type_script_lang_default = defineComponent({
+	name: "CropperImage",
+	props: {
+		src: {
+			type: String,
+			required: true
+		},
+		alt: { type: String },
+		circled: {
+			type: Boolean,
+			default: false
+		},
+		realTimePreview: {
+			type: Boolean,
+			default: true
+		},
+		height: {
+			type: [String, Number],
+			default: "360px"
+		},
+		width: {
+			type: [String, Number],
+			default: "360px"
+		},
+		crossorigin: {
+			type: String,
+			default: void 0
+		},
+		imageStyle: {
+			type: Object,
+			default: () => ({})
+		},
+		options: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	emits: [
+		"cropend",
+		"ready",
+		"cropendError"
+	],
+	setup(props, { attrs, emit }) {
+		const imgElRef = ref();
+		const cropper = ref();
+		const isReady = ref(false);
+		const { prefixCls } = useDesign("cropper-image");
+		const debounceRealTimeCroppered = useDebounceFn(realTimeCroppered, 80);
+		const getImageStyle = computed(() => {
+			return {
+				height: props.height,
+				width: props.width,
+				maxWidth: "100%",
+				...props.imageStyle
+			};
+		});
+		const getClass = computed(() => {
+			return [
+				prefixCls,
+				attrs.class,
+				{ [`${prefixCls}--circled`]: props.circled }
+			];
+		});
+		const getWrapperStyle = computed(() => {
+			return {
+				height: `${props.height}`.replace(/px/, "") + "px",
+				width: `${props.width}`.replace(/px/, "") + "px"
+			};
+		});
+		onMounted(init);
+		onUnmounted(() => {
+			cropper.value?.destroy();
+		});
+		async function init() {
+			const imgEl = unref(imgElRef);
+			if (!imgEl) return;
+			cropper.value = new Cropper(imgEl, {
+				...defaultOptions,
+				ready: () => {
+					isReady.value = true;
+					realTimeCroppered();
+					emit("ready", cropper.value);
+				},
+				crop() {
+					debounceRealTimeCroppered();
+				},
+				zoom() {
+					debounceRealTimeCroppered();
+				},
+				cropmove() {
+					debounceRealTimeCroppered();
+				},
+				...props.options
+			});
+		}
+		function realTimeCroppered() {
+			props.realTimePreview && croppered();
+		}
+		function croppered() {
+			if (!cropper.value) return;
+			let imgInfo = cropper.value.getData();
+			(props.circled ? getRoundedCanvas() : cropper.value.getCroppedCanvas()).toBlob((blob) => {
+				if (!blob) return;
+				let fileReader = new FileReader();
+				fileReader.readAsDataURL(blob);
+				fileReader.onloadend = (e) => {
+					emit("cropend", {
+						imgBase64: e.target?.result ?? "",
+						imgInfo
+					});
+				};
+				fileReader.onerror = () => {
+					emit("cropendError");
+				};
+			}, "image/png");
+		}
+		function getRoundedCanvas() {
+			const sourceCanvas = cropper.value.getCroppedCanvas();
+			const canvas = document.createElement("canvas");
+			const context = canvas.getContext("2d");
+			const width = sourceCanvas.width;
+			const height = sourceCanvas.height;
+			canvas.width = width;
+			canvas.height = height;
+			context.imageSmoothingEnabled = true;
+			context.drawImage(sourceCanvas, 0, 0, width, height);
+			context.globalCompositeOperation = "destination-in";
+			context.beginPath();
+			context.arc(width / 2, height / 2, Math.min(width, height) / 2, 0, 2 * Math.PI, true);
+			context.fill();
+			return canvas;
+		}
+		return {
+			getClass,
+			imgElRef,
+			getWrapperStyle,
+			getImageStyle,
+			isReady,
+			croppered
+		};
+	}
+});
+//#endregion
+export { Cropper_vue_vue_type_script_lang_default as default };

package/es/modules/Cropper/src/Cropper.vue_vue_type_style_index_0_lang.css

@@ -0,0 +1,4 @@
+.gct-cropper-image--circled .cropper-view-box,
+.gct-cropper-image--circled .cropper-face {
+  border-radius: 50%;
+}

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import CropperAvatar_vue_vue_type_script_setup_true_name_CropperAvatar_lang_default from "./CropperAvatar.vue_vue_type_script_setup_true_name_CropperAvatar_lang.mjs";
+import './CropperAvatar.vue_vue_type_style_index_0_scoped_b5d65cd4_lang.css';/* empty css                                                                    */
+//#region src/modules/Cropper/src/CropperAvatar.vue
+var CropperAvatar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CropperAvatar_vue_vue_type_script_setup_true_name_CropperAvatar_lang_default, [["__scopeId", "data-v-b5d65cd4"]]);
+//#endregion
+export { CropperAvatar_default as default };

package/es/modules/Cropper/src/CropperAvatar.vue_vue_type_script_setup_true_name_CropperAvatar_lang.mjs

@@ -0,0 +1,116 @@
+import { useDesign } from "../../../hooks/useDesign.mjs";
+import "../../../hooks/index.mjs";
+import { useModal as useModal$1 } from "../../global-modal/src/hooks/useModal.mjs";
+import "../../global-modal/index.mjs";
+import CopperModal_default from "./CopperModal.vue.mjs";
+import { transformUrl } from "../hooks/useFile.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, resolveComponent, toDisplayString, unref, watch, watchEffect, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/modules/Cropper/src/CropperAvatar.vue?vue&type=script&setup=true&name=CropperAvatar&lang.ts
+var _hoisted_1 = ["src"];
+var CropperAvatar_vue_vue_type_script_setup_true_name_CropperAvatar_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CropperAvatar",
+	props: {
+		width: {
+			type: [String, Number],
+			default: "200px"
+		},
+		value: { type: String },
+		showBtn: {
+			type: Boolean,
+			default: true
+		},
+		btnProps: { type: Object },
+		btnText: {
+			type: String,
+			default: ""
+		},
+		uploadApi: { type: Function }
+	},
+	emits: ["update:value", "change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const defaultSrc = ref("");
+		const sourceValue = ref(transformUrl(props.value) || "");
+		const sourceUrlValue = ref(props.value || "");
+		const { prefixCls } = useDesign("cropper-avatar");
+		const [register, { openModal, closeModal }] = useModal$1();
+		const getClass = computed(() => [prefixCls]);
+		const getWidth = computed(() => `${props.width}`.replace(/px/, "") + "px");
+		const getIconWidth = computed(() => parseInt(`${props.width}`.replace(/px/, "")) / 2 + "px");
+		const getStyle = computed(() => ({ width: unref(getWidth) }));
+		const getImageWrapperStyle = computed(() => ({
+			width: unref(getWidth),
+			height: unref(getWidth)
+		}));
+		watchEffect(() => {
+			sourceValue.value = transformUrl(props.value) || "";
+			sourceUrlValue.value = props.value || "";
+		});
+		watch(() => sourceUrlValue.value, (v) => {
+			emit("update:value", v);
+		});
+		function handleUploadSuccess({ source, data }) {
+			sourceValue.value = transformUrl(data);
+			sourceUrlValue.value = data;
+			emit("change", {
+				source,
+				data
+			});
+		}
+		const handleClick = () => {
+			openModal();
+		};
+		__expose({
+			openModal: openModal.bind(null, true),
+			closeModal
+		});
+		return (_ctx, _cache) => {
+			const _component_Icon = resolveComponent("Icon");
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(getClass.value),
+				style: normalizeStyle(getStyle.value)
+			}, [
+				createElementVNode("div", {
+					class: normalizeClass(`${unref(prefixCls)}-image-wrapper`),
+					style: normalizeStyle(getImageWrapperStyle.value),
+					onClick: handleClick
+				}, [createElementVNode("div", {
+					class: normalizeClass(`${unref(prefixCls)}-image-mask`),
+					style: normalizeStyle(getImageWrapperStyle.value)
+				}, [createVNode(_component_Icon, {
+					icon: "ant-design:edit-outlined",
+					size: getIconWidth.value,
+					style: normalizeStyle(getImageWrapperStyle.value),
+					color: "#d6d6d6"
+				}, null, 8, ["size", "style"])], 6), createElementVNode("img", {
+					src: __props.value ? sourceValue.value : defaultSrc.value,
+					alt: "avatar"
+				}, null, 8, _hoisted_1)], 6),
+				__props.showBtn ? (openBlock(), createBlock(_component_a_button, mergeProps({
+					key: 0,
+					class: `${unref(prefixCls)}-upload-btn`
+				}, __props.btnProps, { onClick: unref(openModal) }), {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.btnText ? __props.btnText : unref(t)("sys.component.cropper.selectImage")), 1)]),
+					_: 1
+				}, 16, ["class", "onClick"])) : createCommentVNode("", true),
+				createVNode(CopperModal_default, {
+					"upload-api": __props.uploadApi,
+					src: sourceValue.value,
+					"source-url-value": sourceUrlValue.value,
+					onRegister: unref(register),
+					onUploadSuccess: handleUploadSuccess
+				}, null, 8, [
+					"upload-api",
+					"src",
+					"source-url-value",
+					"onRegister"
+				])
+			], 6);
+		};
+	}
+});
+//#endregion
+export { CropperAvatar_vue_vue_type_script_setup_true_name_CropperAvatar_lang_default as default };

package/es/modules/Cropper/src/CropperAvatar.vue_vue_type_style_index_0_scoped_b5d65cd4_lang.css

@@ -0,0 +1,39 @@
+.gct-cropper-avatar[data-v-b5d65cd4] {
+  display: inline-block;
+  text-align: center;
+}
+.gct-cropper-avatar-image-wrapper[data-v-b5d65cd4] {
+  overflow: hidden;
+  border: 1px solid var(--gct-color-border);
+  border-radius: 50%;
+  background: var(--gct-color-bg-1);
+  cursor: pointer;
+  position: relative;
+}
+.gct-cropper-avatar-image-wrapper img[data-v-b5d65cd4] {
+  width: 100%;
+}
+.gct-cropper-avatar-image-mask[data-v-b5d65cd4] {
+  position: absolute;
+  width: inherit;
+  height: inherit;
+  transition: opacity 0.4s;
+  border: inherit;
+  border-radius: inherit;
+  opacity: 0;
+  background: rgba(0, 0, 0, 0.4);
+  cursor: pointer;
+  left: -1px;
+  top: -1px;
+}
+.gct-cropper-avatar-image-mask[data-v-b5d65cd4] svg {
+  margin: auto;
+  width: 24px;
+  height: 24px;
+}
+.gct-cropper-avatar-image-mask[data-v-b5d65cd4]:hover {
+  opacity: 40;
+}
+.gct-cropper-avatar-upload-btn[data-v-b5d65cd4] {
+  margin: 10px auto;
+}

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

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default from "./CropperFree.vue_vue_type_script_setup_true_name_CropperPhoto_lang.mjs";
+import './CropperFree.vue_vue_type_style_index_0_scoped_3cc5e19b_lang.css';/* empty css                                                                  */
+//#region src/modules/Cropper/src/CropperFree.vue
+var CropperFree_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default, [["__scopeId", "data-v-3cc5e19b"]]);
+//#endregion
+export { CropperFree_default as default };

package/es/modules/Cropper/src/CropperFree.vue_vue_type_script_setup_true_name_CropperPhoto_lang.mjs

@@ -0,0 +1,165 @@
+import { useModal as useModal$1 } from "../../global-modal/src/hooks/useModal.mjs";
+import "../../global-modal/index.mjs";
+import { fileUrlParser } from "../hooks/useFile.mjs";
+import CopperFreeModal_default from "./CopperFreeModal.vue.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, resolveComponent, toDisplayString, unref, watch, watchEffect } from "vue";
+import { t } from "@gct-paas/core";
+import { message } from "ant-design-vue";
+//#region src/modules/Cropper/src/CropperFree.vue?vue&type=script&setup=true&name=CropperPhoto&lang.ts
+var _hoisted_1 = ["src"];
+var _hoisted_2 = {
+	key: 0,
+	class: "iconfont icon-tupian-shili"
+};
+var _hoisted_3 = { class: "prompt" };
+var _hoisted_4 = {
+	key: 0,
+	class: "auxiliary"
+};
+var prefixCls = "cropper-photo";
+var CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CropperFree",
+	props: {
+		value: { type: String },
+		uploadApi: { type: Function },
+		aspectRatio: { type: Number },
+		auxiliary: { type: String },
+		icon: { type: String },
+		isDrag: {
+			type: Boolean,
+			default: false
+		},
+		accept: { type: Array },
+		beforeUpload: { type: Function },
+		modalTitle: { type: String },
+		uploadText: { type: String },
+		disabled: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["update:value", "change"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const sourceValue = ref(props.value || "");
+		const sourceValueForamtted = computed(() => {
+			return sourceValue.value ? fileUrlParser(sourceValue.value) : "";
+		});
+		const [register, { openModal, closeModal }] = useModal$1();
+		const disabled = computed(() => {
+			return props.disabled;
+		});
+		const acceptList = computed(() => {
+			return props.accept?.length ? [...new Set(props.accept?.some((i) => i === "jpg" || i === "jpeg") ? props.accept?.concat(["jpg", "jpeg"]) : props.accept)].map((i) => "image/" + i) : [
+				"image/jpg",
+				"image/jpeg",
+				"image/png"
+			];
+		});
+		watchEffect(() => {
+			sourceValue.value = props.value || "";
+		});
+		watch(() => sourceValue.value, (v) => {
+			emit("update:value", v);
+		});
+		onBeforeUnmount(() => {});
+		onMounted(() => {
+			const dropzone = document.getElementById("dropzone");
+			dropzone?.addEventListener("dragover", (e) => {
+				e.stopPropagation();
+				e.preventDefault();
+			});
+			dropzone?.addEventListener("drop", (e) => {
+				e.stopPropagation();
+				e.preventDefault();
+				const file = e.dataTransfer?.files[0];
+				console.log(e, file);
+				if (file) {
+					if (!acceptList.value.includes(file.type)) {
+						message.warning(t("sys.component.cropper.acceptTip"));
+						return;
+					}
+					openModal(true, { file });
+				}
+			});
+		});
+		function handleUploadSuccess({ source, data }) {
+			sourceValue.value = data;
+			emit("change", {
+				source,
+				data
+			});
+		}
+		function handlePreview() {}
+		function handleDelete() {
+			sourceValue.value = "";
+		}
+		const handleClick = () => {
+			openModal();
+		};
+		__expose({
+			openModal: openModal.bind(null, true),
+			closeModal
+		});
+		return (_ctx, _cache) => {
+			const _component_Icon = resolveComponent("Icon");
+			return openBlock(), createElementBlock("div", {
+				id: "dropzone",
+				class: normalizeClass([prefixCls, disabled.value && "not-allow"])
+			}, [sourceValueForamtted.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", { class: normalizeClass(`${prefixCls}__wrapper`) }, [createElementVNode("img", { src: sourceValueForamtted.value }, null, 8, _hoisted_1)], 2), createElementVNode("div", { class: normalizeClass(`${prefixCls}__mask`) }, [
+				createVNode(_component_Icon, {
+					icon: "ant-design:eye-outlined",
+					size: 24,
+					color: "#ffffff",
+					onClick: handlePreview
+				}),
+				createVNode(_component_Icon, {
+					icon: "ant-design:edit-outlined",
+					size: 24,
+					color: "#ffffff",
+					onClick: unref(openModal)
+				}, null, 8, ["onClick"]),
+				createVNode(_component_Icon, {
+					icon: "ant-design:delete-outlined",
+					size: 24,
+					color: "#ffffff",
+					onClick: handleDelete
+				})
+			], 2)], 64)) : (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: normalizeClass(`${prefixCls}__trigger`),
+				onClick: handleClick
+			}, [
+				__props.icon ? (openBlock(), createElementBlock("i", _hoisted_2)) : (openBlock(), createBlock(_component_Icon, {
+					key: 1,
+					icon: "ant-design:plus-outlined",
+					size: 36
+				})),
+				__props.isDrag ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("p", _hoisted_3, toDisplayString(_ctx.$t("sys.pageDesigner.clickOrDragToUpload")), 1), __props.accept ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(`支持${__props.accept?.join("、")}图片格式，大小100KB以内`), 1)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true),
+				!__props.auxiliary ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(unref(t)("sys.clickToDoSth", { sth: unref(t)("sys.add") })), 1)], 64)) : createCommentVNode("", true)
+			], 2)), createVNode(CopperFreeModal_default, {
+				"upload-api": __props.uploadApi,
+				"aspect-ratio": __props.aspectRatio,
+				src: sourceValueForamtted.value,
+				accept: __props.accept,
+				"before-upload": __props.beforeUpload,
+				title: __props.modalTitle,
+				"upload-text": __props.uploadText,
+				onRegister: unref(register),
+				onUploadSuccess: handleUploadSuccess
+			}, null, 8, [
+				"upload-api",
+				"aspect-ratio",
+				"src",
+				"accept",
+				"before-upload",
+				"title",
+				"upload-text",
+				"onRegister"
+			])], 2);
+		};
+	}
+});
+//#endregion
+export { CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default as default };