bm-admin-ui 1.0.25-alpha → 1.0.27-alpha

package/es/components/float-table/index.d.ts

@@ -42,9 +42,9 @@ declare const BmFloatTable: import("bm-admin-ui/es/utils/with-install").SFCWithI
         gridOptions: import("vue").ComputedRef<any>;
         gridEvents: import("vue").ComputedRef<any>;
         pager: import("vue").ComputedRef<any>;
-        simpleImage: import("vue").Ref<(string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        simpleImage: import("vue").Ref<JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
-        }> | null | undefined) | JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        }> | null | undefined) | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }> | null | undefined)[]>;
         floatRefsId: import("vue").Ref<{}>;

package/es/components/float-table/src/float-table.vue.d.ts

@@ -42,9 +42,9 @@ declare const _default: {
         gridOptions: import("vue").ComputedRef<any>;
         gridEvents: import("vue").ComputedRef<any>;
         pager: import("vue").ComputedRef<any>;
-        simpleImage: import("vue").Ref<(string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        simpleImage: import("vue").Ref<JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
-        }> | null | undefined) | JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        }> | null | undefined) | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
         }> | null | undefined)[]>;
         floatRefsId: import("vue").Ref<{}>;

package/es/components/search-filter/index.d.ts

@@ -19,6 +19,10 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         type: StringConstructor;
         default: string;
     };
+    gutter: {
+        type: import("vue").PropType<number[]>;
+        default(): number[];
+    };
     userRule: {
         type: ArrayConstructor;
         default(): never[];
@@ -37,10 +41,6 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         type: ObjectConstructor;
         default(): {};
     };
-    gutter: {
-        type: ArrayConstructor;
-        default(): number[];
-    };
     fixedCount: {
         type: NumberConstructor;
         default: number;
@@ -71,6 +71,10 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
             type: StringConstructor;
             default: string;
         };
+        gutter: {
+            type: import("vue").PropType<number[]>;
+            default(): number[];
+        };
         userRule: {
             type: ArrayConstructor;
             default(): never[];
@@ -89,10 +93,6 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
             type: ObjectConstructor;
             default(): {};
         };
