ll-plus 2.6.17 → 2.6.18

package/es/components/cropper/index.d.ts

@@ -14,6 +14,7 @@ export declare const LlCropperImage: import("ll-plus/es/utils").SFCWithInstall<i
         __epPropKey: true;
     };
     readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly realTimePreview: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "360px", boolean>;
     readonly crossorigin: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown, undefined, boolean>;
@@ -22,6 +23,7 @@ export declare const LlCropperImage: import("ll-plus/es/utils").SFCWithInstall<i
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly height: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly options: Cropper.Options<EventTarget>;
         readonly src: string;
         readonly imageStyle: import("vue").CSSProperties;
@@ -47,6 +49,7 @@ export declare const LlCropperImage: import("ll-plus/es/utils").SFCWithInstall<i
     imgElRef: import("vue").Ref<HTMLImageElement | undefined>;
     cropper: import("vue").Ref<Cropper | undefined>;
     isReady: import("vue").Ref<boolean>;
+    loading: import("vue").Ref<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
     getImageStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
     getWrapperStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
     init: () => Promise<void>;
@@ -54,6 +57,7 @@ export declare const LlCropperImage: import("ll-plus/es/utils").SFCWithInstall<i
     debounceRealTimeCroppered: import("@vueuse/shared").PromisifyFn<() => void>;
     croppered: () => void;
     getRoundedCanvas: () => HTMLCanvasElement;
+    handleLoading: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     readonly cropend: (params: import("./src/cropper-image").CropendResult) => boolean;
     readonly onReady: (cropper: Cropper) => boolean;
@@ -72,6 +76,7 @@ export declare const LlCropperImage: import("ll-plus/es/utils").SFCWithInstall<i
         __epPropKey: true;
     };
     readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly realTimePreview: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "360px", boolean>;
     readonly crossorigin: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown, undefined, boolean>;
@@ -83,6 +88,7 @@ export declare const LlCropperImage: import("ll-plus/es/utils").SFCWithInstall<i
     onCropendError?: (() => any) | undefined;
 }, {
     readonly height: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly options: Cropper.Options<EventTarget>;
     readonly crossorigin: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown>;
     readonly imageStyle: import("vue").CSSProperties;
@@ -92,6 +98,7 @@ export declare const LlCropperImage: import("ll-plus/es/utils").SFCWithInstall<i
 export declare const LlCropperModal: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly avatar: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly avatarSize: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 64, boolean>;
     readonly avatarType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "circle" | "square") | (() => "circle" | "square") | ((new (...args: any[]) => "circle" | "square") | (() => "circle" | "square"))[], unknown, unknown, () => "circle", boolean>;
@@ -102,6 +109,7 @@ export declare const LlCropperModal: import("ll-plus/es/utils").SFCWithInstall<i
         readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly title: string;
         readonly width: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly avatar: string;
         readonly circled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly avatarSize: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
@@ -129,6 +137,8 @@ export declare const LlCropperModal: import("ll-plus/es/utils").SFCWithInstall<i
     avatar: import("vue").Ref<string>;
     open: import("vue").Ref<boolean>;
     previewSource: import("vue").Ref<string>;
+    loading: import("vue").Ref<boolean>;
+    uploadLoading: import("vue").Ref<boolean>;
     cropper: import("vue").Ref<import("ll-plus/es/utils").Nullable<Cropper> | undefined>;
     scaleX: number;
     scaleY: number;
@@ -138,6 +148,7 @@ export declare const LlCropperModal: import("ll-plus/es/utils").SFCWithInstall<i
     handleReady: (cropperInstance: Cropper) => void;
     handlerToolbar: (event: string, arg?: number | undefined) => void;
     handleOk: () => Promise<void>;
