@cmstops/pro-compo 0.1.30 → 0.1.32

package/lib/resourceModal/components/MediaSelection/MainContent/index.js

@@ -2,6 +2,7 @@
 var vue = require("vue");
 var _null = require("../../../assets/selection/null.js");
 var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
 var component = require("../../../../typeIcons/component.js");
 var index = require("./FileTypeThumb/index.js");
 var filter = require("../../../script/filter.js");
@@ -10,31 +11,36 @@ const _hoisted_2 = { class: "folder-list clearfix" };
 const _hoisted_3 = ["onClick"];
 const _hoisted_4 = { class: "wrap" };
 const _hoisted_5 = { class: "thumb" };
-const _hoisted_6 = { class: "file-list clearfix" };
-const _hoisted_7 = { class: "thumb-wrap" };
-const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("div", { class: "transcoding-in-progress grid-mode" }, [
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { class: "wrap" };
+const _hoisted_8 = { class: "thumb" };
+const _hoisted_9 = { class: "folder-more-wrap" };
+const _hoisted_10 = { class: "file-list clearfix" };
+const _hoisted_11 = { class: "thumb-wrap" };
+const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("div", { class: "transcoding-in-progress grid-mode" }, [
   /* @__PURE__ */ vue.createElementVNode("div", { class: "transcoding-progress" }, "\u8F6C\u7801\u4E2D\u2026")
 ], -1);
-const _hoisted_9 = {
+const _hoisted_13 = {
   key: 0,
   class: "load_more_title"
 };
-const _hoisted_10 = {
+const _hoisted_14 = {
   key: 1,
   class: "nomore_tips"
 };
-const _hoisted_11 = {
+const _hoisted_15 = {
   key: 1,
   class: "null-file"
 };
-const _hoisted_12 = /* @__PURE__ */ vue.createElementVNode("img", {
+const _hoisted_16 = /* @__PURE__ */ vue.createElementVNode("img", {
+  alt: "",
   class: "null-pic",
   src: _null
 }, null, -1);
-const _hoisted_13 = /* @__PURE__ */ vue.createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1);
-const _hoisted_14 = [
-  _hoisted_12,
-  _hoisted_13
+const _hoisted_17 = /* @__PURE__ */ vue.createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1);
+const _hoisted_18 = [
+  _hoisted_16,
+  _hoisted_17
 ];
 const _sfc_main = vue.defineComponent({
   __name: "index",
@@ -48,7 +54,17 @@ const _sfc_main = vue.defineComponent({
     loadFileMore: { type: Function }
   },
   emits: ["confirm"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const isFold = vue.ref(true);
+    vue.watch(
+      () => props.folderList.length,
+      (n) => {
+        isFold.value = n > 10;
+      },
+      { immediate: true }
+    );
+    const emit = __emit;
     const confirm = (itemData) => {
       selectedData.value = [itemData];
       emit("confirm", selectedData.value);
@@ -60,7 +76,8 @@ const _sfc_main = vue.defineComponent({
           vue.createElementVNode("div", _hoisted_1, [
             vue.createCommentVNode(" \u6587\u4EF6\u5939 "),
             vue.withDirectives(vue.createElementVNode("div", _hoisted_2, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.folderList, (item, index2) => {
+              vue.createCommentVNode("        \u6587\u4EF6\u5939\u6570\u91CF<10"),
+              !isFold.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.folderList, (item, index2) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: index2,
                   class: "item folder-item",
@@ -68,10 +85,10 @@ const _sfc_main = vue.defineComponent({
                 }, [
                   vue.createElementVNode("div", _hoisted_4, [
                     vue.createVNode(vue.unref(webVue.Tooltip), {
+                      content: item.alias,
                       "open-delay": 500,
                       class: "item",
                       effect: "dark",
-                      content: item.alias,
                       placement: "top"
                     }, {
                       default: vue.withCtx(() => [
@@ -83,38 +100,74 @@ const _sfc_main = vue.defineComponent({
                     }, 1032, ["content"])
                   ])
                 ], 8, _hoisted_3);
-              }), 128))
+              }), 128)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                vue.createCommentVNode("        \u6587\u4EF6\u5939\u6570\u91CF>10"),
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.folderList.slice(0, 9), (item, index2) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: index2,
+                    class: "item folder-item",
+                    onClick: ($event) => _ctx.changeDirectory(item)
+                  }, [
+                    vue.createElementVNode("div", _hoisted_7, [
+                      vue.createVNode(vue.unref(webVue.Tooltip), {
+                        content: item.alias,
+                        "open-delay": 500,
+                        class: "item",
+                        effect: "dark",
+                        placement: "top"
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createElementVNode("div", _hoisted_8, [
+                            vue.createElementVNode("h4", null, vue.toDisplayString(item.alias), 1)
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["content"])
+                    ])
+                  ], 8, _hoisted_6);
+                }), 128))
+              ], 64)),
+              _ctx.folderList.length > 10 ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 2,
+                class: "folder-more-button",
+                onClick: _cache[0] || (_cache[0] = ($event) => isFold.value = !isFold.value)
+              }, [
+                vue.createElementVNode("div", _hoisted_9, [
+                  isFold.value ? (vue.openBlock(), vue.createBlock(vue.unref(icon.IconDoubleDown), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(icon.IconDoubleUp), { key: 1 })),
+                  vue.createTextVNode(" " + vue.toDisplayString(isFold.value ? "\u5C55\u5F00\u5168\u90E8" : "\u6536\u7F29\u5168\u90E8"), 1)
+                ])
+              ])) : vue.createCommentVNode("v-if", true)
             ], 512), [
               [vue.vShow, _ctx.folderList.length !== 0]
             ]),
             vue.createCommentVNode(" \u6587\u4EF6 "),
-            vue.createElementVNode("div", _hoisted_6, [
+            vue.createElementVNode("div", _hoisted_10, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.fileList, (item, index$1) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: index$1,
                   class: "item"
                 }, [
                   vue.createElementVNode("div", {
-                    class: vue.normalizeClass(["shadow-wrap", { active: selectedData.value.includes(item) }])
+                    class: vue.normalizeClass([{ active: selectedData.value.includes(item) }, "shadow-wrap"])
                   }, [
-                    vue.createElementVNode("div", _hoisted_7, [
+                    vue.createElementVNode("div", _hoisted_11, [
                       vue.createVNode(index, {
-                        preview: _ctx.preview,
                         "item-data": item,
+                        preview: _ctx.preview,
                         onConfirm: confirm
-                      }, null, 8, ["preview", "item-data"])
+                      }, null, 8, ["item-data", "preview"])
                     ]),
                     vue.createElementVNode("h4", null, [
                       vue.createVNode(component, {
-                        class: "icon",
-                        type: item.catalog,
                         doc: item.catalog !== "image",
-                        resource: item.catalog === "image"
-                      }, null, 8, ["type", "doc", "resource"]),
+                        resource: item.catalog === "image",
+                        type: item.catalog,
+                        class: "icon"
+                      }, null, 8, ["doc", "resource", "type"]),
                       vue.createVNode(vue.unref(webVue.Tooltip), {
+                        content: item.alias,
                         "open-delay": 500,
                         effect: "dark",
-                        content: item.alias,
                         placement: "top"
                       }, {
                         default: vue.withCtx(() => [
@@ -128,12 +181,12 @@ const _sfc_main = vue.defineComponent({
                     item.task ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Tooltip), {
                       key: 0,
                       "open-delay": 2e3,
-                      effect: "dark",
                       content: "\u8F6C\u7801\u4E2D\uFF0C\u6682\u4E0D\u53EF\u7528",
+                      effect: "dark",
                       placement: "bottom"
                     }, {
                       default: vue.withCtx(() => [
-                        _hoisted_8
+                        _hoisted_12
                       ]),
                       _: 1
                     })) : vue.createCommentVNode("v-if", true)
@@ -141,21 +194,21 @@ const _sfc_main = vue.defineComponent({
                 ]);
               }), 128))
             ]),
-            _ctx.fileListCount ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+            _ctx.fileListCount ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
               !_ctx.isOver ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
                 key: 0,
-                type: "text",
-                size: "small",
                 class: "loadmore_tips",
+                size: "small",
+                type: "text",
                 onClick: _ctx.loadFileMore
               }, {
                 default: vue.withCtx(() => [
-                  vue.createTextVNode("\u52A0\u8F7D\u66F4\u591A\u2026")
+                  vue.createTextVNode("\u52A0\u8F7D\u66F4\u591A\u2026 ")
                 ]),
                 _: 1
-              }, 8, ["onClick"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, "\u6CA1\u6709\u66F4\u591A\u4E86\u2026"))
+              }, 8, ["onClick"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, "\u6CA1\u6709\u66F4\u591A\u4E86\u2026"))
             ])) : vue.createCommentVNode("v-if", true),
