ll-plus 2.4.14 → 2.4.15

package/lib/component.js

@@ -84,6 +84,7 @@ var Components = [
   index$j.LlIconBase,
   index$k.LlIconPicker,
   index$l.LlImage,
+  index$l.LlImagePreviewGroup,
   index$m.LlInput,
   index$n.LlInputNumber,
   index$o.LlKeyValue,

package/lib/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","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":["LlAdvancedFiltering","LlAdvancedFilteringParams","LlAdvancedFilteringTags","LlApiComponent","LlAvatar","LlButton","LlCascader","LlCheckbox","LlCheckboxGroup","LlCodeEditor","LlConfigProvider","LlCropperImage","LlCropperModal","LlDatePicker","LlDateRange","LlDescriptions","LlDescriptionsItem","LlDrawer","LlEasyCron","LlEmpty","LlForm","LlFormItem","LlIcon","LlIconBase","LlIconPicker","LlImage","LlInput","LlInputNumber","LlKeyValue","LlMarkdownEditor","LlMarkdownViewer","LlModal","LlNumberRange","LlOperateIcon","LlOperateTree","LlRadio","LlRadioButton","LlRadioGroup","LlRichTextEditor","LlSecondConfirmation","LlSegmented","LlSelect","LlSelectOption","LlSelectOptGroup","LlSelectGroup","LlSpace","LlSteps","LlSwitch","LlTable","LlTabsSimple","LlTagGroup","LlTextarea","LlTimePicker","LlTimeRange","LlTooltip","LlTreeSearch","LlTree","LlDropdown","LlUploadDrag","LlUploadImage","LlUriInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,iBAAe;AAAA,EACbA,yBAAA;AAAA,EACAC,+BAAA;AAAA,EACAC,6BAAA;AAAA,EACAC,sBAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,uBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,sBAAA;AAAA,EACAC,sBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,sBAAA;AAAA,EACAC,0BAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,cAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,cAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,eAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,4BAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,sBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,eAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,iBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,cAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,kBAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"component.js","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":["LlAdvancedFiltering","LlAdvancedFilteringParams","LlAdvancedFilteringTags","LlApiComponent","LlAvatar","LlButton","LlCascader","LlCheckbox","LlCheckboxGroup","LlCodeEditor","LlConfigProvider","LlCropperImage","LlCropperModal","LlDatePicker","LlDateRange","LlDescriptions","LlDescriptionsItem","LlDrawer","LlEasyCron","LlEmpty","LlForm","LlFormItem","LlIcon","LlIconBase","LlIconPicker","LlImage","LlImagePreviewGroup","LlInput","LlInputNumber","LlKeyValue","LlMarkdownEditor","LlMarkdownViewer","LlModal","LlNumberRange","LlOperateIcon","LlOperateTree","LlRadio","LlRadioButton","LlRadioGroup","LlRichTextEditor","LlSecondConfirmation","LlSegmented","LlSelect","LlSelectOption","LlSelectOptGroup","LlSelectGroup","LlSpace","LlSteps","LlSwitch","LlTable","LlTabsSimple","LlTagGroup","LlTextarea","LlTimePicker","LlTimeRange","LlTooltip","LlTreeSearch","LlTree","LlDropdown","LlUploadDrag","LlUploadImage","LlUriInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,iBAAe;AAAA,EACbA,yBAAA;AAAA,EACAC,+BAAA;AAAA,EACAC,6BAAA;AAAA,EACAC,sBAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,uBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,sBAAA;AAAA,EACAC,sBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,sBAAA;AAAA,EACAC,0BAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,cAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,cAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,2BAAA;AAAA,EACAC,eAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,4BAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,sBAAA;AAAA,EACAC,wBAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,eAAA;AAAA,EACAC,gBAAA;AAAA,EACAC,eAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,mBAAA;AAAA,EACAC,iBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,cAAA;AAAA,EACAC,kBAAA;AAAA,EACAC,oBAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,kBAAA;AACF,CAAA;;;;"}

package/lib/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/lib/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/lib/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/lib/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/lib/index.js

@@ -247,6 +247,7 @@ exports.LlIconPicker = index$l.LlIconPicker;
 exports.FALL_BACK_IMG = image.FALL_BACK_IMG;
 exports.imageProps = image.imageProps;
 exports.LlImage = index$m.LlImage;
+exports.LlImagePreviewGroup = index$m.LlImagePreviewGroup;
 exports.inputProps = input.inputProps;
 exports.LlInput = index$n.LlInput;
 exports.inputNumberEmits = inputNumber.inputNumberEmits;

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n// 按需导入 import {ZIcon} from 'll-plus'\nexport * from '@ll-plus/components/index'\n\nexport const install = installer.install\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,UAAUA,gBAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../packages/ll-plus/index.ts"],"sourcesContent":["import installer from './defaults'\n// 按需导入 import {ZIcon} from 'll-plus'\nexport * from '@ll-plus/components/index'\n\nexport const install = installer.install\nexport default installer\n"],"names":["installer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,UAAUA,gBAAU,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/image/index.js

@@ -4,14 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
 var image$1 = require('./src/image.vue.js');
+var imagePreviewGroup = require('./src/image-preview-group.vue.js');
 var image = require('./src/image.js');
 var withInstall = require('../../utils/with-install.js');
 
 "use strict";
 const LlImage = withInstall.withInstall(image$1.default);
+const LlImagePreviewGroup = withInstall.withInstall(imagePreviewGroup.default);
 
 exports.FALL_BACK_IMG = image.FALL_BACK_IMG;
 exports.imageProps = image.imageProps;
 exports.LlImage = LlImage;
+exports.LlImagePreviewGroup = LlImagePreviewGroup;
 exports.default = LlImage;
 //# sourceMappingURL=index.js.map

package/lib/packages/components/image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":["withInstall","Image"],"mappings":";;;;;;;;;;AAIa,MAAA,OAAA,GAAUA,wBAAYC,eAAK;;;;;;;"}
+{"version":3,"file":"index.js","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":["withInstall","Image","ImagePreviewGroup"],"mappings":";;;;;;;;;;;AAKa,MAAA,OAAA,GAAUA,wBAAYC,eAAK,EAAA;AAC3B,MAAA,mBAAA,GAAsBD,wBAAYE,yBAAiB;;;;;;;;"}

package/lib/packages/components/image/src/image-preview-group.vue.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var imagePreviewGroup_vue_vue_type_script_setup_true_lang = require('./image-preview-group.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+"use strict";
+var ImagePreviewGroup = /* @__PURE__ */ _pluginVue_exportHelper.default(imagePreviewGroup_vue_vue_type_script_setup_true_lang.default, [["__file", "image-preview-group.vue"]]);
+
+exports.default = ImagePreviewGroup;
+//# sourceMappingURL=image-preview-group.vue.js.map

package/lib/packages/components/image/src/image-preview-group.vue.js.map

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

package/lib/packages/components/image/src/image-preview-group.vue2.js

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

package/lib/packages/components/image/src/image-preview-group.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-preview-group.vue2.js","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":["createNamespace"],"mappings":";;;;;;;;;;;;;;;;;AAaA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAMA,gCAAgB,qBAAqB,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/image/src/image.js

@@ -47,14 +47,27 @@ const imageProps = runtime.buildProps({
    * @description 图片地址
    */
   src: {
-    type: runtime.definePropType([Boolean, Object]),
-    default: true
+    type: String
   },
   /**
    * @description 自定义 mask 有插槽
    */
   previewMask: {
     type: runtime.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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";