ll-plus 2.4.14 → 2.4.15

package/es/component.mjs

@@ -20,7 +20,7 @@ import { LlFormItem } from './packages/components/form-item/index.mjs';
 import { LlIcon } from './packages/components/icon/index.mjs';
 import { LlIconBase } from './packages/components/icon-base/index.mjs';
 import { LlIconPicker } from './packages/components/icon-picker/index.mjs';
-import { LlImage } from './packages/components/image/index.mjs';
+import { LlImage, LlImagePreviewGroup } from './packages/components/image/index.mjs';
 import { LlInput } from './packages/components/input/index.mjs';
 import { LlInputNumber } from './packages/components/input-number/index.mjs';
 import { LlKeyValue } from './packages/components/key-value/index.mjs';
@@ -80,6 +80,7 @@ var Components = [
   LlIconBase,
   LlIconPicker,
   LlImage,
+  LlImagePreviewGroup,
   LlInput,
   LlInputNumber,
   LlKeyValue,

package/es/component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"component.mjs","sources":["../../packages/ll-plus/component.ts"],"sourcesContent":["import type { Plugin } from 'vue'\n\nimport {\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlApiComponent,\n  LlAvatar,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlCodeEditor,\n  LlConfigProvider,\n  LlCropperImage,\n  LlCropperModal,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlEasyCron,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlIconPicker,\n  LlImage,\n  LlInput,\n  LlInputNumber,\n  LlKeyValue,\n  LlMarkdownEditor,\n  LlMarkdownViewer,\n  LlModal,\n  LlNumberRange,\n  LlOperateIcon,\n  LlOperateTree,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlRichTextEditor,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectOption,\n  LlSelectOptGroup,\n  LlSelectGroup,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTagGroup,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTreeSearch,\n  LlTree,\n  LlDropdown,\n  LlUploadDrag,\n  LlUploadImage,\n  LlUriInput\n} from '@ll-plus/components/index'\n\nexport default [\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlApiComponent,\n  LlAvatar,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlCodeEditor,\n  LlConfigProvider,\n  LlCropperImage,\n  LlCropperModal,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlEasyCron,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlIconPicker,\n  LlImage,\n  LlInput,\n  LlInputNumber,\n  LlKeyValue,\n  LlMarkdownEditor,\n  LlMarkdownViewer,\n  LlModal,\n  LlNumberRange,\n  LlOperateIcon,\n  LlOperateTree,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlRichTextEditor,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectOption,\n  LlSelectOptGroup,\n  LlSelectGroup,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTagGroup,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTreeSearch,\n  LlTree,\n  LlDropdown,\n  LlUploadDrag,\n  LlUploadImage,\n  LlUriInput\n] as Plugin[]\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,iBAAe;AAAA,EACb,mBAAA;AAAA,EACA,yBAAA;AAAA,EACA,uBAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,oBAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"component.mjs","sources":["../../packages/ll-plus/component.ts"],"sourcesContent":["import type { Plugin } from 'vue'\n\nimport {\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlApiComponent,\n  LlAvatar,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlCodeEditor,\n  LlConfigProvider,\n  LlCropperImage,\n  LlCropperModal,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlEasyCron,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlIconPicker,\n  LlImage,\n  LlImagePreviewGroup,\n  LlInput,\n  LlInputNumber,\n  LlKeyValue,\n  LlMarkdownEditor,\n  LlMarkdownViewer,\n  LlModal,\n  LlNumberRange,\n  LlOperateIcon,\n  LlOperateTree,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlRichTextEditor,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectOption,\n  LlSelectOptGroup,\n  LlSelectGroup,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTagGroup,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTreeSearch,\n  LlTree,\n  LlDropdown,\n  LlUploadDrag,\n  LlUploadImage,\n  LlUriInput\n} from '@ll-plus/components/index'\n\nexport default [\n  LlAdvancedFiltering,\n  LlAdvancedFilteringParams,\n  LlAdvancedFilteringTags,\n  LlApiComponent,\n  LlAvatar,\n  LlButton,\n  LlCascader,\n  LlCheckbox,\n  LlCheckboxGroup,\n  LlCodeEditor,\n  LlConfigProvider,\n  LlCropperImage,\n  LlCropperModal,\n  LlDatePicker,\n  LlDateRange,\n  LlDescriptions,\n  LlDescriptionsItem,\n  LlDrawer,\n  LlEasyCron,\n  LlEmpty,\n  LlForm,\n  LlFormItem,\n  LlIcon,\n  LlIconBase,\n  LlIconPicker,\n  LlImage,\n  LlImagePreviewGroup,\n  LlInput,\n  LlInputNumber,\n  LlKeyValue,\n  LlMarkdownEditor,\n  LlMarkdownViewer,\n  LlModal,\n  LlNumberRange,\n  LlOperateIcon,\n  LlOperateTree,\n  LlRadio,\n  LlRadioButton,\n  LlRadioGroup,\n  LlRichTextEditor,\n  LlSecondConfirmation,\n  LlSegmented,\n  LlSelect,\n  LlSelectOption,\n  LlSelectOptGroup,\n  LlSelectGroup,\n  LlSpace,\n  LlSteps,\n  LlSwitch,\n  LlTable,\n  LlTabsSimple,\n  LlTagGroup,\n  LlTextarea,\n  LlTimePicker,\n  LlTimeRange,\n  LlTooltip,\n  LlTreeSearch,\n  LlTree,\n  LlDropdown,\n  LlUploadDrag,\n  LlUploadImage,\n  LlUriInput\n] as Plugin[]\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,iBAAe;AAAA,EACb,mBAAA;AAAA,EACA,yBAAA;AAAA,EACA,uBAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,kBAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,gBAAA;AAAA,EACA,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,YAAA;AAAA,EACA,gBAAA;AAAA,EACA,oBAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AACF,CAAA;;;;"}

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

@@ -1,4 +1,5 @@
 import Image from './src/image.vue';
+import ImagePreviewGroup from './src/image-preview-group.vue';
 export declare const LlImage: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly alt: {
         readonly type: import("vue").PropType<string>;
@@ -31,20 +32,29 @@ export declare const LlImage: import("ll-plus/es/utils").SFCWithInstall<import("
         __epPropKey: true;
     };
     readonly preview: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType))[], unknown, unknown, true, boolean>;
-    readonly src: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType))[], unknown, unknown, true, boolean>;
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly previewMask: {
         readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => false | (() => any)) | (() => false | (() => any)) | ((new (...args: any[]) => false | (() => any)) | (() => false | (() => any)))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly isShowBorder: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly borderRadius: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "6px", boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
