@cmstops/pro-compo 0.3.68 → 0.3.69

package/es/selectResourceModal/components/List/ListLocal/index.js

@@ -0,0 +1,92 @@
+import { defineComponent, inject, computed, openBlock, createBlock, withCtx, renderSlot, createElementVNode, createVNode, unref, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList } from "vue";
+import _sfc_main$2 from "./Upload.js";
+import useUpload from "../../../../hooks/useUpload.js";
+import _sfc_main$1 from "../ListWraper.js";
+const _hoisted_1 = { class: "list-upload" };
+const _hoisted_2 = { class: "list-content" };
+const _hoisted_3 = {
+  key: 0,
+  class: "list-tips"
+};
+const _hoisted_4 = { class: "list-item-grid" };
+const _sfc_main = defineComponent({
+  __name: "index",
+  props: {
+    selectKeys: {},
+    disable: { type: Boolean }
+  },
+  setup(__props) {
+    const userInfo = inject("userInfo");
+    const baseAPI = inject("baseAPI");
+    const repoId = computed(() => {
+      var _a;
+      return (_a = userInfo == null ? void 0 : userInfo.value) == null ? void 0 : _a.repository_id;
+    });
+    const { list, uploadFile, reTranscode, transcodingFile, removeRecord } = useUpload();
+    function handleChange(file) {
+      if (!baseAPI || !repoId.value)
+        return;
+      uploadFile(
+        baseAPI,
+        file.file,
+        0,
+        repoId.value,
+        (media) => transcodingFile(baseAPI, media, repoId.value)
+      );
+    }
+    async function handleOptions(e) {
+      var _a, _b;
+      if (e.key === "reupload") {
+        if (!e.item || !((_a = e.item) == null ? void 0 : _a.originFile))
+          return;
+        e.item.originFile.sig_id = e.item.sig_id;
+        e.item.originFile.id = e.item.id;
+        handleChange({ file: e.item.originFile });
+      } else if (e.key === "retranscode") {
+        if (!baseAPI || !((_b = e.item) == null ? void 0 : _b.mediaFile))
+          return;
+        if (!await reTranscode(baseAPI, e.item.mediaFile))
+          return;
+        transcodingFile(baseAPI, e.item.mediaFile, repoId.value);
+      } else if (e.key === "remove") {
+        if (!e.item)
+          return;
+        removeRecord(e.item);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, null, {
+        "footer-extra": withCtx(() => [
+          renderSlot(_ctx.$slots, "footer-extra")
+        ]),
+        default: withCtx(() => {
+          var _a, _b;
+          return [
+            createElementVNode("div", _hoisted_1, [
+              createVNode(_sfc_main$2, { onChange: handleChange })
+            ]),
+            createElementVNode("div", _hoisted_2, [
+              ((_a = unref(list)) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_3, " \u5DF2\u4E0A\u4F20 " + toDisplayString((_b = unref(list)) == null ? void 0 : _b.length) + " \u4E2A\u7D20\u6750 ", 1)) : createCommentVNode("v-if", true),
+              createCommentVNode(" \u4E0A\u4F20\u5217\u8868 "),
+              createElementVNode("div", _hoisted_4, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item) => {
+                  return openBlock(), createElementBlock(Fragment, {
+                    key: item.sig_id
+                  }, [
+                    createCommentVNode(" \n            onOptions \u7528\u4E8E\u5904\u7406\u5361\u7247\u91CC\u5916\u90E8\u4E0D\u80FD\u6355\u83B7\u7684\u64CD\u4F5C\n            1. \u6BD4\u5982\u5916\u90E8\u65E0\u6CD5\u5904\u7406\u9700\u8981\u91CD\u65B0\u4E0A\u4F20/\u8F6C\u7801/\u5220\u9664\u7684\u903B\u8F91 \n            2. \u90A3\u4E48\u5C31\u5C06\u5904\u7406\u7684\u65B9\u6CD5\u4E5F\u4E00\u540C\u629B\u51FA\uFF0C\u7531\u5916\u90E8\u8C03\u7528\n          "),
+                    renderSlot(_ctx.$slots, "item", {
+                      item,
+                      onOptions: handleOptions
+                    })
+                  ], 64);
+                }), 128))
+              ])
+            ])
+          ];
+        }),
+        _: 3
+      });
+    };
+  }
+});
+export { _sfc_main as default };

package/es/selectResourceModal/components/{ListFilter/index.js → List/ListNormal/Filter.js}

