@aplus-frontend/ui 0.1.40 → 0.2.0-beta.0

package/lib/src/count-down/index.d.ts

@@ -1,150 +0,0 @@
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
-export * from './interface';
-export declare const CountdownButton: {
-    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        value: {
-            type: PropType<string | number | any[] | Record<string, any>>;
-        };
-        count: {
-            type: PropType<number>;
-            default: number;
-        };
-        beforeStartFunc: {
-            type: PropType<() => Promise<boolean>>;
-        };
-    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        value: {
-            type: PropType<string | number | any[] | Record<string, any>>;
-        };
-        count: {
-            type: PropType<number>;
-            default: number;
-        };
-        beforeStartFunc: {
-            type: PropType<() => Promise<boolean>>;
-        };
-    }>>, {
-        count: number;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        value: {
-            type: PropType<string | number | any[] | Record<string, any>>;
-        };
-        count: {
-            type: PropType<number>;
-            default: number;
-        };
-        beforeStartFunc: {
-            type: PropType<() => Promise<boolean>>;
-        };
-    }>>, {}, {}, {}, {}, {
-        count: number;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    value: {
-        type: PropType<string | number | any[] | Record<string, any>>;
-    };
-    count: {
-        type: PropType<number>;
-        default: number;
-    };
-    beforeStartFunc: {
-        type: PropType<() => Promise<boolean>>;
-    };
-}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    count: number;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
-    $props: {
-        onClick?: () => void;
-    };
-}));
-export declare const CountdownInput: {
-    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<"small" | "large" | "middle">;
-        };
-        value: {
-            type: PropType<string>;
-        };
-        count: {
-            type: PropType<number>;
-            default: number;
-        };
-        sendCodeApi: {
-            type: PropType<() => Promise<boolean>>;
-        };
-    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<"small" | "large" | "middle">;
-        };
-        value: {
-            type: PropType<string>;
-        };
-        count: {
-            type: PropType<number>;
-            default: number;
-        };
-        sendCodeApi: {
-            type: PropType<() => Promise<boolean>>;
-        };
-    }>>, {
-        count: number;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<"small" | "large" | "middle">;
-        };
-        value: {
-            type: PropType<string>;
-        };
-        count: {
-            type: PropType<number>;
-            default: number;
-        };
-        sendCodeApi: {
-            type: PropType<() => Promise<boolean>>;
-        };
-    }>>, {}, {}, {}, {}, {
-        count: number;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    size: {
-        type: PropType<"small" | "large" | "middle">;
-    };
-    value: {
-        type: PropType<string>;
-    };
-    count: {
-        type: PropType<number>;
-        default: number;
-    };
-    sendCodeApi: {
-        type: PropType<() => Promise<boolean>>;
-    };
-}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    count: number;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: Partial<Record<string, (_: any) => any>>;
-}) & ( Plugin & (new (...args: any[]) => {
-    $props: {
-        onClick?: () => void;
-    };
-}));

package/lib/src/count-down/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@aplus-frontend/utils");require("./button.vue.js");require("./input.vue.js");require("./interface.js");const e=require("./button.vue2.js"),u=require("./input.vue2.js"),n=t.withInstall(e.default),o=t.withInstall(u.default);exports.CountdownButton=n;exports.CountdownInput=o;

package/lib/src/count-down/input.vue.d.ts