-        readonly src: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType))[], unknown, unknown>;
+        readonly borderRadius: string;
         readonly preview: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType))[], unknown, unknown>;
+        readonly isShowBorder: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly height?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
         readonly width?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
         readonly placeholder?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly src?: string | undefined;
         readonly alt?: string | undefined;
         readonly previewMask?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => false | (() => any)) | (() => false | (() => any)) | ((new (...args: any[]) => false | (() => any)) | (() => false | (() => any)))[], unknown, unknown> | undefined;
         readonly fallback?: string | undefined;
@@ -60,6 +70,130 @@ export declare const LlImage: import("ll-plus/es/utils").SFCWithInstall<import("
         is: (name?: string) => string;
     };
     computedFallback: import("vue").ComputedRef<string>;
+    getImageClass: import("vue").ComputedRef<string>;
+    getImageStyle: import("vue").ComputedRef<{
+        borderRadius: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly alt: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly fallback: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly width: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly height: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly placeholder: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly preview: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType))[], unknown, unknown, true, boolean>;
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly previewMask: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => false | (() => any)) | (() => false | (() => any)) | ((new (...args: any[]) => false | (() => any)) | (() => false | (() => any)))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly isShowBorder: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly borderRadius: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "6px", boolean>;
+}>>, {
+    readonly borderRadius: string;
+    readonly preview: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType))[], unknown, unknown>;
+    readonly isShowBorder: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>>;
+export declare const LlImagePreviewGroup: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly alt: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly fallback: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly width: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly height: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly placeholder: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly preview: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType))[], unknown, unknown, true, boolean>;
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly previewMask: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => false | (() => any)) | (() => false | (() => any)) | ((new (...args: any[]) => false | (() => any)) | (() => false | (() => any)))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly isShowBorder: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly borderRadius: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "6px", boolean>;
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly borderRadius: string;
+        readonly preview: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType))[], unknown, unknown>;
+        readonly isShowBorder: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly height?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
+        readonly width?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
+        readonly placeholder?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly src?: string | undefined;
+        readonly alt?: string | undefined;
+        readonly previewMask?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => false | (() => any)) | (() => false | (() => any)) | ((new (...args: any[]) => false | (() => any)) | (() => false | (() => any)))[], unknown, unknown> | undefined;
+        readonly fallback?: string | undefined;
+    } & {}>;
+    bem: {
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element: string, modifier: string) => string;
+        bm: (blockSuffix: string, modifier: string) => string;
+        bem: (blockSuffix: string, element: string, modifier: string) => string;
+        is: (name?: string) => string;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly alt: {
         readonly type: import("vue").PropType<string>;
@@ -92,21 +226,30 @@ export declare const LlImage: import("ll-plus/es/utils").SFCWithInstall<import("
         __epPropKey: true;
     };
     readonly preview: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType))[], unknown, unknown, true, boolean>;