+    cleanValue: () => void;
     CropperImage: import("vue").DefineComponent<{
         readonly src: {
             readonly type: import("vue").PropType<string>;
@@ -152,6 +163,7 @@ export declare const LlCropperModal: import("ll-plus/es/utils").SFCWithInstall<i
             __epPropKey: true;
         };
         readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly realTimePreview: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "360px", boolean>;
         readonly crossorigin: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown, undefined, boolean>;
@@ -160,6 +172,7 @@ export declare const LlCropperModal: import("ll-plus/es/utils").SFCWithInstall<i
     }, {
         props: import("@vue/shared").LooseRequired<{
             readonly height: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly options: Cropper.Options<EventTarget>;
             readonly src: string;
             readonly imageStyle: import("vue").CSSProperties;
@@ -185,6 +198,7 @@ export declare const LlCropperModal: import("ll-plus/es/utils").SFCWithInstall<i
         imgElRef: import("vue").Ref<HTMLImageElement | undefined>;
         cropper: import("vue").Ref<Cropper | undefined>;
         isReady: import("vue").Ref<boolean>;
+        loading: import("vue").Ref<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         getImageStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
         getWrapperStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
         init: () => Promise<void>;
@@ -192,6 +206,7 @@ export declare const LlCropperModal: import("ll-plus/es/utils").SFCWithInstall<i
         debounceRealTimeCroppered: import("@vueuse/shared").PromisifyFn<() => void>;
         croppered: () => void;
         getRoundedCanvas: () => HTMLCanvasElement;
+        handleLoading: () => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         readonly cropend: (params: import("./src/cropper-image").CropendResult) => boolean;
         readonly onReady: (cropper: Cropper) => boolean;
@@ -210,6 +225,7 @@ export declare const LlCropperModal: import("ll-plus/es/utils").SFCWithInstall<i
             __epPropKey: true;
         };
         readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly realTimePreview: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "360px", boolean>;
         readonly crossorigin: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown, undefined, boolean>;
@@ -221,6 +237,7 @@ export declare const LlCropperModal: import("ll-plus/es/utils").SFCWithInstall<i
         onCropendError?: (() => any) | undefined;
     }, {
         readonly height: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly options: Cropper.Options<EventTarget>;
         readonly crossorigin: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown>;
         readonly imageStyle: import("vue").CSSProperties;
@@ -235,6 +252,7 @@ export declare const LlCropperModal: import("ll-plus/es/utils").SFCWithInstall<i
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly avatar: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly avatarSize: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 64, boolean>;
     readonly avatarType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "circle" | "square") | (() => "circle" | "square") | ((new (...args: any[]) => "circle" | "square") | (() => "circle" | "square"))[], unknown, unknown, () => "circle", boolean>;
@@ -249,6 +267,7 @@ export declare const LlCropperModal: import("ll-plus/es/utils").SFCWithInstall<i
     readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly title: string;
     readonly width: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly avatar: string;
     readonly circled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly avatarSize: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;

package/es/components/cropper/src/cropper-image.d.ts

@@ -21,6 +21,7 @@ export declare const cropperImageProps: {
         __epPropKey: true;
     };
     readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly realTimePreview: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "360px", boolean>;
     readonly crossorigin: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown, undefined, boolean>;