-            !_ctx.fileList.length && !_ctx.folderList.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, _hoisted_14)) : vue.createCommentVNode("v-if", true)
+            !_ctx.fileList.length && !_ctx.folderList.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15, _hoisted_18)) : vue.createCommentVNode("v-if", true)
           ])
         ]),
         _: 1

package/lib/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceFilter.js

@@ -0,0 +1,140 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
+var filter = require("../../../../script/filter.js");
+var api = require("../../../../script/api.js");
+const _hoisted_1 = { class: "toolbar-search-container sysfile-filter-container" };
+const _hoisted_2 = { class: "top-container" };
+const _hoisted_3 = { class: "filter-content" };
+const _hoisted_4 = { class: "filter-left" };
+const _sfc_main = vue.defineComponent({
+  ...{ name: "ToolbarSearch" },
+  __name: "SystemResourceFilter",
+  emits: ["search", "changeScen"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const mediaUseType = vue.inject("mediaUseType");
+    const baseApi = vue.inject("baseAPI");
+    const filter$1 = vue.ref({
+      keyword: "",
+      wh_rate: "",
+      limit: 9
+    });
+    const classify_id = vue.ref("");
+    const classifyIdOptions = vue.ref([]);
+    const loadClassify = async () => {
+      const res = await api.getSysRsClassifyList(baseApi, mediaUseType);
+      if (res.code !== 0)
+        return;
+      classifyIdOptions.value = res.message.classifies;
+    };
+    const emit = __emit;
+    const contentSearch = () => {
+      const params = { ...filter$1.value, sys_tag: mediaUseType };
+      emit("search", params);
+    };
+    const changeScen = () => emit("changeScen", classify_id.value);
+    const clearKeyword = () => {
+      filter$1.value.keyword = "";
+    };
+    const showReset = vue.computed(
+      () => filter$1.value.keyword || filter$1.value.wh_rate || classify_id.value
+    );
+    const reset = () => {
+      filter$1.value = {
+        keyword: "",
+        wh_rate: "",
+        limit: 9
+      };
+      classify_id.value = "";
+      changeScen();
+      contentSearch();
+    };
+    vue.watch(
+      () => filter$1.value,
+      () => contentSearch(),
+      { deep: true }
+    );
+    vue.watch(
+      () => classify_id.value,
+      () => changeScen()
+    );
+    vue.onMounted(() => {
+      loadClassify();
+    });
+    __expose({ reset });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.renderSlot(_ctx.$slots, "other"),
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("div", _hoisted_4, [
+              vue.createVNode(vue.unref(webVue.Input), {
+                modelValue: filter$1.value.keyword,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter$1.value.keyword = $event),
+                class: "filter-item",
+                "allow-clear": "",
+                placeholder: "\u8F93\u5165\u7D20\u6750\u6807\u9898\u641C\u7D22",
+                onClear: clearKeyword
+              }, null, 8, ["modelValue"]),
+              vue.createVNode(vue.unref(webVue.Select), {
+                modelValue: classify_id.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => classify_id.value = $event),
+                class: "filter-item",
+                placeholder: "\u573A\u666F\u5206\u7C7B"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(webVue.Option), {
+                    label: "\u5168\u90E8\u573A\u666F",
+                    value: ""
+                  }),
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(classifyIdOptions.value, (item) => {
+                    return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                      key: item.classify_id,
+                      label: item.scenario_name,
+                      value: item.classify_id
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              vue.createVNode(vue.unref(webVue.Select), {
+                modelValue: filter$1.value.wh_rate,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter$1.value.wh_rate = $event),
+                class: "filter-item",
+                placeholder: "\u56FE\u7247\u6BD4\u4F8B"
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(filter.rateOptions), (item) => {
+                    return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              vue.withDirectives(vue.createVNode(vue.unref(webVue.Button), {
+                type: "text",
+                size: "medium",
+                onClick: reset
+              }, {
+                icon: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(icon.IconRefresh))
+                ]),
+                default: vue.withCtx(() => [
+                  vue.createTextVNode("\u91CD\u7F6E\u7B5B\u9009")
+                ]),
+                _: 1
+              }, 512), [
+                [vue.vShow, showReset.value]
+              ])
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/resourceModal/components/MediaSelection/SystemResourceSelected/components/SystemResourceList.js

@@ -0,0 +1,104 @@
+"use strict";
+var vue = require("vue");
+var sys_load_more = require("../../../../assets/images/sys_load_more.js");
+var webVue = require("@arco-design/web-vue");
+var index = require("../../MainContent/FileTypeThumb/index.js");
+var api = require("../../../../script/api.js");
+const _hoisted_1 = { class: "sys-res-file-list clearfix" };
+const _hoisted_2 = { class: "thumb-wrap" };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("img", { src: sys_load_more }, null, -1);
+const _sfc_main = vue.defineComponent({
+  __name: "SystemResourceList",
+  props: {
+    sceniro: {},
+    outsideFilter: {}
+  },
+  emits: ["confirm"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const props = __props;
+    const baseApi = vue.inject("baseAPI");
+    const fileList = vue.ref([]);
+    const fileCount = vue.ref(0);
+    const showMore = vue.computed(
+      () => fileList.value.length < props.sceniro.count
+    );
+    vue.watch(
+      () => props.sceniro,
+      () => {
+        fileList.value = props.sceniro.data;
+        fileCount.value = props.sceniro.count;
+      },
+      { deep: true, immediate: true }
+    );
+    const selectedData = vue.ref([]);
+    const confirm = (itemData) => {
+      selectedData.value = [itemData];
+      emits("confirm", selectedData.value);
+    };
+    const loadMore = async () => {
+      const { sceniro } = props;
+      const { outsideFilter } = props;
+      const res = await api.getSysRsPage(baseApi, {
+        sys_classify: sceniro.classify_id,
+        sys_tag: sceniro.sys_tag,
+        keyword: outsideFilter.keyword || "",
+        wh_rate: outsideFilter.wh_rate || "",
+        limit: 10,
+        offset: fileList.value.length
+      });
+      if (res.code !== 0)
+        return;
+      fileCount.value = res.message.count;
+      fileList.value = fileList.value.concat(res.message.data);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createCommentVNode(" \u6587\u4EF6 "),
+        vue.createElementVNode("div", _hoisted_1, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(fileList.value, (item) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: item.classify_id,
+              class: "item"
+            }, [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass([{ active: selectedData.value.includes(item) }, "shadow-wrap"])
+              }, [
+                vue.createElementVNode("div", _hoisted_2, [
+                  vue.createVNode(index, {
+                    "item-data": item,
+                    preview: true,
+                    onConfirm: confirm
+                  }, null, 8, ["item-data"])
+                ]),
+                vue.createElementVNode("h4", null, [
+                  vue.createVNode(vue.unref(webVue.Tooltip), {
+                    content: item.alias,
+                    "open-delay": 500,
+                    effect: "dark",
+                    placement: "top"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode("span", null, vue.toDisplayString(item.alias), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["content"])
+                ])
+              ], 2)
+            ]);
+          }), 128)),
+          showMore.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "item-load-more",
+            style: vue.normalizeStyle({ width: "calc(20% - 20px)" }),
+            onClick: loadMore
+          }, [
+            _hoisted_3,
+            vue.createTextVNode(" \u70B9\u51FB\u52A0\u8F7D\u66F4\u591A ")
+          ], 4)) : vue.createCommentVNode("v-if", true)
+        ])
+      ], 2112);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/resourceModal/components/MediaSelection/SystemResourceSelected/index.js