-    readonly src: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType))[], unknown, unknown, true, boolean>;
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly previewMask: {
         readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => false | (() => any)) | (() => false | (() => any)) | ((new (...args: any[]) => false | (() => any)) | (() => false | (() => any)))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly isShowBorder: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly borderRadius: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "6px", boolean>;
 }>>, {
-    readonly src: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType))[], unknown, unknown>;
+    readonly borderRadius: string;
     readonly preview: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./src/image").ImagePreviewType) | (() => boolean | import("./src/image").ImagePreviewType))[], unknown, unknown>;
+    readonly isShowBorder: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>>;
 export default LlImage;
 export * from './src/image';
 declare module 'vue' {
     interface GlobalComponents {
         LlImage: typeof Image;
+        LlImagePreviewGroup: typeof ImagePreviewGroup;
     }
 }

package/es/components/image/src/image-preview-group.vue.d.ts

@@ -0,0 +1,121 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly alt: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly fallback: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly width: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly height: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly placeholder: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly preview: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType))[], unknown, unknown, true, boolean>;
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly previewMask: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => false | (() => any)) | (() => false | (() => any)) | ((new (...args: any[]) => false | (() => any)) | (() => false | (() => any)))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly isShowBorder: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly borderRadius: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "6px", boolean>;
+}, {
+    props: import("@vue/shared").LooseRequired<{
+        readonly borderRadius: string;
+        readonly preview: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType))[], unknown, unknown>;
+        readonly isShowBorder: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        readonly height?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
+        readonly width?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
+        readonly placeholder?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly src?: string | undefined;
+        readonly alt?: string | undefined;
+        readonly previewMask?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => false | (() => any)) | (() => false | (() => any)) | ((new (...args: any[]) => false | (() => any)) | (() => false | (() => any)))[], unknown, unknown> | undefined;
+        readonly fallback?: string | undefined;
+    } & {}>;
+    bem: {
+        b: (blockSuffix?: string) => string;
+        e: (element?: string) => string;
+        m: (modifier?: string) => string;
+        be: (blockSuffix?: string, element?: string) => string;
+        em: (element: string, modifier: string) => string;
+        bm: (blockSuffix: string, modifier: string) => string;
+        bem: (blockSuffix: string, element: string, modifier: string) => string;
+        is: (name?: string) => string;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly alt: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly fallback: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly width: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly height: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly placeholder: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly preview: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType))[], unknown, unknown, true, boolean>;
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly previewMask: {
+        readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => false | (() => any)) | (() => false | (() => any)) | ((new (...args: any[]) => false | (() => any)) | (() => false | (() => any)))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly isShowBorder: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly borderRadius: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "6px", boolean>;
+}>>, {
+    readonly borderRadius: string;
+    readonly preview: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType))[], unknown, unknown>;
+    readonly isShowBorder: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

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

@@ -1,9 +1,10 @@
 import type { ExtractPropTypes } from 'vue';
 import type Image from './image.vue';
+import type ImagePreviewGroup from './image-preview-group.vue';
 export interface ImagePreviewType {
     visible?: boolean;
     onVisibleChange?: (visible: any, prevVisible: any) => void;
-    getContainer: string | HTMLElement | (() => HTMLElement);
+    getContainer?: string | HTMLElement | (() => HTMLElement);
     src?: string;
     maskClassName?: string;
     current?: number;
@@ -40,14 +41,23 @@ export declare const imageProps: {
         __epPropKey: true;
     };
     readonly preview: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | ImagePreviewType) | (() => boolean | ImagePreviewType) | ((new (...args: any[]) => boolean | ImagePreviewType) | (() => boolean | ImagePreviewType))[], unknown, unknown, true, boolean>;