@@ -1,39 +0,0 @@
-import { CountdownInputProps } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-declare function __VLS_template(): {
-    slots: Partial<Record<string, (_: any) => any>>;
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<CountdownInputProps>, {
-    count: number;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<CountdownInputProps>, {
-    count: number;
-}>>>, {
-    count: number;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/lib/src/count-down/input.vue.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./input.vue2.js");exports.default=e.default;

package/lib/src/count-down/input.vue2.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("ant-design-vue");require("./button.vue.js");const l=require("../pro-form/hooks/use-form-item.js");require("../config-provider/index.js");require("./style/input.css");const c=require("../config-provider/hooks/use-namespace.js"),p=require("./button.vue2.js"),d=e.defineComponent({name:"ApCountDownInput",inheritAttrs:!1,__name:"input",props:{value:{},size:{},count:{default:60},sendCodeApi:{}},setup(n){const s=n,{b:o}=c.useNamespace("countdown-input"),[u]=l.useRuleFormItem(s);return(t,f)=>(e.openBlock(),e.createBlock(e.unref(i.Input),e.mergeProps(t.$attrs,{class:e.unref(o)(),size:t.size,value:e.unref(u)}),e.createSlots({addonAfter:e.withCtx(()=>[e.createVNode(p.default,{size:t.size,count:t.count,value:e.unref(u),beforeStartFunc:t.sendCodeApi},null,8,["size","count","value","beforeStartFunc"])]),_:2},[e.renderList(Object.keys(t.$slots).filter(r=>r!=="addonAfter"),r=>({name:r,fn:e.withCtx(a=>[e.renderSlot(t.$slots,r,e.normalizeProps(e.guardReactiveProps(a||{})))])}))]),1040,["class","size","value"]))}});exports.default=d;

package/lib/src/count-down/interface.d.ts

@@ -1,12 +0,0 @@
-import { SizeType } from 'ant-design-vue/es/config-provider';
-export type CountdownButtonProps = {
-    value?: string | number | Record<string, any> | any[];
-    count?: number;
-    beforeStartFunc?: () => Promise<boolean>;
-};
-export type CountdownInputProps = {
-    value?: string;
-    size?: SizeType;
-    count?: number;
-    sendCodeApi?: () => Promise<boolean>;
-};

package/lib/src/count-down/style/input.css

@@ -1,8 +0,0 @@
-.aplus-countdown-input .ant-input-group-addon {
-  padding-right: 0;
-  border: none;
-  background-color: transparent;
-}
-.aplus-countdown-input .ant-input-group-addon button {
-  font-size: 14px;
-}

package/lib/src/cropper/cropper-avatar.vue.d.ts

@@ -1,45 +0,0 @@
-import { CropperAvatarProps } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<CropperAvatarProps>, {
-    width: string;
-    showBtn: boolean;
-    btnText: string;
-    size: number;
-}>, {
-    openModal: (data?: unknown, openOnSet?: boolean | undefined) => void;
-    closeModal: () => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-    "update:value": (...args: any[]) => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<CropperAvatarProps>, {
-    width: string;
-    showBtn: boolean;
-    btnText: string;
-    size: number;
-}>>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}, {
-    size: number;
-    width: string | number;
-    showBtn: boolean;
-    btnText: string;
-}, {}>;
-export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/lib/src/cropper/cropper-avatar.vue.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./cropper-avatar.vue2.js");exports.default=e.default;

package/lib/src/cropper/cropper-avatar.vue2.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),z=require("ant-design-vue");require("./cropper-modal.vue.js");require("../modal/index.js");const S=require("../hooks/useMessage.js");require("../icon/icon.vue.js");require("../config-provider/index.js");require("./style/avatar.css");const k=require("../config-provider/hooks/use-namespace.js"),w=require("../modal/hooks/use-modal.js"),C=require("../config-provider/hooks/use-locale.js"),M=require("../icon/icon.vue2.js"),b=require("./cropper-modal.vue2.js"),B=["src"],N=e.defineComponent({name:"ApCropperAvatar",__name:"cropper-avatar",props:{width:{default:"200px"},value:{},showBtn:{type:Boolean,default:!0},btnProps:{},btnText:{default:""},uploadApi:{},size:{default:5}},emits:["update:value","change"],setup(i,{expose:d,emit:m}){const o=i,n=m,a=e.ref(o.value||""),{b:s}=k.useNamespace("cropper-avatar"),[v,{openModal:u,closeModal:g}]=w.useModal(),{createMessage:f}=S.useMessage(),{t:c}=C.useLocale(),y=e.computed(()=>[s()]),l=e.computed(()=>`${o.width}`.replace(/px/,"")+"px"),h=e.computed(()=>parseInt(`${o.width}`.replace(/px/,""))/2+"px"),_=e.computed(()=>({width:e.unref(l)})),p=e.computed(()=>({width:e.unref(l),height:e.unref(l)}));e.watchEffect(()=>{a.value=o.value||""}),e.watch(()=>a.value,t=>{n("update:value",t)});function q({source:t,data:r}){a.value=t,n("change",{source:t,data:r}),f.success(c("ap.cropper.uploadSuccess"))}return d({openModal:u.bind(null,!0),closeModal:g}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(y.value),style:e.normalizeStyle(_.value)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("image-wrapper")),style:e.normalizeStyle(p.value),onClick:r[0]||(r[0]=V=>e.unref(u)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s)("image-mask")),style:e.normalizeStyle(p.value)},[e.createVNode(M.default,{icon:"ant-design:cloud-upload-outlined",size:h.value,style:e.normalizeStyle({height:l.value}),color:"#d6d6d6"},null,8,["size","style"])],6),a.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:a.value,alt:"avatar"},null,8,B)):e.createCommentVNode("",!0)],6),t.showBtn?(e.openBlock(),e.createBlock(e.unref(z.Button),e.mergeProps({key:0,class:e.unref(s)("upload-btn"),onClick:r[1]||(r[1]=()=>e.unref(u)())},t.btnProps),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.btnText?t.btnText:e.unref(c)("ap.cropper.selectImage")),1)]),_:1},16,["class"])):e.createCommentVNode("",!0),e.createVNode(b.default,{onRegister:e.unref(v),onUploadSuccess:q,uploadApi:t.uploadApi,src:a.value,size:t.size},null,8,["onRegister","uploadApi","src","size"])],6))}});exports.default=N;

