@moment-design/material-library 0.1.19 → 0.1.20

package/dist/c-right.d.ts

@@ -28,6 +28,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     isShowRemoveGroup: import("vue").Ref<boolean, boolean>;
     isShowDeleteMaterials: import("vue").Ref<boolean, boolean>;
     isShowSearchMaterials: import("vue").Ref<boolean, boolean>;
+    previewUrl: import("vue").Ref<string, string>;
+    visiblePreview: import("vue").Ref<boolean, boolean>;
     handlePage: (v: number) => void;
     handlePageSizes: (v: number) => void;
     handlePreview: (item: any) => void;

package/dist/css/index.css

@@ -258,68 +258,68 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.l-material-library-upload .form-item[data-v-3e3c0500] {
+.l-material-library-upload .form-item[data-v-6b18ee10] {
   display: flex;
   align-items: center;
   margin-bottom: 16px;
 }
-.l-material-library-upload .form-item[data-v-3e3c0500]:not(:last-child) {
+.l-material-library-upload .form-item[data-v-6b18ee10]:not(:last-child) {
   margin-bottom: 16px;
 }
-.l-material-library-upload .form-item .label[data-v-3e3c0500] {
+.l-material-library-upload .form-item .label[data-v-6b18ee10] {
   width: 70px;
   margin-right: 16px;
 }
-.l-material-library-upload .form-item .label span[data-v-3e3c0500] {
+.l-material-library-upload .form-item .label span[data-v-6b18ee10] {
   color: red;
   margin-right: 4px;
   position: relative;
   top: 2px;
 }
-.l-material-library-upload .upload[data-v-3e3c0500] {
+.l-material-library-upload .upload[data-v-6b18ee10] {
   margin-top: 16px;
 }
-.l-material-library-upload .upload .tips[data-v-3e3c0500] {
+.l-material-library-upload .upload .tips[data-v-6b18ee10] {
   margin-bottom: 16px;
   color: #86909c;
 }
-.l-material-library-upload .upload[data-v-3e3c0500] .mo-upload-progress {
+.l-material-library-upload .upload[data-v-6b18ee10] .mo-upload-progress {
   display: none;
 }
-.l-material-library-right-content[data-v-1dab49c2] {
+.l-material-library-right-content[data-v-58d380a5] {
   flex: 1;
 }
-.l-material-library-right-content .header[data-v-1dab49c2] {
+.l-material-library-right-content .header[data-v-58d380a5] {
   display: flex;
   justify-content: space-between;
 }
-.l-material-library-right-content .header .left[data-v-1dab49c2] {
+.l-material-library-right-content .header .left[data-v-58d380a5] {
   display: flex;
   justify-content: space-between;
 }
-.l-material-library-right-content .header .more-icon-down[data-v-1dab49c2] {
+.l-material-library-right-content .header .more-icon-down[data-v-58d380a5] {
   position: relative;
   top: -1px;
   margin-left: 6px;
   font-size: 15px;
   stroke-width: 5;
 }
-.l-material-library-right-content .toolbar[data-v-1dab49c2] {
+.l-material-library-right-content .toolbar[data-v-58d380a5] {
   margin: 16px 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.l-material-library-right-content .toolbar .apps[data-v-1dab49c2],
-.l-material-library-right-content .toolbar .menu[data-v-1dab49c2] {
+.l-material-library-right-content .toolbar .apps[data-v-58d380a5],
+.l-material-library-right-content .toolbar .menu[data-v-58d380a5] {
   margin-left: 8px;
   font-size: 20px;
   stroke-width: 5;
 }
-.l-material-library-right-content .toolbar .apps[data-v-1dab49c2]:hover,
-.l-material-library-right-content .toolbar .menu[data-v-1dab49c2]:hover,
-.l-material-library-right-content .toolbar .apps.active[data-v-1dab49c2],
-.l-material-library-right-content .toolbar .menu.active[data-v-1dab49c2] {
+.l-material-library-right-content .toolbar .apps[data-v-58d380a5]:hover,
+.l-material-library-right-content .toolbar .menu[data-v-58d380a5]:hover,
+.l-material-library-right-content .toolbar .apps.active[data-v-58d380a5],
+.l-material-library-right-content .toolbar .menu.active[data-v-58d380a5] {
   color: #1966ff;
   cursor: pointer;
 }

package/dist/index.cjs.js

@@ -6141,7 +6141,7 @@ const _hoisted_6$2 = ["onClick"];
 const _hoisted_7$1 = { class: "footer" };
 const _hoisted_8$1 = { class: "checkbox" };
 const _hoisted_9$1 = ["title"];
-const _hoisted_10 = { class: "title" };
+const _hoisted_10$1 = { class: "title" };
 const _hoisted_11 = { class: "l-material-library-infos" };
 const _hoisted_12 = { class: "icon" };
 const _hoisted_13 = {
@@ -6251,7 +6251,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                         ])
                       ]),
                       default: vue.withCtx(() => [
-                        vue.createElementVNode("div", _hoisted_10, vue.toDisplayString(item == null ? void 0 : item.fileName), 1)
+                        vue.createElementVNode("div", _hoisted_10$1, vue.toDisplayString(item == null ? void 0 : item.fileName), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -7112,6 +7112,7 @@ const _hoisted_6 = { key: 0 };
 const _hoisted_7 = { key: 1 };
 const _hoisted_8 = { key: 2 };
 const _hoisted_9 = { key: 3 };
+const _hoisted_10 = { key: 4 };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_m_input = vue.resolveComponent("m-input");
   const _component_m_select = vue.resolveComponent("m-select");
@@ -7181,7 +7182,8 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                 _ctx.fileType === 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, "\u56FE\u7247\u4E0A\u4F20\u683C\u5F0F\u4E3Ajpg\u3001jpeg\u3001png\u3001bmp\u3001webp\u3001GIF, \u5927\u5C0F\u9650\u5236\u572810M\u4EE5\u5185")) : vue.createCommentVNode("v-if", true),
                 _ctx.fileType === 2 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, " \u6587\u6863\u4E0A\u4F20\u683C\u5F0F\u4E3Arar\u3001zip\u3001ttf\u3001doc\u3001docx\u3001xls\u3001xlsx\u3001xlsm\u3001pdf\u3001ppt\u3001pptx\u3001txt, \u5927\u5C0F\u9650\u5236\u572820M\u4EE5\u5185 ")) : vue.createCommentVNode("v-if", true),
                 _ctx.fileType === 3 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, "\u89C6\u9891\u4E0A\u4F20\u683C\u5F0F\u4E3ASWF\u3001MP4, \u5927\u5C0F\u9650\u5236\u5728300M\u4EE5\u5185")) : vue.createCommentVNode("v-if", true),
-                _ctx.fileType === 4 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, "\u97F3\u4E50\u4E0A\u4F20\u683C\u5F0F\u4E3AMP3, \u5927\u5C0F\u9650\u5236\u57285M\u4EE5\u5185")) : vue.createCommentVNode("v-if", true)
+                _ctx.fileType === 4 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, "\u97F3\u4E50\u4E0A\u4F20\u683C\u5F0F\u4E3AMP3, \u5927\u5C0F\u9650\u5236\u57285M\u4EE5\u5185")) : vue.createCommentVNode("v-if", true),
+                _ctx.fileType === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, "\u5176\u4ED6\u7C7B\u578B\u5927\u5C0F\u9650\u5236\u5728400M\u4EE5\u5185")) : vue.createCommentVNode("v-if", true)
               ]),
               vue.createVNode(_component_m_scrollbar, { style: { "max-height": "300px", "overflow-y": "auto", "padding-right": "24px" } }, {
                 default: vue.withCtx(() => [
@@ -7208,7 +7210,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["visible", "others", "onHandle:ok"]);
 }
-var CUpload = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-3e3c0500"]]);
+var CUpload = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-6b18ee10"]]);
 var cRight_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1 = vue.defineComponent({
   name: "",
@@ -7250,6 +7252,8 @@ const _sfc_main$1 = vue.defineComponent({
     const isShowRemoveGroup = vue.ref(true);
     const isShowDeleteMaterials = vue.ref(true);
     const isShowSearchMaterials = vue.ref(true);
+    const visiblePreview = vue.ref(false);
+    const previewUrl = vue.ref("");
     if (props.config.isShowUploadLocalMaterials === "undefined" || props.config.isShowUploadLocalMaterials === false || props.config.isShowUploadLocalMaterials === null) {
       isShowUploadLocalMaterials.value = deepConfig.value.isShowUploadLocalMaterials;
     }
@@ -7272,16 +7276,12 @@ const _sfc_main$1 = vue.defineComponent({
       init(groupId.value);
     };
     const handlePreview = (item) => {
-      if (item.fileFormat === "txt") {
-        downloadTxtFile(item.filePath, item.fileName);
-        return;
-      }
-      const a = document.createElement("a");
-      a.setAttribute("href", item.filePath);
-      a.setAttribute("target", "_blank");
-      document.body.appendChild(a);
-      a.click();
-      setTimeout(() => document.body.removeChild(a), 500);
+      if (item == null ? void 0 : item.filePath) {
+        previewUrl.value = item.filePath;
+        visiblePreview.value = true;
+      } else {
+        visiblePreview.value = false;
+      }
     };
     const downloadTxtFile = async (fileUrl, fileName2) => {
       try {
@@ -7353,6 +7353,9 @@ const _sfc_main$1 = vue.defineComponent({
       try {
         groupId.value = id;
         loading.value = true;
+        if (fileName.value) {
+          pageNum.value = 1;
+        }
         const res = await ((_b2 = (_a2 = deepConfig.value) == null ? void 0 : _a2.apis) == null ? void 0 : _b2.getFileList({
           groupId: groupId.value,
           fileName: fileName.value,
@@ -7400,6 +7403,8 @@ const _sfc_main$1 = vue.defineComponent({
       isShowRemoveGroup,
       isShowDeleteMaterials,
       isShowSearchMaterials,
+      previewUrl,
+      visiblePreview,
       handlePage,
       handlePageSizes,
       handlePreview,
@@ -7438,6 +7443,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_l_modal = vue.resolveComponent("l-modal");
   const _component_CChangeGroup = vue.resolveComponent("CChangeGroup");
   const _component_CUpload = vue.resolveComponent("CUpload");
+  const _component_m_image_preview = vue.resolveComponent("m-image-preview");
   return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
     vue.createElementVNode("div", _hoisted_1$1, [
       vue.createCommentVNode(" header "),
@@ -7469,13 +7475,13 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   type: "primary",
                   onClick: _cache[2] || (_cache[2] = ($event) => _ctx.init(_ctx.groupId))
                 }, {
-                  default: vue.withCtx(() => _cache[11] || (_cache[11] = [
+                  default: vue.withCtx(() => _cache[12] || (_cache[12] = [
                     vue.createTextVNode("\u67E5\u8BE2")
                   ])),
                   _: 1
                 }),
                 vue.createVNode(_component_m_button, { onClick: _ctx.reset }, {
-                  default: vue.withCtx(() => _cache[12] || (_cache[12] = [
+                  default: vue.withCtx(() => _cache[13] || (_cache[13] = [
                     vue.createTextVNode("\u91CD\u7F6E")
                   ])),
                   _: 1
@@ -7495,7 +7501,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 key: 0,
                 onClick: _cache[3] || (_cache[3] = ($event) => _ctx.refCUpload.open(_ctx.groupId))
               }, {
-                default: vue.withCtx(() => _cache[14] || (_cache[14] = [
+                default: vue.withCtx(() => _cache[15] || (_cache[15] = [
                   vue.createTextVNode("\u4E0A\u4F20\u672C\u5730\u7D20\u6750")
                 ])),
                 _: 1
@@ -7504,7 +7510,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 key: 1,
                 onClick: _cache[4] || (_cache[4] = ($event) => _ctx.getIds("\u79FB\u52A8\u5206\u7EC4"))
               }, {
-                default: vue.withCtx(() => _cache[15] || (_cache[15] = [
+                default: vue.withCtx(() => _cache[16] || (_cache[16] = [
                   vue.createTextVNode("\u79FB\u52A8\u5206\u7EC4")
                 ])),
                 _: 1
@@ -7513,7 +7519,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 key: 2,
                 onClick: _cache[5] || (_cache[5] = ($event) => _ctx.getIds("\u5220\u9664"))
               }, {
-                default: vue.withCtx(() => _cache[16] || (_cache[16] = [
+                default: vue.withCtx(() => _cache[17] || (_cache[17] = [
                   vue.createTextVNode("\u5220\u9664")
                 ])),
                 _: 1
@@ -7522,7 +7528,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
             default: vue.withCtx(() => [
               vue.createVNode(_component_m_button, { type: "primary" }, {
                 default: vue.withCtx(() => [
-                  _cache[13] || (_cache[13] = vue.createTextVNode(" \u66F4\u591A\u64CD\u4F5C ")),
+                  _cache[14] || (_cache[14] = vue.createTextVNode(" \u66F4\u591A\u64CD\u4F5C ")),
                   vue.createVNode(_component_icon_down, { class: "more-icon-down" })
                 ]),
                 _: 1
@@ -7534,7 +7540,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       vue.createCommentVNode(" toolbar "),
       vue.createElementVNode("div", _hoisted_5, [
-        _cache[17] || (_cache[17] = vue.createElementVNode("div", null, null, -1)),
+        _cache[18] || (_cache[18] = vue.createElementVNode("div", null, null, -1)),
         vue.createElementVNode("div", null, [
           vue.createVNode(_component_icon_apps, {
             class: vue.normalizeClass(["apps", _ctx.showType === 1 ? "active" : ""]),
@@ -7585,7 +7591,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       "onHandle:cancel": _cache[10] || (_cache[10] = ($event) => _ctx.visible = false),
       "onHandle:ok": _ctx.handleRemoveOk
     }, {
-      default: vue.withCtx(() => _cache[18] || (_cache[18] = [
+      default: vue.withCtx(() => _cache[19] || (_cache[19] = [
         vue.createTextVNode(" \u5220\u9664\u7D20\u6750\u540E\uFF0C\u5C06\u65E0\u6CD5\u88AB\u6062\u590D\u3002 ")
       ])),
       _: 1
@@ -7601,10 +7607,16 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "refCUpload",
       config: _ctx.deepConfig,
       "onUpload:success": _ctx.reset
-    }, null, 8, ["config", "onUpload:success"])
+    }, null, 8, ["config", "onUpload:success"]),
+    vue.createCommentVNode(" \u9884\u89C8 "),
+    vue.createVNode(_component_m_image_preview, {
+      visible: _ctx.visiblePreview,
+      "onUpdate:visible": _cache[11] || (_cache[11] = ($event) => _ctx.visiblePreview = $event),
+      src: _ctx.previewUrl
+    }, null, 8, ["visible", "src"])
   ], 64);
 }
-var CRight = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-1dab49c2"]]);
+var CRight = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-58d380a5"]]);
 var index_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main = vue.defineComponent({
   name: "MaterialLibrary",

package/dist/index.d.ts

@@ -576,6 +576,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         isShowRemoveGroup: import("vue").Ref<boolean, boolean>;
         isShowDeleteMaterials: import("vue").Ref<boolean, boolean>;
         isShowSearchMaterials: import("vue").Ref<boolean, boolean>;
+        previewUrl: import("vue").Ref<string, string>;
+        visiblePreview: import("vue").Ref<boolean, boolean>;
         handlePage: (v: number) => void;
         handlePageSizes: (v: number) => void;
         handlePreview: (item: any) => void;

package/dist/index.esm.js

@@ -6140,7 +6140,7 @@ const _hoisted_6$2 = ["onClick"];
 const _hoisted_7$1 = { class: "footer" };
 const _hoisted_8$1 = { class: "checkbox" };
 const _hoisted_9$1 = ["title"];
-const _hoisted_10 = { class: "title" };
+const _hoisted_10$1 = { class: "title" };
 const _hoisted_11 = { class: "l-material-library-infos" };
 const _hoisted_12 = { class: "icon" };
 const _hoisted_13 = {
@@ -6250,7 +6250,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
                         ])
                       ]),
                       default: withCtx(() => [
-                        createElementVNode("div", _hoisted_10, toDisplayString(item == null ? void 0 : item.fileName), 1)
+                        createElementVNode("div", _hoisted_10$1, toDisplayString(item == null ? void 0 : item.fileName), 1)
                       ]),
                       _: 2
                     }, 1024)
@@ -7111,6 +7111,7 @@ const _hoisted_6 = { key: 0 };
 const _hoisted_7 = { key: 1 };
 const _hoisted_8 = { key: 2 };
 const _hoisted_9 = { key: 3 };
+const _hoisted_10 = { key: 4 };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_m_input = resolveComponent("m-input");
   const _component_m_select = resolveComponent("m-select");
@@ -7180,7 +7181,8 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                 _ctx.fileType === 1 ? (openBlock(), createElementBlock("div", _hoisted_6, "\u56FE\u7247\u4E0A\u4F20\u683C\u5F0F\u4E3Ajpg\u3001jpeg\u3001png\u3001bmp\u3001webp\u3001GIF, \u5927\u5C0F\u9650\u5236\u572810M\u4EE5\u5185")) : createCommentVNode("v-if", true),
                 _ctx.fileType === 2 ? (openBlock(), createElementBlock("div", _hoisted_7, " \u6587\u6863\u4E0A\u4F20\u683C\u5F0F\u4E3Arar\u3001zip\u3001ttf\u3001doc\u3001docx\u3001xls\u3001xlsx\u3001xlsm\u3001pdf\u3001ppt\u3001pptx\u3001txt, \u5927\u5C0F\u9650\u5236\u572820M\u4EE5\u5185 ")) : createCommentVNode("v-if", true),
                 _ctx.fileType === 3 ? (openBlock(), createElementBlock("div", _hoisted_8, "\u89C6\u9891\u4E0A\u4F20\u683C\u5F0F\u4E3ASWF\u3001MP4, \u5927\u5C0F\u9650\u5236\u5728300M\u4EE5\u5185")) : createCommentVNode("v-if", true),
-                _ctx.fileType === 4 ? (openBlock(), createElementBlock("div", _hoisted_9, "\u97F3\u4E50\u4E0A\u4F20\u683C\u5F0F\u4E3AMP3, \u5927\u5C0F\u9650\u5236\u57285M\u4EE5\u5185")) : createCommentVNode("v-if", true)
+                _ctx.fileType === 4 ? (openBlock(), createElementBlock("div", _hoisted_9, "\u97F3\u4E50\u4E0A\u4F20\u683C\u5F0F\u4E3AMP3, \u5927\u5C0F\u9650\u5236\u57285M\u4EE5\u5185")) : createCommentVNode("v-if", true),
+                _ctx.fileType === 0 ? (openBlock(), createElementBlock("div", _hoisted_10, "\u5176\u4ED6\u7C7B\u578B\u5927\u5C0F\u9650\u5236\u5728400M\u4EE5\u5185")) : createCommentVNode("v-if", true)
               ]),
               createVNode(_component_m_scrollbar, { style: { "max-height": "300px", "overflow-y": "auto", "padding-right": "24px" } }, {
                 default: withCtx(() => [
@@ -7207,7 +7209,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["visible", "others", "onHandle:ok"]);
 }
-var CUpload = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-3e3c0500"]]);
+var CUpload = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-6b18ee10"]]);
 var cRight_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$1 = defineComponent({
   name: "",
@@ -7249,6 +7251,8 @@ const _sfc_main$1 = defineComponent({
     const isShowRemoveGroup = ref(true);
     const isShowDeleteMaterials = ref(true);
     const isShowSearchMaterials = ref(true);
+    const visiblePreview = ref(false);
+    const previewUrl = ref("");
     if (props.config.isShowUploadLocalMaterials === "undefined" || props.config.isShowUploadLocalMaterials === false || props.config.isShowUploadLocalMaterials === null) {
       isShowUploadLocalMaterials.value = deepConfig.value.isShowUploadLocalMaterials;
     }
@@ -7271,16 +7275,12 @@ const _sfc_main$1 = defineComponent({
       init(groupId.value);
     };
     const handlePreview = (item) => {
-      if (item.fileFormat === "txt") {
-        downloadTxtFile(item.filePath, item.fileName);
-        return;
-      }
-      const a = document.createElement("a");
-      a.setAttribute("href", item.filePath);
-      a.setAttribute("target", "_blank");
-      document.body.appendChild(a);
-      a.click();
-      setTimeout(() => document.body.removeChild(a), 500);
+      if (item == null ? void 0 : item.filePath) {
+        previewUrl.value = item.filePath;
+        visiblePreview.value = true;
+      } else {
+        visiblePreview.value = false;
+      }
     };
     const downloadTxtFile = async (fileUrl, fileName2) => {
       try {
@@ -7352,6 +7352,9 @@ const _sfc_main$1 = defineComponent({
       try {
         groupId.value = id;
         loading.value = true;
+        if (fileName.value) {
+          pageNum.value = 1;
+        }
         const res = await ((_b2 = (_a2 = deepConfig.value) == null ? void 0 : _a2.apis) == null ? void 0 : _b2.getFileList({
           groupId: groupId.value,
           fileName: fileName.value,
@@ -7399,6 +7402,8 @@ const _sfc_main$1 = defineComponent({
       isShowRemoveGroup,
       isShowDeleteMaterials,
       isShowSearchMaterials,
+      previewUrl,
+      visiblePreview,
       handlePage,
       handlePageSizes,
       handlePreview,
@@ -7437,6 +7442,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_l_modal = resolveComponent("l-modal");
   const _component_CChangeGroup = resolveComponent("CChangeGroup");
   const _component_CUpload = resolveComponent("CUpload");
+  const _component_m_image_preview = resolveComponent("m-image-preview");
   return openBlock(), createElementBlock(Fragment, null, [
     createElementVNode("div", _hoisted_1$1, [
       createCommentVNode(" header "),
@@ -7468,13 +7474,13 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   type: "primary",
                   onClick: _cache[2] || (_cache[2] = ($event) => _ctx.init(_ctx.groupId))
                 }, {
-                  default: withCtx(() => _cache[11] || (_cache[11] = [
+                  default: withCtx(() => _cache[12] || (_cache[12] = [
                     createTextVNode("\u67E5\u8BE2")
                   ])),
                   _: 1
                 }),
                 createVNode(_component_m_button, { onClick: _ctx.reset }, {
-                  default: withCtx(() => _cache[12] || (_cache[12] = [
+                  default: withCtx(() => _cache[13] || (_cache[13] = [
                     createTextVNode("\u91CD\u7F6E")
                   ])),
                   _: 1
@@ -7494,7 +7500,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 key: 0,
                 onClick: _cache[3] || (_cache[3] = ($event) => _ctx.refCUpload.open(_ctx.groupId))
               }, {
-                default: withCtx(() => _cache[14] || (_cache[14] = [
+                default: withCtx(() => _cache[15] || (_cache[15] = [
                   createTextVNode("\u4E0A\u4F20\u672C\u5730\u7D20\u6750")
                 ])),
                 _: 1
@@ -7503,7 +7509,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 key: 1,
                 onClick: _cache[4] || (_cache[4] = ($event) => _ctx.getIds("\u79FB\u52A8\u5206\u7EC4"))
               }, {
-                default: withCtx(() => _cache[15] || (_cache[15] = [
+                default: withCtx(() => _cache[16] || (_cache[16] = [
                   createTextVNode("\u79FB\u52A8\u5206\u7EC4")
                 ])),
                 _: 1
@@ -7512,7 +7518,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 key: 2,
                 onClick: _cache[5] || (_cache[5] = ($event) => _ctx.getIds("\u5220\u9664"))
               }, {
-                default: withCtx(() => _cache[16] || (_cache[16] = [
+                default: withCtx(() => _cache[17] || (_cache[17] = [
                   createTextVNode("\u5220\u9664")
                 ])),
                 _: 1
@@ -7521,7 +7527,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
             default: withCtx(() => [
               createVNode(_component_m_button, { type: "primary" }, {
                 default: withCtx(() => [
-                  _cache[13] || (_cache[13] = createTextVNode(" \u66F4\u591A\u64CD\u4F5C ")),
+                  _cache[14] || (_cache[14] = createTextVNode(" \u66F4\u591A\u64CD\u4F5C ")),
                   createVNode(_component_icon_down, { class: "more-icon-down" })
                 ]),
                 _: 1
@@ -7533,7 +7539,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       createCommentVNode(" toolbar "),
       createElementVNode("div", _hoisted_5, [
-        _cache[17] || (_cache[17] = createElementVNode("div", null, null, -1)),
+        _cache[18] || (_cache[18] = createElementVNode("div", null, null, -1)),
         createElementVNode("div", null, [
           createVNode(_component_icon_apps, {
             class: normalizeClass(["apps", _ctx.showType === 1 ? "active" : ""]),
@@ -7584,7 +7590,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       "onHandle:cancel": _cache[10] || (_cache[10] = ($event) => _ctx.visible = false),
       "onHandle:ok": _ctx.handleRemoveOk
     }, {
-      default: withCtx(() => _cache[18] || (_cache[18] = [
+      default: withCtx(() => _cache[19] || (_cache[19] = [
         createTextVNode(" \u5220\u9664\u7D20\u6750\u540E\uFF0C\u5C06\u65E0\u6CD5\u88AB\u6062\u590D\u3002 ")
       ])),
       _: 1
@@ -7600,10 +7606,16 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "refCUpload",
       config: _ctx.deepConfig,
       "onUpload:success": _ctx.reset
-    }, null, 8, ["config", "onUpload:success"])
+    }, null, 8, ["config", "onUpload:success"]),
+    createCommentVNode(" \u9884\u89C8 "),
+    createVNode(_component_m_image_preview, {
+      visible: _ctx.visiblePreview,
+      "onUpdate:visible": _cache[11] || (_cache[11] = ($event) => _ctx.visiblePreview = $event),
+      src: _ctx.previewUrl
+    }, null, 8, ["visible", "src"])
   ], 64);
 }
-var CRight = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-1dab49c2"]]);
+var CRight = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-58d380a5"]]);
 var index_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main = defineComponent({
   name: "MaterialLibrary",