-    readonly src: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | ImagePreviewType) | (() => boolean | ImagePreviewType) | ((new (...args: any[]) => boolean | ImagePreviewType) | (() => boolean | ImagePreviewType))[], unknown, unknown, true, boolean>;
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly previewMask: {
         readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => false | (() => any)) | (() => false | (() => any)) | ((new (...args: any[]) => false | (() => any)) | (() => false | (() => any)))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly isShowBorder: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly borderRadius: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "6px", boolean>;
 };
 export type ImageProps = ExtractPropTypes<typeof imageProps>;
+export type ImagePreviewGroupProps = ExtractPropTypes<typeof imageProps>;
 export type ImageInstance = InstanceType<typeof Image>;
+export type ImagePreviewGroupInstance = InstanceType<typeof ImagePreviewGroup>;
 export declare const FALL_BACK_IMG = "data:image/jpeg;base64,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";

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

@@ -30,20 +30,29 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly preview: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType))[], unknown, unknown, true, boolean>;
-    readonly src: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType))[], unknown, unknown, true, boolean>;
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly previewMask: {
         readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => false | (() => any)) | (() => false | (() => any)) | ((new (...args: any[]) => false | (() => any)) | (() => false | (() => any)))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly isShowBorder: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly borderRadius: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "6px", boolean>;
 }, {
     props: import("@vue/shared").LooseRequired<{
-        readonly src: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType))[], unknown, unknown>;
+        readonly borderRadius: string;
         readonly preview: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType))[], unknown, unknown>;
+        readonly isShowBorder: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly height?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
         readonly width?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown> | undefined;
         readonly placeholder?: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        readonly src?: string | undefined;
         readonly alt?: string | undefined;
         readonly previewMask?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => false | (() => any)) | (() => false | (() => any)) | ((new (...args: any[]) => false | (() => any)) | (() => false | (() => any)))[], unknown, unknown> | undefined;
         readonly fallback?: string | undefined;
@@ -59,6 +68,10 @@ declare const _default: import("vue").DefineComponent<{
         is: (name?: string) => string;
     };
     computedFallback: import("vue").ComputedRef<string>;
+    getImageClass: import("vue").ComputedRef<string>;
+    getImageStyle: import("vue").ComputedRef<{
+        borderRadius: string;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly alt: {
         readonly type: import("vue").PropType<string>;
@@ -91,15 +104,23 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly preview: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType))[], unknown, unknown, true, boolean>;
-    readonly src: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType))[], unknown, unknown, true, boolean>;
+    readonly src: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
     readonly previewMask: {
         readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => false | (() => any)) | (() => false | (() => any)) | ((new (...args: any[]) => false | (() => any)) | (() => false | (() => any)))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
+    readonly isShowBorder: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly borderRadius: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "6px", boolean>;
 }>>, {
-    readonly src: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType))[], unknown, unknown>;
+    readonly borderRadius: string;
     readonly preview: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType) | ((new (...args: any[]) => boolean | import("./image").ImagePreviewType) | (() => boolean | import("./image").ImagePreviewType))[], unknown, unknown>;
+    readonly isShowBorder: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}>;
 export default _default;

package/es/index.mjs

@@ -56,7 +56,7 @@ export { iconPickerModalEmits, iconPickerModalProps } from './packages/component
 export { iconPickerSearchEmits, iconPickerSearchProps } from './packages/components/icon-picker/src/config/search.mjs';
 export { LlIconPicker } from './packages/components/icon-picker/index.mjs';
 export { FALL_BACK_IMG, imageProps } from './packages/components/image/src/image.mjs';
-export { LlImage } from './packages/components/image/index.mjs';
+export { LlImage, LlImagePreviewGroup } from './packages/components/image/index.mjs';
 export { inputProps } from './packages/components/input/src/input.mjs';
 export { LlInput } from './packages/components/input/index.mjs';
 export { inputNumberEmits, inputNumberProps } from './packages/components/input-number/src/input-number.mjs';

package/es/packages/components/image/index.mjs