@@ -1,10 +1,10 @@
 import { defineComponent, inject, computed, ref, watch, onMounted, openBlock, createElementBlock, createElementVNode, createCommentVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, Fragment, renderList, createBlock, normalizeClass } from "vue";
 import { Input, Dropdown, Doption, Button, Select, Option, RangePicker } from "@arco-design/web-vue";
 import { IconUpload } from "@arco-design/web-vue/es/icon";
-import useSelection from "../../../hooks/useSelection.js";
-import { RESOURCE_SOURCE_OPTIONS, RESOURCE_CATALOG_OPTIONS } from "../../../utils/typeMap.js";
-import { getAccountList } from "./scripts/api.js";
-import { keywordsSelection } from "../../../utils/resource.js";
+import useSelection from "../../../../hooks/useSelection.js";
+import { RESOURCE_SOURCE_OPTIONS, RESOURCE_CATALOG_OPTIONS } from "../../../../utils/typeMap.js";
+import { getAccountList } from "../../../scripts/selectionApis.js";
+import { keywordsSelection } from "../../../../utils/resource.js";
 const _hoisted_1 = { class: "list-filter-wrapper" };
 const _hoisted_2 = { class: "list-filter" };
 const _hoisted_3 = { class: "filter-list" };
@@ -22,10 +22,9 @@ const _hoisted_9 = {
 };
 const _hoisted_10 = ["onClick"];
 const _sfc_main = defineComponent({
-  __name: "index",
+  __name: "Filter",
   props: {
-    disableUploadBy: { type: Boolean },
-    filterOptions: {}
+    disableUploadBy: { type: Boolean }
   },
   emits: ["upload", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -33,6 +32,7 @@ const _sfc_main = defineComponent({
     const emits = __emit;
     const userInfo = inject("userInfo");
     const baseAPI = inject("baseAPI");
+    const filterOptions = inject("filterOptions");
     const domainId = computed(() => userInfo == null ? void 0 : userInfo.value.domain_id);
     const { options, loading, load, loadMore, handleSearch } = useSelection({
       labelStr: "alias",
@@ -138,13 +138,13 @@ const _sfc_main = defineComponent({
       { deep: true, immediate: true }
     );
     watch(
-      () => props.filterOptions,
+      () => filterOptions == null ? void 0 : filterOptions.value,
       () => {
         var _a;
-        if ((_a = props.filterOptions) == null ? void 0 : _a.mediaType) {
-          filter.value.catalog = props.filterOptions.mediaType;
-          if (props.filterOptions.mediaTypeStrict) {
-            originFilter.catalog = props.filterOptions.mediaType;
+        if ((_a = filterOptions == null ? void 0 : filterOptions.value) == null ? void 0 : _a.mediaType) {
+          filter.value.catalog = filterOptions == null ? void 0 : filterOptions.value.mediaType;
+          if (filterOptions == null ? void 0 : filterOptions.value.mediaTypeStrict) {
+            originFilter.catalog = filterOptions == null ? void 0 : filterOptions.value.mediaType;
           }
         }
       },
@@ -206,7 +206,7 @@ const _sfc_main = defineComponent({
               createVNode(unref(Select), {
                 modelValue: filter.value.catalog,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.catalog = $event),
-                disabled: (_a = _ctx.filterOptions) == null ? void 0 : _a.mediaTypeStrict,
+                disabled: (_a = unref(filterOptions)) == null ? void 0 : _a.mediaTypeStrict,
                 "allow-clear": "",
                 placeholder: "\u7C7B\u578B"
               }, {
@@ -279,7 +279,7 @@ const _sfc_main = defineComponent({
               onClick: handleReset
             }, {
               default: withCtx(() => [
-                createTextVNode("\u91CD\u7F6E")
+                createTextVNode(" \u91CD\u7F6E ")
               ]),
               _: 1
             })) : createCommentVNode("v-if", true)

package/es/selectResourceModal/components/List/ListNormal/index.js

@@ -0,0 +1,77 @@
+import { defineComponent, inject, watch, onMounted, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, isRef, createElementVNode, createElementBlock, Fragment, renderList } from "vue";
+import { Pagination } from "@arco-design/web-vue";
+import _sfc_main$1 from "../ListWraper.js";
+import useAttachement from "../../../../hooks/useAttachement.js";
+import _sfc_main$2 from "./Filter.js";
+const _hoisted_1 = { class: "list-item-grid" };
+const _sfc_main = defineComponent({
+  __name: "index",
+  props: {
+    activeKey: {}
+  },
+  emits: ["change-tab"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const BASE_API = inject("baseAPI");
+    const {
+      list,
+      total,
+      limit,
+      pageIdx,
+      loading,
+      changeFilter,
+      changePage,
+      changeSize,
+      loadData,
+      changeKey
+    } = useAttachement({ key: props.activeKey, BASE_API });
+    watch(() => props.activeKey, changeKey);
+    onMounted(() => {
+      loadData();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        list: unref(list),
+        loading: unref(loading),
+        "is-empty": unref(list).length === 0
+      }, {
+        "footer-extra": withCtx(() => [
+          renderSlot(_ctx.$slots, "footer-extra")
+        ]),
+        header: withCtx(() => [
+          createVNode(_sfc_main$2, {
+            onChange: unref(changeFilter),
+            onUpload: _cache[0] || (_cache[0] = ($event) => emits("change-tab", "local"))
+          }, null, 8, ["onChange"])
+        ]),
+        footer: withCtx(() => [
+          createVNode(unref(Pagination), {
+            current: unref(pageIdx),
+            "onUpdate:current": _cache[1] || (_cache[1] = ($event) => isRef(pageIdx) ? pageIdx.value = $event : null),
+            total: unref(total),
+            "page-size": unref(limit),
+            "show-total": "",
+            "show-page-size": "",
+            "base-size": 3,
+            "buffer-size": 1,
+            onChange: _cache[2] || (_cache[2] = (e) => unref(changePage)((e - 1) * unref(limit))),
+            onPageSizeChange: unref(changeSize)
+          }, null, 8, ["current", "total", "page-size", "onPageSizeChange"])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item) => {
+              return renderSlot(_ctx.$slots, "item", {
+                key: item.id,
+                item
+              });
+            }), 128))
+          ])
+        ]),
+        _: 3
+      }, 8, ["list", "loading", "is-empty"]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/selectResourceModal/components/List/ListSystem/Filter.js

@@ -0,0 +1,141 @@
+import { defineComponent, inject, ref, computed, watch, onMounted, openBlock, createElementBlock, createElementVNode, createCommentVNode, createVNode, unref, withCtx, Fragment, renderList, createBlock, createTextVNode } from "vue";
+import { Input, Select, Option, Button } from "@arco-design/web-vue";
+import { rateOptions } from "../../../../utils/filter.js";
+import useSelection from "../../../../hooks/useSelection.js";
+import { getSysRsClassifyList } from "../../../scripts/selectionApis.js";
+const _hoisted_1 = { class: "list-filter-wrapper" };
+const _hoisted_2 = { class: "list-filter" };
+const _hoisted_3 = { class: "filter-list" };
+const _hoisted_4 = { style: { "width": "200px" } };
+const _hoisted_5 = { class: "filter-item" };
+const _hoisted_6 = {
+  class: "filter-item",
+  style: { "width": "120px" }
+};
+const _sfc_main = defineComponent({
+  __name: "Filter",
+  emits: ["change", "changeScen"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const baseAPI = inject("baseAPI");
+    const sysTag = inject("mediaUseType");
+    const resourceRate = rateOptions.value;
+    const { options, loading, load } = useSelection({
+      labelStr: "scenario_name",
+      valueStr: "classify_id",
+      func: async () => {
+        if (!baseAPI)
+          return Promise.reject(new Error("baseAPI \u4E0D\u5B58\u5728"));
+        const { code, message } = await getSysRsClassifyList(
+          baseAPI,
+          (sysTag == null ? void 0 : sysTag.value) || 1
+        );
+        if (code !== 0)
+          return Promise.reject(new Error(message));
+        return message.classifies;
+      }
+    });
+    const originFilter = {
+      wh_rate: "",
+      keyword: "",
+      limit: 9
+    };
+    const filter = ref(JSON.parse(JSON.stringify(originFilter)));
+    const classify_id = ref("");
+    const changeScen = () => emit("changeScen", classify_id.value);
+    const handleReset = () => {
+      filter.value = JSON.parse(JSON.stringify(originFilter));
+      classify_id.value = "";
+      changeScen();
+    };
+    const isEmpty = computed(() => {
+      return Object.keys(filter.value).every((key) => {
+        return filter.value[key] === originFilter[key];
+      });
+    });
+    watch(
+      () => filter.value,
+      () => {
+        const result = { ...filter.value };
+        emit("change", result);
+      },
+      { deep: true, immediate: true }
+    );
+    watch(
+      () => classify_id.value,
+      () => changeScen()
+    );
+    onMounted(() => {
+      load();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createCommentVNode(" \u5173\u952E\u8BCD "),
+            createElementVNode("div", _hoisted_4, [
+              createVNode(unref(Input), {
+                modelValue: filter.value.keyword,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.keyword = $event),
+                "allow-clear": "",
+                placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD"
+              }, null, 8, ["modelValue"])
+            ]),
+            createCommentVNode(" \u7D20\u6750\u7C7B\u578B "),
+            createElementVNode("div", _hoisted_5, [
+              createVNode(unref(Select), {
+                modelValue: classify_id.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => classify_id.value = $event),
+                loading: unref(loading),
+                "allow-clear": "",
+                placeholder: "\u7C7B\u578B"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(options), (item) => {
+                    return openBlock(), createBlock(unref(Option), {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue", "loading"])
+            ]),
+            createCommentVNode(" \u7D20\u6750\u4E0A\u4F20\u6765\u6E90 "),
+            createElementVNode("div", _hoisted_6, [
+              createVNode(unref(Select), {
+                modelValue: filter.value.wh_rate,
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.wh_rate = $event),
+                "allow-clear": "",
+                placeholder: "\u56FE\u7247\u6BD4\u4F8B"
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(resourceRate), (item) => {
+                    return openBlock(), createBlock(unref(Option), {
+                      key: item.value,
+                      label: item.label,
+                      value: item.value
+                    }, null, 8, ["label", "value"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ]),
+            !isEmpty.value ? (openBlock(), createBlock(unref(Button), {
+              key: 0,
+              type: "text",
+              onClick: handleReset
+            }, {
+              default: withCtx(() => [
+                createTextVNode(" \u91CD\u7F6E ")
+              ]),
+              _: 1
+            })) : createCommentVNode("v-if", true)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/selectResourceModal/components/List/ListSystem/SubList.js

@@ -0,0 +1,67 @@
+import { defineComponent, inject, ref, computed, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, renderList, renderSlot, createTextVNode } from "vue";
+import _imports_0 from "../../../assets/images/sys_load_more.js";
+import { getSysRsPage } from "../../../../hooks/useAttachement.js";
+const _hoisted_1 = { class: "list-item-grid" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("img", { src: _imports_0 }, null, -1);
+const _sfc_main = defineComponent({
+  __name: "SubList",
+  props: {
+    sceniro: {},
+    outsideFilter: {}
+  },
+  setup(__props) {
+    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 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 renderSlot(_ctx.$slots, "item", {
+              key: item.classify_id,
+              item
+            });
+          }), 128)),
+          showMore.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "item-load-more",
+            onClick: loadMore
+          }, [
+            _hoisted_2,
+            createTextVNode(" \u70B9\u51FB\u52A0\u8F7D\u66F4\u591A ")
+          ])) : createCommentVNode("v-if", true)
+        ])
+      ], 2112);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/selectResourceModal/components/List/ListSystem/index.js

@@ -0,0 +1,109 @@
+import { defineComponent, inject, ref, computed, onMounted, openBlock, createBlock, withCtx, renderSlot, createCommentVNode, createVNode, createElementBlock, Fragment, renderList, withDirectives, createElementVNode, createTextVNode, toDisplayString, vShow } from "vue";
+import _sfc_main$1 from "../ListWraper.js";
+import _sfc_main$2 from "./Filter.js";
+import _sfc_main$3 from "./SubList.js";
+import { getSysRsByTag } from "../../../../hooks/useAttachement.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "scen-module"
+};
+const _hoisted_2 = { class: "title" };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", { class: "line" }, null, -1);
+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 loading = ref(true);
+    const handleSearch = async (filter) => {
+      loading.value = true;
+      try {
+        outsideFilter.value = filter;
+        const res = await getSysRsByTag(baseApi, {
+          ...filter,
+          sys_tag: mediaUseType == null ? void 0 : mediaUseType.value
+        });
+        if (res.code !== 0)
+          return;
+        scenList.value = res.message.Results;
+      } catch (e) {
+        console.log("\u83B7\u53D6\u5185\u7F6E\u7D20\u6750\u5931\u8D25", e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    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 == null ? void 0 : mediaUseType.value) || 1, limit: 9 });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        list: _ctx.list,
+        loading: loading.value,
+        "is-empty": isEmpty.value
+      }, {
+        "footer-extra": withCtx(() => [
+          renderSlot(_ctx.$slots, "footer-extra")
+        ]),
+        header: withCtx(() => [
+          createCommentVNode(" \u5207\u6362\u573A\u666F "),
+          createVNode(_sfc_main$2, {
+            onChange: handleSearch,
+            onChangeScen: handleChangeScen
+          })
+        ]),
+        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_1, [
+                createElementVNode("div", _hoisted_2, [
+                  _hoisted_3,
+                  createTextVNode(" " + toDisplayString(sceniro.scenario_name), 1)
+                ]),
+                createCommentVNode(" \u5185\u7F6E\u7D20\u6750 - \u573A\u666F\u5217\u8868 "),
+                createVNode(_sfc_main$3, {
+                  "outside-filter": outsideFilter.value,
+                  sceniro,
+                  onConfirm: handleConfirm
+                }, {
+                  item: withCtx(({ item }) => [
+                    renderSlot(_ctx.$slots, "item", { item })
+                  ]),
+                  _: 2
+                }, 1032, ["outside-filter", "sceniro"])
+              ], 512)), [
+                [vShow, [sceniro.classify_id, ""].includes(choseScen.value)]
+              ]) : createCommentVNode("v-if", true)
+            ], 64);
+          }), 128))
+        ]),
+        _: 3
+      }, 8, ["list", "loading", "is-empty"]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/selectResourceModal/components/List/ListWraper.js

@@ -0,0 +1,61 @@
+import { defineComponent, openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, createVNode, unref, Fragment, withCtx } from "vue";
+import { Spin, Scrollbar } from "@arco-design/web-vue";
+import _sfc_main$1 from "../../../emptyData/component.js";
+const _hoisted_1 = { class: "resource-list" };
+const _hoisted_2 = {
+  key: 0,
+  class: "resource-list-header"
+};
+const _hoisted_3 = { class: "resource-list-content" };
+const _hoisted_4 = {
+  key: 0,
+  class: "resource-list-content-loading"
+};
+const _hoisted_5 = {
+  key: 1,
+  class: "resource-list-content-empty"
+};
+const _hoisted_6 = { class: "resource-list-footer" };
+const _sfc_main = defineComponent({
+  __name: "ListWraper",
+  props: {
+    list: {},
+    isEmpty: { type: Boolean },
+    loading: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "header")
+        ])) : createCommentVNode("v-if", true),
+        createElementVNode("div", _hoisted_3, [
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            createVNode(unref(Spin), {
+              tip: "\u7D20\u6750\u52A0\u8F7D\u4E2D",
+              loading: true
+            })
+          ])) : _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            createVNode(_sfc_main$1, { type: "empty" })
+          ])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+            createCommentVNode(" \u5185\u5BB9\u6837\u5F0F\u4E00\uFF1A\u6805\u683C\u6837\u5F0F\uFF0C\u5916\u90E8 props \u4F20 list "),
+            createVNode(unref(Scrollbar), {
+              "outer-style": { height: "100%" },
+              style: { "height": "100%", "overflow": "auto" }
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            })
+          ], 2112))
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          renderSlot(_ctx.$slots, "footer"),
+          renderSlot(_ctx.$slots, "footer-extra")
+        ])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/selectResourceModal/components/ListTabs/index.js