package/lib/src/cropper/cropper-image.vue.d.ts

@@ -1,50 +0,0 @@
-import { CSSProperties, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { CropperOptions, CropperImageProps } from './interface';
-declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<CropperImageProps>, {
-    circled: boolean;
-    realTimePreview: boolean;
-    height: string;
-    crossorigin: undefined;
-    imageStyle: () => {};
-    options: () => {};
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    cropend: (...args: any[]) => void;
-    ready: (...args: any[]) => void;
-    cropendError: (...args: any[]) => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<CropperImageProps>, {
-    circled: boolean;
-    realTimePreview: boolean;
-    height: string;
-    crossorigin: undefined;
-    imageStyle: () => {};
-    options: () => {};
-}>>> & {
-    onCropend?: ((...args: any[]) => any) | undefined;
-    onReady?: ((...args: any[]) => any) | undefined;
-    onCropendError?: ((...args: any[]) => any) | undefined;
-}, {
-    height: string | number;
-    options: CropperOptions;
-    imageStyle: CSSProperties;
-    circled: boolean;
-    realTimePreview: boolean;
-    crossorigin: "" | "anonymous" | "use-credentials";
-}, {}>;
-export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/lib/src/cropper/cropper-image.vue.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./cropper-image.vue2.js");exports.default=e.default;

package/lib/src/cropper/cropper-image.vue2.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("cropperjs");require("cropperjs/dist/cropper.css");const z=require("@vueuse/core"),B=require("@aplus-frontend/hooks");require("../config-provider/index.js");require("./style/image.css");const O=require("../config-provider/hooks/use-namespace.js"),_=["src","alt","crossorigin"],M=e.defineComponent({name:"ApCropperImage",__name:"cropper-image",props:{src:{},alt:{},circled:{type:Boolean,default:!1},realTimePreview:{type:Boolean,default:!0},height:{default:"360px"},crossorigin:{default:void 0},imageStyle:{default:()=>({})},options:{default:()=>({})}},emits:["cropend","ready","cropendError"],setup(g,{emit:h}){const v={aspectRatio:1,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,autoCrop:!0,background:!0,highlight:!0,center:!0,responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,scalable:!0,modal:!0,guides:!0,movable:!0,rotatable:!0},a=g,c=h,f=B.useAttrs(),l=e.ref(),n=e.ref(),d=e.ref(!1),{b:y,m:C}=O.useNamespace("cropper-image"),u=z.useDebounceFn(p,80),b=e.computed(()=>({height:a.height,maxWidth:"100%",...a.imageStyle})),w=e.computed(()=>[y(),f.class,{[`${C("circled")}`]:a.circled}]),R=e.computed(()=>({height:`${a.height}`.replace(/px/,"")+"px"}));e.onMounted(S),e.onUnmounted(()=>{var t;(t=n.value)==null||t.destroy()});async function S(){const t=e.unref(l);t&&(n.value=new q(t,{...v,ready:()=>{d.value=!0,p(),c("ready",n.value)},crop(){u()},zoom(){u()},cropmove(){u()},...a.options}))}function p(){a.realTimePreview&&E()}function E(){if(!n.value)return;let t=n.value.getData();(a.circled?k():n.value.getCroppedCanvas()).toBlob(r=>{if(!r)return;let o=new FileReader;o.readAsDataURL(r),o.onloadend=s=>{var m;c("cropend",{imgBase64:((m=s.target)==null?void 0:m.result)??"",imgInfo:t})},o.onerror=()=>{c("cropendError")}},"image/png")}function k(){const t=n.value.getCroppedCanvas(),i=document.createElement("canvas"),r=i.getContext("2d"),o=t.width,s=t.height;return i.width=o,i.height=s,r.imageSmoothingEnabled=!0,r.drawImage(t,0,0,o,s),r.globalCompositeOperation="destination-in",r.beginPath(),r.arc(o/2,s/2,Math.min(o,s)/2,0,2*Math.PI,!0),r.fill(),i}return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(w.value),style:e.normalizeStyle(R.value)},[e.withDirectives(e.createElementVNode("img",{ref_key:"imgElRef",ref:l,src:t.src,alt:t.alt,crossorigin:t.crossorigin,style:e.normalizeStyle(b.value)},null,12,_),[[e.vShow,d.value]])],6))}});exports.default=M;

