@cmstops/pro-compo 0.1.30 → 0.1.32

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

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

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

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

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

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

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

@@ -0,0 +1,103 @@
+import { defineComponent, inject, ref, computed, onMounted, openBlock, createElementBlock, createVNode, createElementVNode, unref, withCtx, Fragment, renderList, withDirectives, createTextVNode, toDisplayString, vShow, createCommentVNode } from "vue";
+import _imports_0 from "../../../assets/selection/null.js";
+import { Scrollbar } from "@arco-design/web-vue";
+import _sfc_main$1 from "./components/SystemResourceFilter.js";
+import _sfc_main$2 from "./components/SystemResourceList.js";
+import { getSysRsByTag } from "../../../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__ */ createElementVNode("div", { class: "line" }, null, -1);
+const _hoisted_6 = {
+  key: 0,
+  class: "null-file"
+};
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("img", {
+  class: "null-pic",
+  src: _imports_0
+}, null, -1);
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("p", null, "\u6682\u65E0\u7D20\u6750", -1);
+const _hoisted_9 = [
+  _hoisted_7,
+  _hoisted_8
+];
+const _sfc_main = defineComponent({
+  __name: "index",
+  emits: ["confirm"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const mediaUseType = inject("mediaUseType");
+    const baseApi = inject("baseAPI");
+    const scenList = ref([]);
+    const choseScen = ref("");
+    const outsideFilter = ref(null);
+    const handleSearch = async (filter) => {
+      outsideFilter.value = filter;
+      const res = await 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 = 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);
+    });
+    onMounted(() => {
+      handleSearch({ sys_tag: mediaUseType, limit: 9 });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          onSearch: handleSearch,
+          onChangeScen: handleChangeScen
+        }),
+        createElementVNode("div", _hoisted_2, [
+          createVNode(unref(Scrollbar), { class: "sys-resource-scroll" }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(scenList.value, (sceniro) => {
+                return openBlock(), createElementBlock(Fragment, {
+                  key: sceniro.classify_id
+                }, [
+                  sceniro.data && sceniro.data.length > 0 ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
+                    createElementVNode("div", _hoisted_4, [
+                      _hoisted_5,
+                      createTextVNode(" " + toDisplayString(sceniro.scenario_name), 1)
+                    ]),
+                    createVNode(_sfc_main$2, {
+                      "outside-filter": outsideFilter.value,
+                      sceniro,
+                      onConfirm: handleConfirm
+                    }, null, 8, ["outside-filter", "sceniro"])
+                  ], 512)), [
+                    [vShow, [sceniro.classify_id, ""].includes(choseScen.value)]
+                  ]) : createCommentVNode("v-if", true)
+                ], 64);
+              }), 128)),
+              isEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_6, _hoisted_9)) : createCommentVNode("v-if", true)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

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

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

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

@@ -1,10 +1,11 @@
-import { defineComponent, ref, onMounted, computed, openBlock, createElementBlock, createElementVNode, createCommentVNode, createVNode, unref, withCtx, createBlock, normalizeStyle, withDirectives, Fragment, renderList, createTextVNode, toDisplayString, vShow } from "vue";
+import { defineComponent, inject, ref, onMounted, computed, openBlock, createElementBlock, createElementVNode, createCommentVNode, createVNode, unref, withCtx, createBlock, normalizeStyle, Fragment, withDirectives, renderList, createTextVNode, toDisplayString, vShow } from "vue";
 import { Tabs, TabPane, Button, Breadcrumb, BreadcrumbItem } from "@arco-design/web-vue";
 import { IconArrowLeft } from "@arco-design/web-vue/es/icon";
 import { getAttachmentsAll, getAttachmentsMy, getDirectories } from "../../script/api.js";
 import _sfc_main$1 from "./DocAiMediaSelected/index.js";
-import _sfc_main$2 from "./ToolbarSearch/index.js";
-import _sfc_main$3 from "./MainContent/index.js";
+import _sfc_main$2 from "./SystemResourceSelected/index.js";
+import _sfc_main$3 from "./ToolbarSearch/index.js";
+import _sfc_main$4 from "./MainContent/index.js";
 const _hoisted_1 = {
   class: "media-selection",
   unselectable: "on"
@@ -24,8 +25,10 @@ const _sfc_main = defineComponent({
     ai_gif_covers: {}
   },
   emits: ["confirm"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
+    const mediaUseType = inject("mediaUseType");
     const confirm = (itemData) => {
       emit("confirm", itemData);
     };
@@ -43,7 +46,7 @@ const _sfc_main = defineComponent({
     });
     const filter = ref(null);
     const activeMediaType = 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 = ref({ getAttachmentsAll, getAttachmentsMy });
     const currentDirectory = ref({
@@ -171,6 +174,10 @@ const _sfc_main = defineComponent({
                   key: "ai",
                   title: "AI\u4F18\u9009"
                 })) : createCommentVNode("v-if", true),
+                unref(mediaUseType) ? (openBlock(), createBlock(unref(TabPane), {
+                  key: "system",
+                  title: "\u5185\u7F6E\u8D44\u6E90"
+                })) : createCommentVNode("v-if", true),
                 createVNode(unref(TabPane), {
                   key: "all",
                   title: "\u5168\u90E8\u7D20\u6750"
@@ -195,12 +202,15 @@ const _sfc_main = defineComponent({
               "selected-max": _ctx.selectedMax,
               preview: _ctx.preview,
               onConfirm: confirm
-            }, null, 8, ["ai_static_covers", "ai_gif_covers", "selected-max", "preview"])) : createCommentVNode("v-if", true),
+            }, null, 8, ["ai_static_covers", "ai_gif_covers", "selected-max", "preview"])) : activeMediaType.value === "system" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createCommentVNode(" \u5185\u7F6E\u8D44\u6E90 "),
+              createVNode(_sfc_main$2, { onConfirm: confirm })
+            ], 2112)) : createCommentVNode("v-if", true),
             createCommentVNode(" \u7D20\u6750\u5E93\u7D20\u6750 "),
             createCommentVNode(" \u7EC4\u7EC7\u3001\u6587\u4EF6\u5939\u9762\u5305\u5C51 "),
             withDirectives(createElementVNode("div", _hoisted_4, [
               createElementVNode("div", _hoisted_5, [
-                createVNode(_sfc_main$2, {
+                createVNode(_sfc_main$3, {
                   ref_key: "getMoreData",
                   ref: getMoreData,
                   class: "tool-search-box",
@@ -247,7 +257,7 @@ const _sfc_main = defineComponent({
                 _: 1
               })) : createCommentVNode("v-if", true),
               createCommentVNode(" \u6211\u7684\u5DE5\u7A0B\u3001\u89C6\u9891\u5217\u8868 "),
-              createVNode(_sfc_main$3, {
+              createVNode(_sfc_main$4, {
                 "folder-list": folderList.value,
                 "file-list": fileList.value,
                 "file-list-count": fileListCount.value,