-        gutter: {
-            type: ArrayConstructor;
-            default(): number[];
-        };
         fixedCount: {
             type: NumberConstructor;
             default: number;
@@ -116,6 +116,7 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
             showSearchIcon: boolean;
             expandText: string;
             collapseText: string;
+            gutter: number[];
         };
         on: {
             submit: () => void;
@@ -129,7 +130,7 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
             span: number;
         };
         row: {
-            gutter: unknown[];
+            gutter: number[];
         };
         form: {
             labelCol: {
@@ -169,6 +170,10 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         type: StringConstructor;
         default: string;
     };
+    gutter: {
+        type: import("vue").PropType<number[]>;
+        default(): number[];
+    };
     userRule: {
         type: ArrayConstructor;
         default(): never[];
@@ -187,10 +192,6 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         type: ObjectConstructor;
         default(): {};
     };
-    gutter: {
-        type: ArrayConstructor;
-        default(): number[];
-    };
     fixedCount: {
         type: NumberConstructor;
         default: number;
@@ -211,10 +212,10 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
     expandPlacement: "left" | "right";
     expandText: string;
     collapseText: string;
+    gutter: number[];
     userRule: unknown[];
     labelCol: Record<string, any>;
     ruleSpan: Record<string, any>;
-    gutter: unknown[];
     fixedCount: number;
     fixedFields: string[];
 }>>;

package/es/components/search-filter/index.js

@@ -1,5 +1,5 @@
 import { withInstall } from 'bm-admin-ui/es/utils/with-install';
-import { h, nextTick, createVNode, defineComponent, ref, resolveComponent, openBlock, createElementBlock, createTextVNode, toDisplayString, createBlock, unref, createCommentVNode, createElementVNode, withCtx, computed, Fragment, renderList, withModifiers, normalizeClass, renderSlot, reactive, onBeforeUnmount, watch } from 'vue';
+import { h, nextTick, createVNode, defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, unref, createTextVNode, toDisplayString, createBlock, createCommentVNode, createElementVNode, withCtx, Fragment, renderList, withModifiers, normalizeClass, renderSlot, reactive, onBeforeUnmount, watch } from 'vue';
 import FormCreateCtr from '@form-create/ant-design-vue';
 
 /**
@@ -1248,6 +1248,12 @@ const searchResetBtnProps = {
         type: String,
         default: '收起',
     },
+    gutter: {
+        type: Array,
+        default() {
+            return [24, 16];
+        },
+    },
 };
 const searchFilterProps = Object.assign({ userRule: {
         type: Array,
@@ -1271,11 +1277,6 @@ const searchFilterProps = Object.assign({ userRule: {
         default() {
             return {};
         },
-    }, gutter: {
-        type: Array,
-        default() {
-            return [24, 16];
-        },
     }, fixedCount: {
         type: Number,
         default: 999999,
@@ -1294,16 +1295,19 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const _hoisted_1$1 = { class: "bm-search-filter-btn" };
-const _hoisted_2$1 = { class: "bm-search-filter-actions" };
-const _hoisted_3$1 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
-const _hoisted_4$1 = /* @__PURE__ */ createTextVNode("\u67E5\u8BE2");
+const _hoisted_1$1 = { class: "bm-search-filter-actions" };
+const _hoisted_2$1 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
+const _hoisted_3$1 = /* @__PURE__ */ createTextVNode("\u67E5\u8BE2");
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   props: searchResetBtnProps,
   emits: ["submit", "reset", "expand"],
   setup(__props, { emit: emits }) {
     const props = __props;
     const isExpand = ref(false);
+    const wrapperStyle = computed(() => {
+      let gutter = props.gutter?.[0] || 24;
+      return { paddingLeft: gutter / 2 + "px", paddingRight: gutter / 2 + "px" };
+    });
     function handleExpandBtnChange() {
       isExpand.value = !isExpand.value;
       emits("expand", isExpand.value);
@@ -1316,7 +1320,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_a_button = resolveComponent("a-button");
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return openBlock(), createElementBlock("div", {
+        class: "bm-search-filter-btn",
+        style: normalizeStyle(unref(wrapperStyle))
+      }, [
         props.showExpandBtn ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: "bm-search-filter-expand",
@@ -1325,10 +1332,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           createTextVNode(toDisplayString(isExpand.value ? props.collapseText : props.expandText), 1),
           isExpand.value ? (openBlock(), createBlock(unref(UpOutlined$1), { key: 0 })) : (openBlock(), createBlock(unref(DownOutlined$1), { key: 1 }))
         ])) : createCommentVNode("v-if", true),
-        createElementVNode("span", _hoisted_2$1, [
+        createElementVNode("span", _hoisted_1$1, [
           createVNode(_component_a_button, { onClick: handleReset }, {
             default: withCtx(() => [
-              _hoisted_3$1
+              _hoisted_2$1
             ]),
             _: 1
           }),
@@ -1338,12 +1345,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               props.showSearchIcon ? (openBlock(), createBlock(unref(SearchOutlined$1), { key: 0 })) : createCommentVNode("v-if", true),
-              _hoisted_4$1
+              _hoisted_3$1
             ]),
             _: 1
           })
         ])
-      ]);
+      ], 4);
     };
   }
 });
@@ -1882,7 +1889,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           showExpandBtn: props.showExpandBtn,
           showSearchIcon: props.showSearchIcon,
           expandText: props.expandText,