@@ -0,0 +1,104 @@
+"use strict";
+var vue = require("vue");
+var _null = require("../../../assets/selection/null.js");
+var webVue = require("@arco-design/web-vue");
+var SystemResourceFilter = require("./components/SystemResourceFilter.js");
+var SystemResourceList = require("./components/SystemResourceList.js");
+var api = require("../../../script/api.js");
+const _hoisted_1 = { class: "sys-resource-dialog" };
+const _hoisted_2 = { class: "sys-resource-cards" };
+const _hoisted_3 = {
+  key: 0,
+  class: "scen-module"
+};
+const _hoisted_4 = { class: "title" };
+const _hoisted_5 = /* @__PURE__ */ vue.createElementVNode("div", { class: "line" }, null, -1);
+const _hoisted_6 = {
+  key: 0,
+  class: "null-file"
+};
+const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("img", {
+  class: "null-pic",
+  src: _null
+}, null, -1);
+const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1);
+const _hoisted_9 = [
+  _hoisted_7,
+  _hoisted_8
+];
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  emits: ["confirm"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const mediaUseType = vue.inject("mediaUseType");
+    const baseApi = vue.inject("baseAPI");
+    const scenList = vue.ref([]);
+    const choseScen = vue.ref("");
+    const outsideFilter = vue.ref(null);
+    const handleSearch = async (filter) => {
+      outsideFilter.value = filter;
+      const res = await api.getSysRsByTag(baseApi, filter);
+      if (res.code !== 0)
+        return;
+      scenList.value = res.message.Results;
+    };
+    const handleChangeScen = (scen) => {
+      choseScen.value = scen;
+    };
+    const handleConfirm = (data) => {
+      data[0].realUrl = data[0].url;
+      emits("confirm", data);
+    };
+    const isEmpty = vue.computed(() => {
+      if (!scenList.value.length)
+        return true;
+      if (choseScen.value !== "") {
+        const scen = scenList.value.find(
+          (item) => item.classify_id === choseScen.value
+        );
+        return scen.data === null;
+      }
+      return !scenList.value.some((item) => item.data && item.data.length > 0);
+    });
+    vue.onMounted(() => {
+      handleSearch({ sys_tag: mediaUseType, limit: 9 });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(SystemResourceFilter, {
+          onSearch: handleSearch,
+          onChangeScen: handleChangeScen
+        }),
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(vue.unref(webVue.Scrollbar), { class: "sys-resource-scroll" }, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(scenList.value, (sceniro) => {
+                return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                  key: sceniro.classify_id
+                }, [
+                  sceniro.data && sceniro.data.length > 0 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+                    vue.createElementVNode("div", _hoisted_4, [
+                      _hoisted_5,
+                      vue.createTextVNode(" " + vue.toDisplayString(sceniro.scenario_name), 1)
+                    ]),
+                    vue.createVNode(SystemResourceList, {
+                      "outside-filter": outsideFilter.value,
+                      sceniro,
+                      onConfirm: handleConfirm
+                    }, null, 8, ["outside-filter", "sceniro"])
+                  ], 512)), [
+                    [vue.vShow, [sceniro.classify_id, ""].includes(choseScen.value)]
+                  ]) : vue.createCommentVNode("v-if", true)
+                ], 64);
+              }), 128)),
+              isEmpty.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, _hoisted_9)) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/resourceModal/components/MediaSelection/ToolbarSearch/index.js