@@ -35,6 +36,7 @@ export declare const cropperImageEmits: {
 export declare const cropperModalProps: {
     readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly avatar: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly avatarSize: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 64, boolean>;
     readonly avatarType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "circle" | "square") | (() => "circle" | "square") | ((new (...args: any[]) => "circle" | "square") | (() => "circle" | "square"))[], unknown, unknown, () => "circle", boolean>;

package/es/components/cropper/src/cropper-image.vue.d.ts

@@ -15,6 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly realTimePreview: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "360px", boolean>;
     readonly crossorigin: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown, undefined, boolean>;
@@ -23,6 +24,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly height: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly options: Cropper.Options<EventTarget>;
         readonly src: string;
         readonly imageStyle: CSSProperties;
@@ -48,6 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     imgElRef: import("vue").Ref<HTMLImageElement | undefined>;
     cropper: import("vue").Ref<Cropper | undefined>;
     isReady: import("vue").Ref<boolean>;
+    loading: import("vue").Ref<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
     getImageStyle: import("vue").ComputedRef<CSSProperties>;
     getWrapperStyle: import("vue").ComputedRef<CSSProperties>;
     init: () => Promise<void>;
@@ -55,6 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     debounceRealTimeCroppered: import("@vueuse/shared").PromisifyFn<() => void>;
     croppered: () => void;
     getRoundedCanvas: () => HTMLCanvasElement;
+    handleLoading: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     readonly cropend: (params: CropendResult) => boolean;
     readonly onReady: (cropper: Cropper) => boolean;
@@ -73,6 +77,7 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly realTimePreview: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "360px", boolean>;
     readonly crossorigin: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown, undefined, boolean>;
@@ -84,6 +89,7 @@ declare const _default: import("vue").DefineComponent<{
     onCropendError?: (() => any) | undefined;
 }, {
     readonly height: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly options: Cropper.Options<EventTarget>;
     readonly crossorigin: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown>;
     readonly imageStyle: CSSProperties;

package/es/components/cropper/src/cropper-modal.vue.d.ts

@@ -4,6 +4,7 @@ import { type CropendResult } from './cropper-image';
 declare const _default: import("vue").DefineComponent<{
     readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly avatar: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly avatarSize: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 64, boolean>;
     readonly avatarType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "circle" | "square") | (() => "circle" | "square") | ((new (...args: any[]) => "circle" | "square") | (() => "circle" | "square"))[], unknown, unknown, () => "circle", boolean>;
@@ -14,6 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly title: string;
         readonly width: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly avatar: string;
         readonly circled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly avatarSize: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
@@ -41,6 +43,8 @@ declare const _default: import("vue").DefineComponent<{
     avatar: import("vue").Ref<string>;
     open: import("vue").Ref<boolean>;
     previewSource: import("vue").Ref<string>;
+    loading: import("vue").Ref<boolean>;
+    uploadLoading: import("vue").Ref<boolean>;
     cropper: import("vue").Ref<Nullable<Cropper> | undefined>;
     scaleX: number;
     scaleY: number;
@@ -50,6 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     handleReady: (cropperInstance: Cropper) => void;
     handlerToolbar: (event: string, arg?: number) => void;
     handleOk: () => Promise<void>;
+    cleanValue: () => void;
     CropperImage: import("vue").DefineComponent<{
         readonly src: {
             readonly type: import("vue").PropType<string>;
@@ -64,6 +69,7 @@ declare const _default: import("vue").DefineComponent<{
             __epPropKey: true;
         };
         readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly realTimePreview: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "360px", boolean>;
         readonly crossorigin: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown, undefined, boolean>;
@@ -72,6 +78,7 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         props: import("@vue/shared").LooseRequired<{
             readonly height: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+            readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
             readonly options: Cropper.Options<EventTarget>;
             readonly src: string;
             readonly imageStyle: import("vue").CSSProperties;
@@ -97,6 +104,7 @@ declare const _default: import("vue").DefineComponent<{
         imgElRef: import("vue").Ref<HTMLImageElement | undefined>;
         cropper: import("vue").Ref<Cropper | undefined>;
         isReady: import("vue").Ref<boolean>;
+        loading: import("vue").Ref<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         getImageStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
         getWrapperStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
         init: () => Promise<void>;
@@ -104,6 +112,7 @@ declare const _default: import("vue").DefineComponent<{
         debounceRealTimeCroppered: import("@vueuse/shared").PromisifyFn<() => void>;
         croppered: () => void;
         getRoundedCanvas: () => HTMLCanvasElement;
+        handleLoading: () => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         readonly cropend: (params: CropendResult) => boolean;
         readonly onReady: (cropper: Cropper) => boolean;
@@ -122,6 +131,7 @@ declare const _default: import("vue").DefineComponent<{
             __epPropKey: true;
         };
         readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         readonly realTimePreview: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly height: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "360px", boolean>;
         readonly crossorigin: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown, undefined, boolean>;
@@ -133,6 +143,7 @@ declare const _default: import("vue").DefineComponent<{
         onCropendError?: (() => any) | undefined;
     }, {
         readonly height: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly options: Cropper.Options<EventTarget>;
         readonly crossorigin: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined) | ((new (...args: any[]) => "" | "anonymous" | "use-credentials") | (() => "" | "anonymous" | "use-credentials" | undefined))[], unknown, unknown>;
         readonly imageStyle: import("vue").CSSProperties;
@@ -147,6 +158,7 @@ declare const _default: import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly circled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly avatar: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly avatarSize: import("ll-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 64, boolean>;
     readonly avatarType: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "circle" | "square") | (() => "circle" | "square") | ((new (...args: any[]) => "circle" | "square") | (() => "circle" | "square"))[], unknown, unknown, () => "circle", boolean>;
@@ -161,6 +173,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly title: string;
     readonly width: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly avatar: string;
     readonly circled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly avatarSize: import("ll-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;

package/es/components/form/index.d.ts

@@ -19,8 +19,11 @@ export declare const LlFormComponent: import("ll-plus/es/utils").SFCWithInstall<
     } & {}>;
     emits: (event: "changeField", item: any) => void;
     formData: import("./src/config").FormData;
+    componentRef: import("vue").Ref<any>;
     getBindValue: (item: any) => import("lodash").Omit<any, "onChange" | "change" | "label">;
     handleChange: (...arg: any[]) => void;
+    focus: () => Promise<void>;
+    getItem: () => any;
     readonly checkedType: string[];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     readonly changeField: (item: any) => boolean;
@@ -1127,6 +1130,9 @@ export declare const LlForm: import("ll-plus/es/utils").SFCWithInstall<import("v
         gutter: number;
     }, boolean>;
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly autoFocus: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly validateErrorStop: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
         readonly formOptions: Partial<import("vue").ExtractPropTypes<{
@@ -1353,6 +1359,7 @@ export declare const LlForm: import("ll-plus/es/utils").SFCWithInstall<import("v
                 default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
             };
         }>>;
+        readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly rowOptions: Partial<import("vue").ExtractPropTypes<{
             align: {
@@ -1403,6 +1410,8 @@ export declare const LlForm: import("ll-plus/es/utils").SFCWithInstall<import("v
         }>>;
         readonly formColumns: any[];
         readonly formData: import("./src/config").FormData;
+        readonly autoFocus: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly validateErrorStop: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly onChange?: ((params: import("./src/config").FormChangeEvent) => any) | undefined;
     } & {}>;
     emits: (event: "change", params: import("./src/config").FormChangeEvent) => void;
@@ -1418,6 +1427,185 @@ export declare const LlForm: import("ll-plus/es/utils").SFCWithInstall<import("v
     };
     formData: import("./src/config").FormData;
     formRef: import("vue").Ref<any>;
+    formComponents: import("vue").Ref<import("@vue/runtime-core").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        readonly item: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => any) | {
+            (): any;
+            new (): any;
+            readonly prototype: any;
+        } | ((new (...args: any[]) => any) | (() => any) | {
+            (): any;
+            new (): any;
+            readonly prototype: any;
+        })[], unknown, unknown, () => {}, boolean>;
+        readonly formData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").FormData) | (() => import("./src/config").FormData) | ((new (...args: any[]) => import("./src/config").FormData) | (() => import("./src/config").FormData))[], unknown, unknown, () => {}, boolean>;
+    }>> & {
+        onChangeField?: ((item: any) => any) | undefined;
+    }, {
+        props: import("@vue/shared").LooseRequired<{
+            readonly formData: import("./src/config").FormData;
+            readonly item: any;
+            readonly onChangeField?: ((item: any) => any) | undefined;
+        } & {}>;
+        emits: (event: "changeField", item: any) => void;
+        formData: import("./src/config").FormData;
+        componentRef: import("vue").Ref<any>;
+        getBindValue: (item: any) => import("lodash").Omit<any, "onChange" | "change" | "label">;
+        handleChange: (...arg: any[]) => void;
+        focus: () => Promise<void>;
+        getItem: () => any;
+        readonly checkedType: string[];
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        readonly changeField: (item: any) => boolean;
+    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        readonly item: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => any) | {
+            (): any;
+            new (): any;
+            readonly prototype: any;
+        } | ((new (...args: any[]) => any) | (() => any) | {
+            (): any;
+            new (): any;
+            readonly prototype: any;
+        })[], unknown, unknown, () => {}, boolean>;
+        readonly formData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").FormData) | (() => import("./src/config").FormData) | ((new (...args: any[]) => import("./src/config").FormData) | (() => import("./src/config").FormData))[], unknown, unknown, () => {}, boolean>;
+    }>> & {
+        onChangeField?: ((item: any) => any) | undefined;
+    }, {
+        readonly formData: import("./src/config").FormData;
+        readonly item: any;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        readonly item: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any) | (() => any) | {
+            (): any;
+            new (): any;
+            readonly prototype: any;
+        } | ((new (...args: any[]) => any) | (() => any) | {
+            (): any;
+            new (): any;
+            readonly prototype: any;
+        })[], unknown, unknown, () => {}, boolean>;
+        readonly formData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("./src/config").FormData) | (() => import("./src/config").FormData) | ((new (...args: any[]) => import("./src/config").FormData) | (() => import("./src/config").FormData))[], unknown, unknown, () => {}, boolean>;
+    }>> & {
+        onChangeField?: ((item: any) => any) | undefined;
+    }, {
+        props: import("@vue/shared").LooseRequired<{
+            readonly formData: import("./src/config").FormData;
+            readonly item: any;
+            readonly onChangeField?: ((item: any) => any) | undefined;
+        } & {}>;
+        emits: (event: "changeField", item: any) => void;
+        formData: import("./src/config").FormData;
+        componentRef: import("vue").Ref<any>;
+        getBindValue: (item: any) => import("lodash").Omit<any, "onChange" | "change" | "label">;
+        handleChange: (...arg: any[]) => void;
+        focus: () => Promise<void>;
+        getItem: () => any;
+        readonly checkedType: string[];
+    }, {}, {}, {}, {
+        readonly formData: import("./src/config").FormData;
+        readonly item: any;
+    }>[]>;
+    computedFormColumns: import("vue").ComputedRef<any[]>;
+    validateFields: import("vue").ComputedRef<any[]>;
+    computedFormOptions: import("vue").ComputedRef<{
+        size?: import("ant-design-vue/es/button").ButtonSize;
+        labelCol?: (Partial<import("vue").ExtractPropTypes<{
+            span: (NumberConstructor | StringConstructor)[];
+            order: (NumberConstructor | StringConstructor)[];
+            offset: (NumberConstructor | StringConstructor)[];
+            push: (NumberConstructor | StringConstructor)[];
+            pull: (NumberConstructor | StringConstructor)[];
+            xs: {
+                type: import("vue").PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+                default: string | number | import("ant-design-vue/es/grid").ColSize;
+            };
+            sm: {
+                type: import("vue").PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+                default: string | number | import("ant-design-vue/es/grid").ColSize;
+            };
+            md: {
+                type: import("vue").PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+                default: string | number | import("ant-design-vue/es/grid").ColSize;
+            };
+            lg: {
+                type: import("vue").PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+                default: string | number | import("ant-design-vue/es/grid").ColSize;
+            };
+            xl: {
+                type: import("vue").PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+                default: string | number | import("ant-design-vue/es/grid").ColSize;
+            };
+            xxl: {
+                type: import("vue").PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+                default: string | number | import("ant-design-vue/es/grid").ColSize;
+            };
+            prefixCls: StringConstructor;
+            flex: (NumberConstructor | StringConstructor)[];
+        }>> & import("vue").HTMLAttributes) | undefined;
+        wrapperCol?: (Partial<import("vue").ExtractPropTypes<{
+            span: (NumberConstructor | StringConstructor)[];
+            order: (NumberConstructor | StringConstructor)[];
+            offset: (NumberConstructor | StringConstructor)[];
+            push: (NumberConstructor | StringConstructor)[];
+            pull: (NumberConstructor | StringConstructor)[];
+            xs: {
+                type: import("vue").PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+                default: string | number | import("ant-design-vue/es/grid").ColSize;
+            };
+            sm: {
+                type: import("vue").PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+                default: string | number | import("ant-design-vue/es/grid").ColSize;
+            };
+            md: {
+                type: import("vue").PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+                default: string | number | import("ant-design-vue/es/grid").ColSize;
+            };
+            lg: {
+                type: import("vue").PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+                default: string | number | import("ant-design-vue/es/grid").ColSize;
+            };
+            xl: {
+                type: import("vue").PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+                default: string | number | import("ant-design-vue/es/grid").ColSize;
+            };
+            xxl: {
+                type: import("vue").PropType<string | number | import("ant-design-vue/es/grid").ColSize>;
+                default: string | number | import("ant-design-vue/es/grid").ColSize;
+            };
+            prefixCls: StringConstructor;
+            flex: (NumberConstructor | StringConstructor)[];
+        }>> & import("vue").HTMLAttributes) | undefined;
+        colon?: boolean | undefined;
+        labelAlign?: import("ant-design-vue/es/form/interface").FormLabelAlign | undefined;
+        labelWrap?: boolean | undefined;
+        requiredMark?: "" | import("ant-design-vue/es/form/Form").RequiredMark | undefined;
+        hideRequiredMark?: boolean | undefined;
+        model?: {
+            [key: string]: any;
+        } | undefined;
+        rules?: {
+            [k: string]: import("ant-design-vue/es/form").RuleObject | import("ant-design-vue/es/form").RuleObject[];
+        } | undefined;
+        validateMessages?: import("ant-design-vue/es/form/interface").ValidateMessages | undefined;
+        validateOnRuleChange?: boolean | undefined;
+        scrollToFirstError: boolean | import("scroll-into-view-if-needed").Options<any>;
+        onSubmit?: ((e: Event) => void) | undefined;
+        validateTrigger?: string | string[] | undefined;
+        disabled?: boolean | undefined;
+        onValuesChange?: ((changedValues: any, values: any) => void) | undefined;
+        onFieldsChange?: ((changedFields: import("ant-design-vue/es/form/interface").FieldData[], allFields: import("ant-design-vue/es/form/interface").FieldData[]) => void) | undefined;
+        onFinish?: ((values: any) => void) | undefined;
+        onFinishFailed?: ((errorInfo: import("ant-design-vue/es/form/interface").ValidateErrorEntity<any>) => void) | undefined;
+        onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
+        layout?: string | undefined;
+        prefixCls?: string | undefined;
+        name?: string | undefined;
+    }>;
     id: import("vue").Ref<string>;
     validate: () => Promise<any>;
     resetFields: () => Promise<any>;
@@ -1455,8 +1643,11 @@ export declare const LlForm: import("ll-plus/es/utils").SFCWithInstall<import("v
         } & {}>;
         emits: (event: "changeField", item: any) => void;
         formData: import("./src/config").FormData;
+        componentRef: import("vue").Ref<any>;
         getBindValue: (item: any) => import("lodash").Omit<any, "onChange" | "change" | "label">;
         handleChange: (...arg: any[]) => void;
+        focus: () => Promise<void>;
+        getItem: () => any;
         readonly checkedType: string[];
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         readonly changeField: (item: any) => boolean;
@@ -2565,6 +2756,9 @@ export declare const LlForm: import("ll-plus/es/utils").SFCWithInstall<import("v
         gutter: number;
     }, boolean>;
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly autoFocus: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly validateErrorStop: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 }>> & {
     onChange?: ((params: import("./src/config").FormChangeEvent) => any) | undefined;
 }, {
@@ -2792,6 +2986,7 @@ export declare const LlForm: import("ll-plus/es/utils").SFCWithInstall<import("v
             default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
         };
     }>>;
+    readonly disabled: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly rowOptions: Partial<import("vue").ExtractPropTypes<{
         align: {
@@ -2842,6 +3037,8 @@ export declare const LlForm: import("ll-plus/es/utils").SFCWithInstall<import("v
     }>>;
     readonly formColumns: any[];
     readonly formData: import("./src/config").FormData;
+    readonly autoFocus: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly validateErrorStop: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>>;
 export default LlForm;
 export * from './src/config';

package/es/components/form/src/components/form-component.vue.d.ts

@@ -18,8 +18,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {}>;
     emits: (event: "changeField", item: any) => void;
     formData: import("../config").FormData;
+    componentRef: import("vue").Ref<any>;
     getBindValue: (item: FormColumn) => import("lodash").Omit<any, "onChange" | "change" | "label">;
     handleChange: (...arg: any[]) => void;
+    focus: () => Promise<void>;
+    getItem: () => any;
     readonly checkedType: string[];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     readonly changeField: (item: any) => boolean;

package/es/components/form/src/config/form.d.ts

@@ -1110,6 +1110,9 @@ export declare const formProps: {
         gutter: number;
     }, boolean>;
     readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly autoFocus: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly disabled: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly validateErrorStop: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
 };
 export declare const formEmits: {
     /**