@gct-paas/core-web 0.1.4-dev.17 → 0.1.4-dev.19

package/es/modules/{Cropper/src/CopperFreeModal.vue_vue_type_style_index_0_scoped_d24895d3_lang.css → picture-cropper/src/CopperFreeModal.vue_vue_type_style_index_0_scoped_488ed4c7_lang.css}

@@ -1,15 +1,15 @@
-.gct-cropper-free[data-v-d24895d3] {
+.gct-cropper-free[data-v-488ed4c7] {
   display: flex;
   padding: 0 35px;
 }
-.gct-cropper-free-left[data-v-d24895d3],
-.gct-cropper-free-right[data-v-d24895d3] {
+.gct-cropper-free-left[data-v-488ed4c7],
+.gct-cropper-free-right[data-v-488ed4c7] {
   height: 304px;
 }
-.gct-cropper-free-left[data-v-d24895d3] {
+.gct-cropper-free-left[data-v-488ed4c7] {
   width: 100%;
 }
-.gct-cropper-free-cropper[data-v-d24895d3] {
+.gct-cropper-free-cropper[data-v-488ed4c7] {
   position: relative;
   width: 538px;
   height: 304px;
@@ -19,30 +19,30 @@
       12px 12px;
   background-size: 24px 24px;
 }
-.gct-cropper-free-toolbar[data-v-d24895d3] {
+.gct-cropper-free-toolbar[data-v-488ed4c7] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 538px;
   margin-top: 10px;
 }
-.empty[data-v-d24895d3] {
+.empty[data-v-488ed4c7] {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
-.empty span[data-v-d24895d3] {
+.empty span[data-v-488ed4c7] {
   display: inline-block;
   width: 100%;
   height: 100%;
 }
-.empty span[data-v-d24895d3] .ant-upload-list {
+.empty span[data-v-488ed4c7] .ant-upload-list {
   width: 100%;
   height: 100%;
 }
-.empty span[data-v-d24895d3] .ant-upload-list .ant-upload-select-picture-card {
+.empty span[data-v-488ed4c7] .ant-upload-list .ant-upload-select-picture-card {
   width: 100%;
   height: 100%;
 }

package/es/modules/{Cropper → picture-cropper}/src/CopperModal.vue.d.ts

@@ -1,4 +1,3 @@
-import { ApiFunParams } from './typing';
 import { PropType } from 'vue';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     circled: {
@@ -6,7 +5,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     uploadApi: {
-        type: PropType<(params: ApiFunParams) => Promise<void>>;
+        type: PropType<(params: UploadFileData) => Promise<void>>;
     };
     src: {
         type: StringConstructor;
@@ -23,7 +22,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     uploadApi: {
-        type: PropType<(params: ApiFunParams) => Promise<void>>;
+        type: PropType<(params: UploadFileData) => Promise<void>>;
     };
     src: {
         type: StringConstructor;

package/es/modules/{Cropper → picture-cropper}/src/CopperModal.vue.mjs

@@ -1,7 +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_a65b9ff7_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-a65b9ff7"]]);
+import './CopperModal.vue_vue_type_style_index_0_scoped_ceff5f65_lang.css';/* empty css                                                                  */
+//#region src/modules/picture-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-ceff5f65"]]);
 //#endregion
 export { CopperModal_default as default };

package/es/modules/{Cropper → picture-cropper}/src/CopperModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs

@@ -6,7 +6,7 @@ import { isFunction } from "lodash-es";
 import { dataURLtoBlob, t, useNamespace } 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
+//#region src/modules/picture-cropper/src/CopperModal.vue?vue&type=script&setup=true&name=CropperModal&lang.ts
 var _hoisted_1 = {
 	key: 1,
 	class: "empty"

package/es/modules/{Cropper/src/CopperModal.vue_vue_type_style_index_0_scoped_a65b9ff7_lang.css → picture-cropper/src/CopperModal.vue_vue_type_style_index_0_scoped_ceff5f65_lang.css}

@@ -1,17 +1,17 @@
-.gct-cropper-am[data-v-a65b9ff7] {
+.gct-cropper-am[data-v-ceff5f65] {
   display: flex;
 }
-.gct-cropper-am-left[data-v-a65b9ff7],
-.gct-cropper-am-right[data-v-a65b9ff7] {
+.gct-cropper-am-left[data-v-ceff5f65],
+.gct-cropper-am-right[data-v-ceff5f65] {
   height: 340px;
 }
-.gct-cropper-am-left[data-v-a65b9ff7] {
+.gct-cropper-am-left[data-v-ceff5f65] {
   width: 400px;
 }
-.gct-cropper-am-right[data-v-a65b9ff7] {
+.gct-cropper-am-right[data-v-ceff5f65] {
   width: 150px;
 }
-.gct-cropper-am-cropper[data-v-a65b9ff7] {
+.gct-cropper-am-cropper[data-v-ceff5f65] {
   position: relative;
   width: 360px;
   height: 360px;
@@ -21,14 +21,14 @@
       12px 12px;
   background-size: 24px 24px;
 }
-.gct-cropper-am-toolbar[data-v-a65b9ff7] {
+.gct-cropper-am-toolbar[data-v-ceff5f65] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 360px;
   margin-top: 10px;
 }
-.gct-cropper-am-preview[data-v-a65b9ff7] {
+.gct-cropper-am-preview[data-v-ceff5f65] {
   width: 220px;
   height: 220px;
   margin: 0 auto;
@@ -36,11 +36,11 @@
   border: 1px solid var(--gct-color-border);
   border-radius: 50%;
 }
-.gct-cropper-am-preview img[data-v-a65b9ff7] {
+.gct-cropper-am-preview img[data-v-ceff5f65] {
   width: 100%;
   height: 100%;
 }
-.gct-cropper-am-group[data-v-a65b9ff7] {
+.gct-cropper-am-group[data-v-ceff5f65] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -49,23 +49,23 @@
   margin-top: 8px;
   padding-top: 8px;
 }
-.empty[data-v-a65b9ff7] {
+.empty[data-v-ceff5f65] {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
-.empty span[data-v-a65b9ff7] {
+.empty span[data-v-ceff5f65] {
   display: inline-block;
   width: 100%;
   height: 100%;
 }
-.empty span[data-v-a65b9ff7] .ant-upload-list {
+.empty span[data-v-ceff5f65] .ant-upload-list {
   width: 100%;
   height: 100%;
 }
-.empty span[data-v-a65b9ff7] .ant-upload-list .ant-upload-select-picture-card {
+.empty span[data-v-ceff5f65] .ant-upload-list .ant-upload-select-picture-card {
   width: 100%;
   height: 100%;
 }

package/es/modules/{Cropper → picture-cropper}/src/Cropper.vue.mjs

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 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
+//#region src/modules/picture-cropper/src/Cropper.vue
 var _hoisted_1 = [
 	"src",
 	"alt",

package/es/modules/{Cropper → picture-cropper}/src/Cropper.vue_vue_type_script_lang.mjs

@@ -1,9 +1,7 @@
 import { computed, defineComponent, onMounted, onUnmounted, ref, unref } from "vue";
 import { useNamespace } from "@gct-paas/core";
 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
+//#region src/modules/picture-cropper/src/Cropper.vue?vue&type=script&lang.ts
 var defaultOptions = {
 	aspectRatio: 1,
 	zoomable: true,
@@ -102,7 +100,8 @@ var Cropper_vue_vue_type_script_lang_default = defineComponent({
 		async function init() {
 			const imgEl = unref(imgElRef);
 			if (!imgEl) return;
-			cropper.value = new Cropper(imgEl, {
+			const [{ default: CropperCtor }] = await Promise.all([import("cropperjs"), import("cropperjs/dist/cropper.css")]);
+			cropper.value = new CropperCtor(imgEl, {
 				...defaultOptions,
 				ready: () => {
 					isReady.value = true;

package/es/modules/{Cropper → picture-cropper}/src/CropperAvatar.vue.d.ts

@@ -1,6 +1,5 @@
 import { PropType } from 'vue';
 import { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';
-import { ApiFunParams } from './typing';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     width: {
         type: (StringConstructor | NumberConstructor)[];
@@ -21,7 +20,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
     uploadApi: {
-        type: PropType<(params: ApiFunParams) => Promise<void>>;
+        type: PropType<(params: UploadFileData) => Promise<void>>;
     };
 }>, {
     openModal: (data?: unknown, openOnSet?: boolean | undefined) => void;
@@ -49,7 +48,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: string;
     };
     uploadApi: {
-        type: PropType<(params: ApiFunParams) => Promise<void>>;
+        type: PropType<(params: UploadFileData) => Promise<void>>;
     };
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;

package/es/modules/{Cropper → picture-cropper}/src/CropperAvatar.vue.mjs

@@ -1,7 +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_683cf5bb_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-683cf5bb"]]);
+import './CropperAvatar.vue_vue_type_style_index_0_scoped_af219c4c_lang.css';/* empty css                                                                    */
+//#region src/modules/picture-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-af219c4c"]]);
 //#endregion
 export { CropperAvatar_default as default };

package/es/modules/{Cropper → picture-cropper}/src/CropperAvatar.vue_vue_type_script_setup_true_name_CropperAvatar_lang.mjs

@@ -5,7 +5,8 @@ import "../../global-modal/index.mjs";
 import CopperModal_default from "./CopperModal.vue.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, useNamespace } from "@gct-paas/core";
-//#region src/modules/Cropper/src/CropperAvatar.vue?vue&type=script&setup=true&name=CropperAvatar&lang.ts
+import { EditOutlined } from "@ant-design/icons-vue";
+//#region src/modules/picture-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",
@@ -30,7 +31,7 @@ var CropperAvatar_vue_vue_type_script_setup_true_name_CropperAvatar_lang_default
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const defaultSrc = ref("");
+		const defaultSrc = ref("/extras-assets/images/default_avatar.png");
 		const sourceValue = ref(transformUrl(props.value) || "");
 		const sourceUrlValue = ref(props.value || "");
 		const ns = useNamespace("cropper-avatar");
@@ -66,7 +67,6 @@ var CropperAvatar_vue_vue_type_script_setup_true_name_CropperAvatar_lang_default
 			closeModal
 		});
 		return (_ctx, _cache) => {
-			const _component_Icon = resolveComponent("Icon");
 			const _component_a_button = resolveComponent("a-button");
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(getClass.value),
@@ -79,12 +79,13 @@ var CropperAvatar_vue_vue_type_script_setup_true_name_CropperAvatar_lang_default
 				}, [createElementVNode("div", {
 					class: normalizeClass(unref(ns).b("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", {
+				}, [createVNode(unref(EditOutlined), {
+					style: normalizeStyle({
+						width: getIconWidth.value,
+						height: getIconWidth.value
+					}),
+					"two-tone-color": "#d6d6d6"
+				}, null, 8, ["style"])], 6), createElementVNode("img", {
 					src: __props.value ? sourceValue.value : defaultSrc.value,
 					alt: "avatar"
 				}, null, 8, _hoisted_1)], 6),

package/es/modules/{Cropper/src/CropperAvatar.vue_vue_type_style_index_0_scoped_683cf5bb_lang.css → picture-cropper/src/CropperAvatar.vue_vue_type_style_index_0_scoped_af219c4c_lang.css}

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

package/es/modules/{Cropper → picture-cropper}/src/CropperFree.vue.d.ts

@@ -1,11 +1,10 @@
 import { PropType } from 'vue';
-import { ApiFunParams } from './typing';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     value: {
         type: StringConstructor;
     };
     uploadApi: {
-        type: PropType<(params: ApiFunParams) => Promise<void>>;
+        type: PropType<(params: UploadFileData) => Promise<void>>;
     };
     aspectRatio: {
         type: NumberConstructor;
@@ -62,7 +61,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
     };
     uploadApi: {
-        type: PropType<(params: ApiFunParams) => Promise<void>>;
+        type: PropType<(params: UploadFileData) => Promise<void>>;
     };
     aspectRatio: {
         type: NumberConstructor;

package/es/modules/{Cropper → picture-cropper}/src/CropperFree.vue.mjs

@@ -1,7 +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_dc019220_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-dc019220"]]);
+import './CropperFree.vue_vue_type_style_index_0_scoped_f287eb8f_lang.css';/* empty css                                                                  */
+//#region src/modules/picture-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-f287eb8f"]]);
 //#endregion
 export { CropperFree_default as default };

package/es/modules/{Cropper → picture-cropper}/src/CropperFree.vue_vue_type_script_setup_true_name_CropperPhoto_lang.mjs

@@ -3,10 +3,13 @@ import "../../../hooks/index.mjs";
 import { useModal as useModal$1 } from "../../global-modal/src/hooks/useModal.mjs";
 import "../../global-modal/index.mjs";
 import CopperFreeModal_default from "./CopperFreeModal.vue.mjs";
+import { createImgPreview } from "../../picture-preview/src/functional.mjs";
+import "../../picture-preview/index.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
+import { DeleteOutlined, EditOutlined, EyeOutlined } from "@ant-design/icons-vue";
+//#region src/modules/picture-cropper/src/CropperFree.vue?vue&type=script&setup=true&name=CropperPhoto&lang.ts
 var _hoisted_1 = ["src"];
 var _hoisted_2 = {
 	key: 0,
@@ -47,6 +50,7 @@ var CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default =
 		const sourceValueForamtted = computed(() => {
 			return sourceValue.value ? fileUrlParser(sourceValue.value) : "";
 		});
+		let previewInstance = {};
 		const [register, { openModal, closeModal }] = useModal$1();
 		const disabled = computed(() => {
 			return props.disabled;
@@ -64,7 +68,9 @@ var CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default =
 		watch(() => sourceValue.value, (v) => {
 			emit("update:value", v);
 		});
-		onBeforeUnmount(() => {});
+		onBeforeUnmount(() => {
+			if (previewInstance) previewInstance.close();
+		});
 		onMounted(() => {
 			const dropzone = document.getElementById("dropzone");
 			dropzone?.addEventListener("dragover", (e) => {
@@ -92,7 +98,9 @@ var CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default =
 				data
 			});
 		}
-		function handlePreview() {}
+		function handlePreview() {
+			previewInstance = createImgPreview({ imageList: [sourceValueForamtted.value] });
+		}
 		function handleDelete() {
 			sourceValue.value = "";
 		}
@@ -109,22 +117,19 @@ var CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default =
 				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",
+				createVNode(unref(EyeOutlined), {
+					style: { fontSize: 24 },
+					"two-tone-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",
+				createVNode(unref(EditOutlined), {
+					style: { fontSize: 24 },
+					"two-tone-color": "#ffffff",
+					onClick: _cache[0] || (_cache[0] = () => unref(openModal)())
+				}),
+				createVNode(unref(DeleteOutlined), {
+					style: { fontSize: 24 },
+					"two-tone-color": "#ffffff",
 					onClick: handleDelete
 				})
 			], 2)], 64)) : (openBlock(), createElementBlock("div", {

package/es/modules/{Cropper/src/CropperFree.vue_vue_type_style_index_0_scoped_dc019220_lang.css → picture-cropper/src/CropperFree.vue_vue_type_style_index_0_scoped_f287eb8f_lang.css}

@@ -1,4 +1,4 @@
-.cropper-photo[data-v-dc019220] {
+.cropper-photo[data-v-f287eb8f] {
   display: inline-block;
   position: relative;
   width: var(--width, 200px);
@@ -7,7 +7,7 @@
   text-align: center;
   cursor: pointer;
 }
-.cropper-photo__trigger[data-v-dc019220] {
+.cropper-photo__trigger[data-v-f287eb8f] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -19,25 +19,25 @@
   background: #fbfbfc;
   color: #9b9b9b;
 }
-.cropper-photo__trigger .iconfont[data-v-dc019220] {
+.cropper-photo__trigger .iconfont[data-v-f287eb8f] {
   color: #c3c3c3;
   font-size: 32px;
 }
-.cropper-photo__trigger .ant-icon[data-v-dc019220] {
+.cropper-photo__trigger .ant-icon[data-v-f287eb8f] {
   margin-bottom: 3px;
   color: #666;
 }
-.cropper-photo__trigger .prompt[data-v-dc019220],
-.cropper-photo__trigger .auxiliary[data-v-dc019220] {
+.cropper-photo__trigger .prompt[data-v-f287eb8f],
+.cropper-photo__trigger .auxiliary[data-v-f287eb8f] {
   margin: 0;
 }
-.cropper-photo__trigger .prompt[data-v-dc019220] {
+.cropper-photo__trigger .prompt[data-v-f287eb8f] {
   color: #797a7d;
 }
-.cropper-photo__trigger .auxiliary[data-v-dc019220] {
+.cropper-photo__trigger .auxiliary[data-v-f287eb8f] {
   color: #c3c3c3;
 }
-.cropper-photo__mask[data-v-dc019220] {
+.cropper-photo__mask[data-v-f287eb8f] {
   display: flex;
   position: absolute;
   top: 0;
@@ -51,31 +51,31 @@
   opacity: 0;
   background: rgba(0, 0, 0, 0.4);
 }
-.cropper-photo__mask .anticon[data-v-dc019220] {
+.cropper-photo__mask .anticon[data-v-f287eb8f] {
   margin-right: 20px;
 }
-.cropper-photo__mask .anticon[data-v-dc019220]:last-child {
+.cropper-photo__mask .anticon[data-v-f287eb8f]:last-child {
   margin-right: 0;
 }
-.cropper-photo__mask[data-v-dc019220]:hover {
+.cropper-photo__mask[data-v-f287eb8f]:hover {
   opacity: 40;
 }
-.cropper-photo__wrapper[data-v-dc019220] {
+.cropper-photo__wrapper[data-v-f287eb8f] {
   width: 100%;
   height: 100%;
   border: 1px solid var(--gct-color-border);
   border-radius: 4px;
 }
-.cropper-photo__wrapper img[data-v-dc019220] {
+.cropper-photo__wrapper img[data-v-f287eb8f] {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }
-.not-allow[data-v-dc019220] {
+.not-allow[data-v-f287eb8f] {
   cursor: default;
   pointer-events: none;
 }
-.defult-img[data-v-dc019220] {
+.defult-img[data-v-f287eb8f] {
   position: absolute;
   z-index: 2;
   border: 1px solid #d9d9d9;

package/es/modules/picture-preview/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ImagePreview } from './src/picture-preview.vue';
+export { createImgPreview } from './src/functional';

package/es/modules/picture-preview/index.mjs

@@ -0,0 +1,2 @@
+import "./src/picture-preview.vue.mjs";
+import "./src/functional.mjs";

package/es/modules/picture-preview/src/Functional.vue.d.ts

@@ -0,0 +1,60 @@
+import { PropType } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    show: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    imageList: {
+        type: PropType<string[]>;
+        default: null;
+    };
+    index: {
+        type: PropType<number>;
+        default: number;
+    };
+    scaleStep: {
+        type: PropType<number>;
+    };
+    defaultWidth: {
+        type: PropType<number>;
+    };
+    maskClosable: {
+        type: PropType<boolean>;
+    };
+    rememberState: {
+        type: PropType<boolean>;
+    };
+}>, () => false | import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("img-load" | "img-error")[], "img-load" | "img-error", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    show: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    imageList: {
+        type: PropType<string[]>;
+        default: null;
+    };
+    index: {
+        type: PropType<number>;
+        default: number;
+    };
+    scaleStep: {
+        type: PropType<number>;
+    };
+    defaultWidth: {
+        type: PropType<number>;
+    };
+    maskClosable: {
+        type: PropType<boolean>;
+    };
+    rememberState: {
+        type: PropType<boolean>;
+    };
+}>> & Readonly<{
+    "onImg-load"?: ((...args: any[]) => any) | undefined;
+    "onImg-error"?: ((...args: any[]) => any) | undefined;
+}>, {
+    index: number;
+    imageList: string[];
+    show: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/modules/picture-preview/src/Functional.vue.mjs

@@ -0,0 +1,6 @@
+import Functional_vue_vue_type_script_lang_default from "./Functional.vue_vue_type_script_lang.mjs";
+import './Functional.vue_vue_type_style_index_0_lang.css';/* empty css                                                 */
+//#region src/modules/picture-preview/src/Functional.vue
+var Functional_default = Functional_vue_vue_type_script_lang_default;
+//#endregion
+export { Functional_default as default };