package/lib/src/cropper/cropper-modal.vue.d.ts

@@ -1,46 +0,0 @@
-import { PropType, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
-type apiFunParams = {
-    file: Blob;
-    name: string;
-    filename: string;
-};
-declare const _default: DefineComponent<{
-    circled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    uploadApi: {
-        type: PropType<(params: apiFunParams) => Promise<any>>;
-    };
-    src: {
-        type: StringConstructor;
-    };
-    size: {
-        type: NumberConstructor;
-    };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    uploadSuccess: (...args: any[]) => void;
-    register: (...args: any[]) => void;
-    uploadError: (...args: any[]) => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<{
-    circled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    uploadApi: {
-        type: PropType<(params: apiFunParams) => Promise<any>>;
-    };
-    src: {
-        type: StringConstructor;
-    };
-    size: {
-        type: NumberConstructor;
-    };
-}>> & {
-    onRegister?: ((...args: any[]) => any) | undefined;
-    onUploadSuccess?: ((...args: any[]) => any) | undefined;
-    onUploadError?: ((...args: any[]) => any) | undefined;
-}, {
-    circled: boolean;
-}, {}>;
-export default _default;

package/lib/src/cropper/cropper-modal.vue.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./cropper-modal.vue2.js");exports.default=e.default;

package/lib/src/cropper/cropper-modal.vue2.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./cropper-image.vue.js");const o=require("ant-design-vue"),s=require("../base-button/index.js"),T=require("../modal/index.js"),q=require("@aplus-frontend/utils");require("../config-provider/index.js");const I=require("@fruits-chain/utils");require("./style/modal.css");const h=require("../config-provider/hooks/use-namespace.js"),_=require("../modal/hooks/use-modal.js"),E=require("../config-provider/hooks/use-locale.js"),$=require("./cropper-image.vue2.js"),A=["src","alt"],L=e.defineComponent({name:"CropperModal",__name:"cropper-modal",props:{circled:{type:Boolean,default:!0},uploadApi:{type:Function},src:{type:String},size:{type:Number}},emits:["uploadSuccess","uploadError","register"],setup(f,{emit:V}){const p=f,v=V;let N="";const n=e.ref(p.src||""),i=e.ref(""),m=e.ref();let b=1,g=1;const{b:u}=h.useNamespace("cropper-am"),[y,{closeModal:z,setModalProps:C}]=_.useModalInner(),{t:a}=E.useLocale();function B(r){if(p.size&&r.size>1024*1024*p.size)return v("uploadError",{msg:a("ap.cropper.imageTooBig")}),!1;const t=new FileReader;return t.readAsDataURL(r),n.value="",i.value="",t.onload=function(l){var d;n.value=((d=l.target)==null?void 0:d.result)??"",N=r.name},!1}function k({imgBase64:r}){i.value=r}function w(r){m.value=r}function c(r,t){var l,d;r==="scaleX"&&(b=t=b===-1?1:-1),r==="scaleY"&&(g=t=g===-1?1:-1),(d=(l=m==null?void 0:m.value)==null?void 0:l[r])==null||d.call(l,t)}async function x(){const r=p.uploadApi;if(r&&I.isFunction(r)){const t=q.dataURLtoBlob(i.value);try{C({confirmLoading:!0});const l=await r({name:"file",file:t,filename:N});v("uploadSuccess",{source:i.value,data:l.url}),z()}finally{C({confirmLoading:!1})}}}return(r,t)=>(e.openBlock(),e.createBlock(e.unref(T.BaseModal),e.mergeProps(r.$attrs,{onRegister:e.unref(y),title:e.unref(a)("ap.cropper.modalTitle"),width:"800px",canFullscreen:!1,onOk:x,okText:e.unref(a)("ap.cropper.okText")}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("left"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("cropper"))},[n.value?(e.openBlock(),e.createBlock($.default,{key:0,src:n.value,height:"300px",circled:f.circled,onCropend:k,onReady:w},null,8,["src","circled"])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("toolbar"))},[e.createVNode(e.unref(o.Upload),{fileList:[],accept:"image/*",beforeUpload:B},{default:e.withCtx(()=>[e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.cropper.selectImage"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{size:"small",preIcon:"ant-design:upload-outlined",type:"primary"})]),_:1},8,["title"])]),_:1}),e.createVNode(e.unref(o.Space),null,{default:e.withCtx(()=>[e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.common.resetText"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{type:"primary",preIcon:"ant-design:reload-outlined",size:"small",disabled:!n.value,onClick:t[0]||(t[0]=l=>c("reset"))},null,8,["disabled"])]),_:1},8,["title"]),e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.cropper.rotateLeft"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{type:"primary",preIcon:"ant-design:rotate-left-outlined",size:"small",disabled:!n.value,onClick:t[1]||(t[1]=l=>c("rotate",-45))},null,8,["disabled"])]),_:1},8,["title"]),e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.cropper.rotateRight"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{type:"primary",preIcon:"ant-design:rotate-right-outlined",size:"small",disabled:!n.value,onClick:t[2]||(t[2]=l=>c("rotate",45))},null,8,["disabled"])]),_:1},8,["title"]),e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.cropper.scaleX"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{type:"primary",preIcon:"vaadin:arrows-long-h",size:"small",disabled:!n.value,onClick:t[3]||(t[3]=l=>c("scaleX"))},null,8,["disabled"])]),_:1},8,["title"]),e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.cropper.scaleY"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{type:"primary",preIcon:"vaadin:arrows-long-v",size:"small",disabled:!n.value,onClick:t[4]||(t[4]=l=>c("scaleY"))},null,8,["disabled"])]),_:1},8,["title"]),e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.cropper.zoomIn"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{type:"primary",preIcon:"ant-design:zoom-in-outlined",size:"small",disabled:!n.value,onClick:t[5]||(t[5]=l=>c("zoom",.1))},null,8,["disabled"])]),_:1},8,["title"]),e.createVNode(e.unref(o.Tooltip),{title:e.unref(a)("ap.cropper.zoomOut"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(s.BaseButton),{type:"primary",preIcon:"ant-design:zoom-out-outlined",size:"small",disabled:!n.value,onClick:t[6]||(t[6]=l=>c("zoom",-.1))},null,8,["disabled"])]),_:1},8,["title"])]),_:1})],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("right"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(u)("preview"))},[i.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:i.value,alt:e.unref(a)("ap.cropper.preview")},null,8,A)):e.createCommentVNode("",!0)],2),i.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(u)("group"))},[e.createVNode(e.unref(o.Avatar),{src:i.value,size:"large"},null,8,["src"]),e.createVNode(e.unref(o.Avatar),{src:i.value,size:48},null,8,["src"]),e.createVNode(e.unref(o.Avatar),{src:i.value,size:64},null,8,["src"]),e.createVNode(e.unref(o.Avatar),{src:i.value,size:80},null,8,["src"])],2)):e.createCommentVNode("",!0)],2)],2)]),_:1},16,["onRegister","title","okText"]))}});exports.default=L;