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

package/es/components/icon-next/src/IconNextPicker.vue_vue_type_style_index_0_lang.css

@@ -132,6 +132,9 @@
   border: 1px solid #d9d9d9;
   color: var(--ant-primary-color);
 }
+.color__setting .color__list .color__item--transparent {
+  background-image: url('/extras-assets/icons/transparent.svg');
+}
 .color__setting .color__input {
   display: flex;
   position: relative;

package/es/index.d.ts

@@ -7,7 +7,8 @@ export * from './modules/gct-dnd';
 export * from './modules/gct-form';
 export * from './modules/gct-table';
 export * from './modules/global-modal';
+export * from './modules/picture-cropper';
+export * from './modules/picture-preview';
 export * from './components';
-export * from './modules/Cropper';
 export { coreWebCreateAppVue } from './create-app-vue';
 export { coreWebSetupApp } from './setup-app';

package/es/index.mjs

@@ -94,7 +94,15 @@ import GctDndItem from "./modules/gct-dnd/components/gct-dnd-item/gct-dnd-item.m
 import { GctDndDropLine } from "./modules/gct-dnd/components/gct-dnd-drop-line/gct-dnd-drop-line.mjs";
 import GctDndContainer from "./modules/gct-dnd/components/gct-dnd-container/gct-dnd-container.mjs";
 import "./modules/gct-dnd/index.mjs";
-import { CropperAvatar, CropperFree, CropperImage } from "./modules/Cropper/index.mjs";
+import Cropper_default from "./modules/picture-cropper/src/Cropper.vue.mjs";
+import CopperFreeModal_default from "./modules/picture-cropper/src/CopperFreeModal.vue.mjs";
+import CopperModal_default from "./modules/picture-cropper/src/CopperModal.vue.mjs";
+import CropperAvatar_default from "./modules/picture-cropper/src/CropperAvatar.vue.mjs";
+import picture_preview_default from "./modules/picture-preview/src/picture-preview.vue.mjs";
+import { createImgPreview } from "./modules/picture-preview/src/functional.mjs";
+import "./modules/picture-preview/index.mjs";
+import CropperFree_default from "./modules/picture-cropper/src/CropperFree.vue.mjs";
+import "./modules/picture-cropper/index.mjs";
 import { coreWebCreateAppVue } from "./create-app-vue.mjs";
 import { coreWebSetupApp } from "./setup-app.mjs";
 //#region src/index.ts
@@ -107,4 +115,4 @@ function onInit() {
 }
 onInit();
 //#endregion
-export { AssetsSvgIcon, base_button_default as BaseButton, basic_button_default as BasicButton, BasicModal, CodeEditor, ColorPicker_default as ColorPicker, copy_module_key_default as CopyModuleKey, CropperAvatar, CropperFree, CropperImage, double_input_default as DoubleInput, EditFormController, EditorController, EditorRegister, EditorRegisterConst, EditorType, FORM_CONTROLLER_INJECT_TAG, FieldUpload, FormCollapseController, FormCollapsePaneController, FormCollapsePaneState, FormCollapseState, FormEditItemController, FormEditItemState, FormGroupController, FormGroupState, FormHiddenItemController, FormItemBasicController, FormItemBasicState, FormItemController, FormItemRegister, FormItemState, FormLineController, FormLineState, FormState, FormTabController, FormTabPaneController, FormTabPaneState, FormTabState, GCT_DND_INSERT_POS, GctDndContainer, GctDndDropLine, GctDndItem, GctFormController, GctTableController, i18n_modal_default as I18Modal, i18n_select_btn_default as I18nSelectBtn, i18n_select_input_default as I18nSelectInput, i18n_select_input_form_default as I18nSelectInputForm, i18n_select_textarea_default as I18nSelectTextarea, i18n_select_textarea_form_default as I18nSelectTextareaForm, IconNext_default as IconNext, ImageUpload, Lang, MessageUtil, MonacoEditor, OverlayController, paas_bpmn_log_default as PaasBpmnLog, paas_bpmn_runtime_default as PaasBpmnRuntime, Prop, svg_icon_default as SvgIcon, TableActionItemController, TableEditItemController, TableEditItemState, TableEditorRegister, TableITemState, TableItemController, TableRowController, TableRowState, TableState, Theme, UseDragByLine, PickType as UserPickType, ViewContainer, Vue3GridDndItem, WUJIE_FORMULA_EVENTS, WuJieContainer, coreWebCreateAppVue, coreWebSetupApp, fileUrlParser, gctFormItemEditorProps, monacoLoader, openFormulaEditor, overlay, transformUrl, useAntTableScrollHeight, useEditFormController, useEditorConsole, useEditorConsoleInner, useForm, useFormItemController, useGctFormValue, useGctFormValueByText, useI18nSelect, useLocale, useModal, useModalContext, useModalDragMove, useModalInner, useModalPicker, useTableController, useTheme, withInstall };
+export { AssetsSvgIcon, base_button_default as BaseButton, basic_button_default as BasicButton, BasicModal, CodeEditor, ColorPicker_default as ColorPicker, CopperFreeModal_default as CopperFreeModal, CopperModal_default as CopperModal, copy_module_key_default as CopyModuleKey, CropperAvatar_default as CropperAvatar, CropperFree_default as CropperFree, Cropper_default as CropperImage, double_input_default as DoubleInput, EditFormController, EditorController, EditorRegister, EditorRegisterConst, EditorType, FORM_CONTROLLER_INJECT_TAG, FieldUpload, FormCollapseController, FormCollapsePaneController, FormCollapsePaneState, FormCollapseState, FormEditItemController, FormEditItemState, FormGroupController, FormGroupState, FormHiddenItemController, FormItemBasicController, FormItemBasicState, FormItemController, FormItemRegister, FormItemState, FormLineController, FormLineState, FormState, FormTabController, FormTabPaneController, FormTabPaneState, FormTabState, GCT_DND_INSERT_POS, GctDndContainer, GctDndDropLine, GctDndItem, GctFormController, GctTableController, i18n_modal_default as I18Modal, i18n_select_btn_default as I18nSelectBtn, i18n_select_input_default as I18nSelectInput, i18n_select_input_form_default as I18nSelectInputForm, i18n_select_textarea_default as I18nSelectTextarea, i18n_select_textarea_form_default as I18nSelectTextareaForm, IconNext_default as IconNext, picture_preview_default as ImagePreview, ImageUpload, Lang, MessageUtil, MonacoEditor, OverlayController, paas_bpmn_log_default as PaasBpmnLog, paas_bpmn_runtime_default as PaasBpmnRuntime, Prop, svg_icon_default as SvgIcon, TableActionItemController, TableEditItemController, TableEditItemState, TableEditorRegister, TableITemState, TableItemController, TableRowController, TableRowState, TableState, Theme, UseDragByLine, PickType as UserPickType, ViewContainer, Vue3GridDndItem, WUJIE_FORMULA_EVENTS, WuJieContainer, coreWebCreateAppVue, coreWebSetupApp, createImgPreview, fileUrlParser, gctFormItemEditorProps, monacoLoader, openFormulaEditor, overlay, transformUrl, useAntTableScrollHeight, useEditFormController, useEditorConsole, useEditorConsoleInner, useForm, useFormItemController, useGctFormValue, useGctFormValueByText, useI18nSelect, useLocale, useModal, useModalContext, useModalDragMove, useModalInner, useModalPicker, useTableController, useTheme, withInstall };

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

@@ -0,0 +1,6 @@
+import { default as CopperFreeModal } from './src/CopperFreeModal.vue';
+import { default as CopperModal } from './src/CopperModal.vue';
+import { default as CropperImage } from './src/Cropper.vue';
+import { default as CropperAvatar } from './src/CropperAvatar.vue';
+import { default as CropperFree } from './src/CropperFree.vue';
+export { CopperFreeModal, CopperModal, CropperImage, CropperAvatar, CropperFree, };

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

@@ -0,0 +1,5 @@
+import "./src/Cropper.vue.mjs";
+import "./src/CopperFreeModal.vue.mjs";
+import "./src/CopperModal.vue.mjs";
+import "./src/CropperAvatar.vue.mjs";
+import "./src/CropperFree.vue.mjs";

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

@@ -1,4 +1,3 @@
-import { ApiFunParams } from './typing';
 import { PropType } from 'vue';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     title: {
@@ -10,7 +9,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;
@@ -56,7 +55,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/CopperFreeModal.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default from "./CopperFreeModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs";
-import './CopperFreeModal.vue_vue_type_style_index_0_scoped_d24895d3_lang.css';/* empty css                                                                      */
-//#region src/modules/Cropper/src/CopperFreeModal.vue
-var CopperFreeModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default, [["__scopeId", "data-v-d24895d3"]]);
+import './CopperFreeModal.vue_vue_type_style_index_0_scoped_488ed4c7_lang.css';/* empty css                                                                      */
+//#region src/modules/picture-cropper/src/CopperFreeModal.vue
+var CopperFreeModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default, [["__scopeId", "data-v-488ed4c7"]]);
 //#endregion
 export { CopperFreeModal_default as default };

package/es/modules/{Cropper → picture-cropper}/src/CopperFreeModal.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/CopperFreeModal.vue?vue&type=script&setup=true&name=CropperModal&lang.ts
+//#region src/modules/picture-cropper/src/CopperFreeModal.vue?vue&type=script&setup=true&name=CropperModal&lang.ts
 var _hoisted_1 = {
 	key: 1,
 	class: "empty"

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,7 +1,7 @@
 import { computed, defineComponent, onMounted, onUnmounted, ref, unref } from "vue";
 import { useNamespace } from "@gct-paas/core";
 import { useDebounceFn } from "@vueuse/core";
-//#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,

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", {