-          collapseText: props.collapseText
+          collapseText: props.collapseText,
+          gutter: props.gutter
         },
         on: {
           submit() {

package/es/components/search-filter/src/search-filter.d.ts

@@ -20,6 +20,10 @@ export declare const searchResetBtnProps: {
         type: StringConstructor;
         default: string;
     };
+    gutter: {
+        type: PropType<number[]>;
+        default(): number[];
+    };
 };
 export declare const searchFilterProps: {
     showExpandBtn: {
@@ -42,6 +46,10 @@ export declare const searchFilterProps: {
         type: StringConstructor;
         default: string;
     };
+    gutter: {
+        type: PropType<number[]>;
+        default(): number[];
+    };
     userRule: {
         type: ArrayConstructor;
         default(): never[];
@@ -60,10 +68,6 @@ export declare const searchFilterProps: {
         type: ObjectConstructor;
         default(): {};
     };
-    gutter: {
-        type: ArrayConstructor;
-        default(): number[];
-    };
     fixedCount: {
         type: NumberConstructor;
         default: number;

package/es/components/search-filter/src/search-filter.vue.d.ts

@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    gutter: {
+        type: import("vue").PropType<number[]>;
+        default(): number[];
+    };
     userRule: {
         type: ArrayConstructor;
         default(): never[];
@@ -37,10 +41,6 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default(): {};
     };
-    gutter: {
-        type: ArrayConstructor;
-        default(): number[];
-    };
     fixedCount: {
         type: NumberConstructor;
         default: number;
@@ -71,6 +71,10 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        gutter: {
+            type: import("vue").PropType<number[]>;
+            default(): number[];
+        };
         userRule: {
             type: ArrayConstructor;
             default(): never[];
@@ -89,10 +93,6 @@ declare const _default: import("vue").DefineComponent<{
             type: ObjectConstructor;
             default(): {};
         };
-        gutter: {
-            type: ArrayConstructor;
-            default(): number[];
-        };
         fixedCount: {
             type: NumberConstructor;
             default: number;
@@ -116,6 +116,7 @@ declare const _default: import("vue").DefineComponent<{
             showSearchIcon: boolean;
             expandText: string;
             collapseText: string;
+            gutter: number[];
         };
         on: {
             submit: () => void;
@@ -129,7 +130,7 @@ declare const _default: import("vue").DefineComponent<{
             span: number;
         };
         row: {
-            gutter: unknown[];
+            gutter: number[];
         };
         form: {
             labelCol: {
@@ -169,6 +170,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    gutter: {
+        type: import("vue").PropType<number[]>;
+        default(): number[];
+    };
     userRule: {
         type: ArrayConstructor;
         default(): never[];
@@ -187,10 +192,6 @@ declare const _default: import("vue").DefineComponent<{
         type: ObjectConstructor;
         default(): {};
     };
-    gutter: {
-        type: ArrayConstructor;
-        default(): number[];
-    };
     fixedCount: {
         type: NumberConstructor;
         default: number;
@@ -211,10 +212,10 @@ declare const _default: import("vue").DefineComponent<{
     expandPlacement: "left" | "right";
     expandText: string;
     collapseText: string;
+    gutter: number[];
     userRule: unknown[];
     labelCol: Record<string, any>;
     ruleSpan: Record<string, any>;
-    gutter: unknown[];
     fixedCount: number;
     fixedFields: string[];
 }>;

package/es/components/search-filter/src/search-reset-btn.vue.d.ts

@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    gutter: {
+        type: import("vue").PropType<number[]>;
+        default(): number[];
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         showExpandBtn: {
@@ -41,6 +45,10 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        gutter: {
+            type: import("vue").PropType<number[]>;
+            default(): number[];
+        };
     }>> & {
         onReset?: ((...args: any[]) => any) | undefined;
         onSubmit?: ((...args: any[]) => any) | undefined;
@@ -48,6 +56,10 @@ declare const _default: import("vue").DefineComponent<{
     }>>;
     emits: (event: "submit" | "reset" | "expand", ...args: any[]) => void;
     isExpand: import("vue").Ref<boolean>;
+    wrapperStyle: import("vue").ComputedRef<{
+        paddingLeft: string;
+        paddingRight: string;
+    }>;
     handleExpandBtnChange: () => void;
     handleSubmit: () => void;
     handleReset: () => void;
@@ -75,6 +87,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    gutter: {
+        type: import("vue").PropType<number[]>;
+        default(): number[];
+    };
 }>> & {
     onReset?: ((...args: any[]) => any) | undefined;
     onSubmit?: ((...args: any[]) => any) | undefined;
@@ -85,5 +101,6 @@ declare const _default: import("vue").DefineComponent<{
     expandPlacement: "left" | "right";
     expandText: string;
     collapseText: string;
+    gutter: number[];
 }>;
 export default _default;

package/es/components/staffs-selector/src/multipleCmp.vue.d.ts

@@ -40,9 +40,9 @@ declare const _default: import("vue").DefineComponent<{
     searchVal: import("vue").Ref<string>;
     selectAll: import("vue").Ref<boolean>;
     indeterminate: import("vue").Ref<boolean>;
-    emptyPic: import("vue").Ref<(string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    emptyPic: import("vue").Ref<JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }> | null | undefined) | JSX.Element | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    }> | null | undefined) | (string | number | boolean | void | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | null | undefined)[]>;
     listChecked: import("vue").Ref<{}>;

package/es/components/upload/index.js

@@ -1372,6 +1372,8 @@ const _sfc_main = {
       ".JPEG",
       ".png",
       ".PNG",
+      ".gif",
+      ".GIF",
       ".rar",
       ".RAR",
       ".zip",
@@ -1519,7 +1521,21 @@ const _sfc_main = {
         state.onepViewImageHover[uid] = false;
       },
       viewOnePicture(item) {
-        if (["img", "image", "png", "PNG", "jpg", "JPG", "jpeg", "JPEG"].includes(item.type.toLowerCase())) {
+        if ([
+          "img",
+          "image",
+          "png",
+          "PNG",
+          "image/png",
+          "jpg",
+          "JPG",
+          "jpeg",
+          "JPEG",
+          "image/jpeg",
+          "gif",
+          "GIF",
+          "image/gif"
+        ].includes(item.type.toLowerCase())) {
           state.previewVisible = true;
           state.onepViewImage = item;
           return;
@@ -1934,10 +1950,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             "image",
             "png",
             "PNG",
+            "image/png",
             "jpg",
             "JPG",
             "jpeg",
-            "JPEG"
+            "JPEG",
+            "image/jpeg",
+            "gif",
+            "GIF",
+            "image/gif"
           ].includes(_ctx.onepViewImage.type) ? (openBlock(), createElementBlock("img", {
             key: 0,
             style: { "width": "100%" },

package/index.esm.js

@@ -3,7 +3,7 @@ var process = {
                         NODE_ENV: 'production'
                       }
                     };
-import require$$1$1, { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot, resolveComponent, ref, onMounted, createElementBlock, Fragment, isVNode, Comment, Text, inject, computed, createVNode, reactive, provide, watch, Transition, onUnmounted, Teleport, TransitionGroup, render as render$9, h as h$2, nextTick, watchEffect, onBeforeMount, onUpdated, onBeforeUnmount, getCurrentInstance, withDirectives, vShow, resolveDynamicComponent, useSlots, createSlots, createElementVNode, createTextVNode, mergeProps as mergeProps$1, markRaw, toRef, createApp, toRefs, resolveDirective, toDisplayString, createCommentVNode, renderList, withModifiers, normalizeClass, normalizeStyle, readonly, toHandlers, normalizeProps, guardReactiveProps } from 'vue';
+import require$$1$1, { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot, resolveComponent, ref, onMounted, createElementBlock, Fragment, isVNode, Comment, Text, inject, computed, createVNode, reactive, provide, watch, Transition, onUnmounted, Teleport, TransitionGroup, render as render$9, h as h$2, nextTick, watchEffect, onBeforeMount, onUpdated, onBeforeUnmount, getCurrentInstance, withDirectives, vShow, resolveDynamicComponent, useSlots, createSlots, createElementVNode, createTextVNode, mergeProps as mergeProps$1, markRaw, toRef, createApp, toRefs, resolveDirective, normalizeStyle, toDisplayString, createCommentVNode, renderList, withModifiers, normalizeClass, readonly, toHandlers, normalizeProps, guardReactiveProps } from 'vue';
 
 const withInstall$2 = (comp) => {
     comp.install = function (app) {
@@ -27424,6 +27424,12 @@ const searchResetBtnProps = {
         type: String,
         default: '收起',
     },
+    gutter: {
+        type: Array,
+        default() {
+            return [24, 16];
+        },
+    },
 };
 const searchFilterProps = Object.assign({ userRule: {
         type: Array,
@@ -27447,11 +27453,6 @@ const searchFilterProps = Object.assign({ userRule: {
         default() {
             return {};
         },
-    }, gutter: {
-        type: Array,
-        default() {
-            return [24, 16];
-        },
     }, fixedCount: {
         type: Number,
         default: 999999,
@@ -27462,16 +27463,19 @@ const searchFilterProps = Object.assign({ userRule: {
         },
     } }, searchResetBtnProps);
 
-const _hoisted_1$a = { class: "bm-search-filter-btn" };
-const _hoisted_2$8 = { class: "bm-search-filter-actions" };
-const _hoisted_3$7 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
-const _hoisted_4$7 = /* @__PURE__ */ createTextVNode("\u67E5\u8BE2");
+const _hoisted_1$a = { class: "bm-search-filter-actions" };
+const _hoisted_2$8 = /* @__PURE__ */ createTextVNode("\u91CD\u7F6E");
+const _hoisted_3$7 = /* @__PURE__ */ createTextVNode("\u67E5\u8BE2");
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   props: searchResetBtnProps,
   emits: ["submit", "reset", "expand"],
   setup(__props, { emit: emits }) {
     const props = __props;
     const isExpand = ref(false);
+    const wrapperStyle = computed(() => {
+      let gutter = props.gutter?.[0] || 24;
+      return { paddingLeft: gutter / 2 + "px", paddingRight: gutter / 2 + "px" };
+    });
     function handleExpandBtnChange() {
       isExpand.value = !isExpand.value;
       emits("expand", isExpand.value);
@@ -27484,7 +27488,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_a_button = resolveComponent("a-button");
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", {
+        class: "bm-search-filter-btn",
+        style: normalizeStyle(unref(wrapperStyle))
+      }, [
         props.showExpandBtn ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: "bm-search-filter-expand",
@@ -27493,10 +27500,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           createTextVNode(toDisplayString(isExpand.value ? props.collapseText : props.expandText), 1),
           isExpand.value ? (openBlock(), createBlock(unref(UpOutlined$1), { key: 0 })) : (openBlock(), createBlock(unref(DownOutlined$1), { key: 1 }))
         ])) : createCommentVNode("v-if", true),
-        createElementVNode("span", _hoisted_2$8, [
+        createElementVNode("span", _hoisted_1$a, [
           createVNode(_component_a_button, { onClick: handleReset }, {
             default: withCtx(() => [
-              _hoisted_3$7
+              _hoisted_2$8
             ]),
             _: 1
           }),
@@ -27506,12 +27513,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           }, {
             default: withCtx(() => [
               props.showSearchIcon ? (openBlock(), createBlock(unref(SearchOutlined$4), { key: 0 })) : createCommentVNode("v-if", true),
-              _hoisted_4$7
+              _hoisted_3$7
             ]),
             _: 1
           })
         ])
-      ]);
+      ], 4);
     };
   }
 });
@@ -28049,7 +28056,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           showExpandBtn: props.showExpandBtn,
           showSearchIcon: props.showSearchIcon,
           expandText: props.expandText,
-          collapseText: props.collapseText
+          collapseText: props.collapseText,
+          gutter: props.gutter
         },
         on: {
           submit() {
@@ -46100,6 +46108,8 @@ const _sfc_main$3 = {
       ".JPEG",
       ".png",
       ".PNG",
+      ".gif",
+      ".GIF",
       ".rar",
       ".RAR",
       ".zip",
@@ -46247,7 +46257,21 @@ const _sfc_main$3 = {
         state.onepViewImageHover[uid] = false;
       },
       viewOnePicture(item) {
-        if (["img", "image", "png", "PNG", "jpg", "JPG", "jpeg", "JPEG"].includes(item.type.toLowerCase())) {
+        if ([
+          "img",
+          "image",
+          "png",
+          "PNG",
+          "image/png",
+          "jpg",
+          "JPG",
+          "jpeg",
+          "JPEG",
+          "image/jpeg",
+          "gif",
+          "GIF",
+          "image/gif"
+        ].includes(item.type.toLowerCase())) {
           state.previewVisible = true;
           state.onepViewImage = item;
           return;
@@ -46662,10 +46686,15 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
             "image",
             "png",
             "PNG",
+            "image/png",
             "jpg",
             "JPG",
             "jpeg",
-            "JPEG"
+            "JPEG",
+            "image/jpeg",
+            "gif",
+            "GIF",
+            "image/gif"
           ].includes(_ctx.onepViewImage.type) ? (openBlock(), createElementBlock("img", {
             key: 0,
             style: { "width": "100%" },