@@ -1,10 +1,12 @@
 import '../../utils/index.mjs';
 import Image from './src/image.vue.mjs';
+import ImagePreviewGroup from './src/image-preview-group.vue.mjs';
 export { FALL_BACK_IMG, imageProps } from './src/image.mjs';
 import { withInstall } from '../../utils/with-install.mjs';
 
 "use strict";
 const LlImage = withInstall(Image);
+const LlImagePreviewGroup = withInstall(ImagePreviewGroup);
 
-export { LlImage, LlImage as default };
+export { LlImage, LlImagePreviewGroup, LlImage as default };
 //# sourceMappingURL=index.mjs.map

package/es/packages/components/image/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/image/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport Image from './src/image.vue'\n\nexport const LlImage = withInstall(Image)\nexport default LlImage\nexport * from './src/image'\n\n// 把ZIcon组件类型合并带全局组件中 到时候使用时有提示\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlImage: typeof Image\n  }\n}\n"],"names":[],"mappings":";;;;;;AAIa,MAAA,OAAA,GAAU,YAAY,KAAK;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/image/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport Image from './src/image.vue'\nimport ImagePreviewGroup from './src/image-preview-group.vue'\n\nexport const LlImage = withInstall(Image)\nexport const LlImagePreviewGroup = withInstall(ImagePreviewGroup)\nexport default LlImage\nexport * from './src/image'\n\n// 把ZIcon组件类型合并带全局组件中 到时候使用时有提示\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    LlImage: typeof Image\n    LlImagePreviewGroup: typeof ImagePreviewGroup\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAKa,MAAA,OAAA,GAAU,YAAY,KAAK,EAAA;AAC3B,MAAA,mBAAA,GAAsB,YAAY,iBAAiB;;;;"}

package/es/packages/components/image/src/image-preview-group.vue.mjs

@@ -0,0 +1,8 @@
+import _sfc_main from './image-preview-group.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+"use strict";
+var ImagePreviewGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "image-preview-group.vue"]]);
+
+export { ImagePreviewGroup as default };
+//# sourceMappingURL=image-preview-group.vue.mjs.map

package/es/packages/components/image/src/image-preview-group.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-preview-group.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/es/packages/components/image/src/image-preview-group.vue2.mjs

@@ -0,0 +1,32 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, unref, withCtx, renderSlot } from 'vue';
+import '../../../utils/index.mjs';
+import { imageProps } from './image.mjs';
+import { createNamespace } from '../../../utils/create-namespace.mjs';
+
+"use strict";
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "LlImagePreviewGroup"
+  },
+  __name: "image-preview-group",
+  props: imageProps,
+  setup(__props) {
+    const props = __props;
+    const bem = createNamespace("image-preview-group");
+    return (_ctx, _cache) => {
+      const _component_a_image_preview_group = resolveComponent("a-image-preview-group");
+      return openBlock(), createBlock(_component_a_image_preview_group, mergeProps({
+        class: `${unref(bem).b()}`
+      }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=image-preview-group.vue2.mjs.map

package/es/packages/components/image/src/image-preview-group.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-preview-group.vue2.mjs","sources":["../../../../../../packages/components/image/src/image-preview-group.vue"],"sourcesContent":["<template>\n  <a-image-preview-group :class=\"`${bem.b()}`\" v-bind=\"props\">\n    <slot />\n  </a-image-preview-group>\n</template>\n<script lang=\"ts\" setup>\nimport { createNamespace } from '@ll-plus/utils'\nimport { imageProps as imagePreviewGroupProps } from './image'\n\ndefineOptions({\n  name: 'LlImagePreviewGroup'\n})\n\nconst props = defineProps(imagePreviewGroupProps)\n\nconst bem = createNamespace('image-preview-group')\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAaA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,qBAAqB,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/image/src/image.mjs

@@ -45,14 +45,27 @@ const imageProps = buildProps({
    * @description 图片地址
    */
   src: {
-    type: definePropType([Boolean, Object]),
-    default: true
+    type: String
   },
   /**
    * @description 自定义 mask 有插槽
    */
   previewMask: {
     type: definePropType([false, Function])
+  },
+  /**
+   * @description 是否展示border
+   */
+  isShowBorder: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @description 是否展示border
+   */
+  borderRadius: {
+    type: String,
+    default: "6px"
   }
 });
 const FALL_BACK_IMG = "data:image/jpeg;base64,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";