@@ -19,7 +19,7 @@ const _sfc_main = vue.defineComponent({
     base_api: {}
   },
   emits: ["search"],
-  setup(__props, { expose: __expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const filter$1 = vue.ref({
       keyword: "",
@@ -59,6 +59,7 @@ const _sfc_main = vue.defineComponent({
       () => contentSearch(),
       { deep: true }
     );
+    const emit = __emit;
     const contentSearch = () => {
       if (filter$1.value.keyword === "" && filter$1.value.upload_by === "" && filter$1.value.sf === "" && filter$1.value.wh_rate === "" && filter$1.value.uploadTime === null) {
         emit("search", null);

package/lib/resourceModal/components/MediaSelection/index.js

@@ -4,8 +4,9 @@ var webVue = require("@arco-design/web-vue");
 var icon = require("@arco-design/web-vue/es/icon");
 var api = require("../../script/api.js");
 var index = require("./DocAiMediaSelected/index.js");
-var index$1 = require("./ToolbarSearch/index.js");
-var index$2 = require("./MainContent/index.js");
+var index$1 = require("./SystemResourceSelected/index.js");
+var index$2 = require("./ToolbarSearch/index.js");
+var index$3 = require("./MainContent/index.js");
 const _hoisted_1 = {
   class: "media-selection",
   unselectable: "on"
@@ -25,8 +26,10 @@ const _sfc_main = vue.defineComponent({
     ai_gif_covers: {}
   },
   emits: ["confirm"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
+    const mediaUseType = vue.inject("mediaUseType");
     const confirm = (itemData) => {
       emit("confirm", itemData);
     };
@@ -44,7 +47,7 @@ const _sfc_main = vue.defineComponent({
     });
     const filter = vue.ref(null);
     const activeMediaType = vue.ref(
-      props.ai_static_covers && props.ai_static_covers.length ? "ai" : "all"
+      props.ai_static_covers && props.ai_static_covers.length ? "ai" : mediaUseType ? "system" : "all"
     );
     const api$1 = vue.ref({ getAttachmentsAll: api.getAttachmentsAll, getAttachmentsMy: api.getAttachmentsMy });
     const currentDirectory = vue.ref({
@@ -172,6 +175,10 @@ const _sfc_main = vue.defineComponent({
                   key: "ai",
                   title: "AI\u4F18\u9009"
                 })) : vue.createCommentVNode("v-if", true),
+                vue.unref(mediaUseType) ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.TabPane), {
+                  key: "system",
+                  title: "\u5185\u7F6E\u8D44\u6E90"
+                })) : vue.createCommentVNode("v-if", true),
                 vue.createVNode(vue.unref(webVue.TabPane), {
                   key: "all",
                   title: "\u5168\u90E8\u7D20\u6750"
@@ -196,12 +203,15 @@ const _sfc_main = vue.defineComponent({
               "selected-max": _ctx.selectedMax,
               preview: _ctx.preview,
               onConfirm: confirm
-            }, null, 8, ["ai_static_covers", "ai_gif_covers", "selected-max", "preview"])) : vue.createCommentVNode("v-if", true),
+            }, null, 8, ["ai_static_covers", "ai_gif_covers", "selected-max", "preview"])) : activeMediaType.value === "system" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              vue.createCommentVNode(" \u5185\u7F6E\u8D44\u6E90 "),
+              vue.createVNode(index$1, { onConfirm: confirm })
+            ], 2112)) : vue.createCommentVNode("v-if", true),
             vue.createCommentVNode(" \u7D20\u6750\u5E93\u7D20\u6750 "),
             vue.createCommentVNode(" \u7EC4\u7EC7\u3001\u6587\u4EF6\u5939\u9762\u5305\u5C51 "),
             vue.withDirectives(vue.createElementVNode("div", _hoisted_4, [
               vue.createElementVNode("div", _hoisted_5, [
-                vue.createVNode(index$1, {
+                vue.createVNode(index$2, {
                   ref_key: "getMoreData",
                   ref: getMoreData,
                   class: "tool-search-box",
@@ -248,7 +258,7 @@ const _sfc_main = vue.defineComponent({
                 _: 1
               })) : vue.createCommentVNode("v-if", true),
               vue.createCommentVNode(" \u6211\u7684\u5DE5\u7A0B\u3001\u89C6\u9891\u5217\u8868 "),
-              vue.createVNode(index$2, {
+              vue.createVNode(index$3, {
                 "folder-list": folderList.value,
                 "file-list": fileList.value,
                 "file-list-count": fileListCount.value,