@@ -1,11 +1,12 @@
-import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref, withCtx } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock } from "vue";
 import { IconClose } from "@arco-design/web-vue/es/icon";
 import { Tabs, Button, TabPane } from "@arco-design/web-vue";
 const _hoisted_1 = { class: "resource-select-header" };
 const _sfc_main = defineComponent({
   __name: "index",
   props: {
-    modelValue: {}
+    modelValue: {},
+    tabList: {}
   },
   emits: ["update:model-value", "change", "close"],
   setup(__props, { emit: __emit }) {
@@ -36,22 +37,12 @@ const _sfc_main = defineComponent({
             })
           ]),
           default: withCtx(() => [
-            createVNode(unref(TabPane), {
-              key: "all",
-              title: "\u5168\u90E8\u7D20\u6750"
-            }),
-            createVNode(unref(TabPane), {
-              key: "my",
-              title: "\u6211\u7684\u7D20\u6750"
-            }),
-            createVNode(unref(TabPane), {
-              key: "remind",
-              title: "\u63D0\u9192\u6211\u7684"
-            }),
-            createVNode(unref(TabPane), {
-              key: "local",
-              title: "\u672C\u5730\u7D20\u6750"
-            })
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabList, (tab) => {
+              return openBlock(), createBlock(unref(TabPane), {
+                key: tab.key,
+                title: tab.title
+              }, null, 8, ["title"]);
+            }), 128))
           ]),
           _: 1
         }, 8, ["active-key"])