@cmstops/pro-compo 0.3.68 → 0.3.69

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

@@ -0,0 +1,93 @@
+"use strict";
+var vue = require("vue");
+var Upload = require("./Upload.js");
+var useUpload = require("../../../../hooks/useUpload.js");
+var ListWraper = require("../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 = vue.defineComponent({
+  __name: "index",
+  props: {
+    selectKeys: {},
+    disable: { type: Boolean }
+  },
+  setup(__props) {
+    const userInfo = vue.inject("userInfo");
+    const baseAPI = vue.inject("baseAPI");
+    const repoId = vue.computed(() => {
+      var _a;
+      return (_a = userInfo == null ? void 0 : userInfo.value) == null ? void 0 : _a.repository_id;
+    });
+    const { list, uploadFile, reTranscode, transcodingFile, removeRecord } = useUpload["default"]();
+    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 vue.openBlock(), vue.createBlock(ListWraper, null, {
+        "footer-extra": vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "footer-extra")
+        ]),
+        default: vue.withCtx(() => {
+          var _a, _b;
+          return [
+            vue.createElementVNode("div", _hoisted_1, [
+              vue.createVNode(Upload, { onChange: handleChange })
+            ]),
+            vue.createElementVNode("div", _hoisted_2, [
+              ((_a = vue.unref(list)) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, " \u5DF2\u4E0A\u4F20 " + vue.toDisplayString((_b = vue.unref(list)) == null ? void 0 : _b.length) + " \u4E2A\u7D20\u6750 ", 1)) : vue.createCommentVNode("v-if", true),
+              vue.createCommentVNode(" \u4E0A\u4F20\u5217\u8868 "),
+              vue.createElementVNode("div", _hoisted_4, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(list), (item) => {
+                  return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+                    key: item.sig_id
+                  }, [
+                    vue.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          "),
+                    vue.renderSlot(_ctx.$slots, "item", {
+                      item,
+                      onOptions: handleOptions
+                    })
+                  ], 64);
+                }), 128))
+              ])
+            ])
+          ];
+        }),
+        _: 3
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -2,10 +2,10 @@
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
 var icon = require("@arco-design/web-vue/es/icon");
-var useSelection = require("../../../hooks/useSelection.js");
-var typeMap = require("../../../utils/typeMap.js");
-var api = require("./scripts/api.js");
-var resource = require("../../../utils/resource.js");
+var useSelection = require("../../../../hooks/useSelection.js");
+var typeMap = require("../../../../utils/typeMap.js");
+var selectionApis = require("../../../scripts/selectionApis.js");
+var resource = require("../../../../utils/resource.js");
 const _hoisted_1 = { class: "list-filter-wrapper" };
 const _hoisted_2 = { class: "list-filter" };
 const _hoisted_3 = { class: "filter-list" };
@@ -23,10 +23,9 @@ const _hoisted_9 = {
 };
 const _hoisted_10 = ["onClick"];
 const _sfc_main = vue.defineComponent({
-  __name: "index",
+  __name: "Filter",
   props: {
-    disableUploadBy: { type: Boolean },
-    filterOptions: {}
+    disableUploadBy: { type: Boolean }
   },
   emits: ["upload", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -34,6 +33,7 @@ const _sfc_main = vue.defineComponent({
     const emits = __emit;
     const userInfo = vue.inject("userInfo");
     const baseAPI = vue.inject("baseAPI");
+    const filterOptions = vue.inject("filterOptions");
     const domainId = vue.computed(() => userInfo == null ? void 0 : userInfo.value.domain_id);
     const { options, loading, load, loadMore, handleSearch } = useSelection({
       labelStr: "alias",
@@ -43,7 +43,7 @@ const _sfc_main = vue.defineComponent({
           return Promise.reject(new Error("baseAPI \u4E0D\u5B58\u5728"));
         if (!domainId.value)
           return Promise.reject(new Error("domainId \u4E0D\u5B58\u5728"));
-        const { code, message } = await api.getAccountList(baseAPI, domainId.value, {
+        const { code, message } = await selectionApis.getAccountList(baseAPI, domainId.value, {
           ...pageInfo,
           keywords: keyword
         });
@@ -139,13 +139,13 @@ const _sfc_main = vue.defineComponent({
       { deep: true, immediate: true }
     );
     vue.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;
           }
         }
       },
@@ -207,7 +207,7 @@ const _sfc_main = vue.defineComponent({
               vue.createVNode(vue.unref(webVue.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 = vue.unref(filterOptions)) == null ? void 0 : _a.mediaTypeStrict,
                 "allow-clear": "",
                 placeholder: "\u7C7B\u578B"
               }, {
@@ -280,7 +280,7 @@ const _sfc_main = vue.defineComponent({
               onClick: handleReset
             }, {
               default: vue.withCtx(() => [
-                vue.createTextVNode("\u91CD\u7F6E")
+                vue.createTextVNode(" \u91CD\u7F6E ")
               ]),
               _: 1
             })) : vue.createCommentVNode("v-if", true)

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

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

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

@@ -0,0 +1,142 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var filter = require("../../../../utils/filter.js");
+var useSelection = require("../../../../hooks/useSelection.js");
+var selectionApis = require("../../../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 = vue.defineComponent({
+  __name: "Filter",
+  emits: ["change", "changeScen"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const baseAPI = vue.inject("baseAPI");
+    const sysTag = vue.inject("mediaUseType");
+    const resourceRate = filter.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 selectionApis.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$1 = vue.ref(JSON.parse(JSON.stringify(originFilter)));
+    const classify_id = vue.ref("");
+    const changeScen = () => emit("changeScen", classify_id.value);
+    const handleReset = () => {
+      filter$1.value = JSON.parse(JSON.stringify(originFilter));
+      classify_id.value = "";
+      changeScen();
+    };
+    const isEmpty = vue.computed(() => {
+      return Object.keys(filter$1.value).every((key) => {
+        return filter$1.value[key] === originFilter[key];
+      });
+    });
+    vue.watch(
+      () => filter$1.value,
+      () => {
+        const result = { ...filter$1.value };
+        emit("change", result);
+      },
+      { deep: true, immediate: true }
+    );
+    vue.watch(
+      () => classify_id.value,
+      () => changeScen()
+    );
+    vue.onMounted(() => {
+      load();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createCommentVNode(" \u5173\u952E\u8BCD "),
+            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),
+                "allow-clear": "",
+                placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD"
+              }, null, 8, ["modelValue"])
+            ]),
+            vue.createCommentVNode(" \u7D20\u6750\u7C7B\u578B "),
+            vue.createElementVNode("div", _hoisted_5, [
+              vue.createVNode(vue.unref(webVue.Select), {
+                modelValue: classify_id.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => classify_id.value = $event),
+                loading: vue.unref(loading),
+                "allow-clear": "",
+                placeholder: "\u7C7B\u578B"
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(options), (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", "loading"])
+            ]),
+            vue.createCommentVNode(" \u7D20\u6750\u4E0A\u4F20\u6765\u6E90 "),
+            vue.createElementVNode("div", _hoisted_6, [
+              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),
+                "allow-clear": "",
+                placeholder: "\u56FE\u7247\u6BD4\u4F8B"
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(resourceRate), (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"])
+            ]),
+            !isEmpty.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
+              key: 0,
+              type: "text",
+              onClick: handleReset
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(" \u91CD\u7F6E ")
+              ]),
+              _: 1
+            })) : vue.createCommentVNode("v-if", true)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,68 @@
+"use strict";
+var vue = require("vue");
+var sys_load_more = require("../../../assets/images/sys_load_more.js");
+var useAttachement = require("../../../../hooks/useAttachement.js");
+const _hoisted_1 = { class: "list-item-grid" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("img", { src: sys_load_more }, null, -1);
+const _sfc_main = vue.defineComponent({
+  __name: "SubList",
+  props: {
+    sceniro: {},
+    outsideFilter: {}
+  },
+  setup(__props) {
+    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 loadMore = async () => {
+      const { sceniro } = props;
+      const { outsideFilter } = props;
+      const res = await useAttachement.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.renderSlot(_ctx.$slots, "item", {
+              key: item.classify_id,
+              item
+            });
+          }), 128)),
+          showMore.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: "item-load-more",
+            onClick: loadMore
+          }, [
+            _hoisted_2,
+            vue.createTextVNode(" \u70B9\u51FB\u52A0\u8F7D\u66F4\u591A ")
+          ])) : vue.createCommentVNode("v-if", true)
+        ])
+      ], 2112);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,110 @@
+"use strict";
+var vue = require("vue");
+var ListWraper = require("../ListWraper.js");
+var Filter = require("./Filter.js");
+var SubList = require("./SubList.js");
+var useAttachement = require("../../../../hooks/useAttachement.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "scen-module"
+};
+const _hoisted_2 = { class: "title" };
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "line" }, null, -1);
+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 loading = vue.ref(true);
+    const handleSearch = async (filter) => {
+      loading.value = true;
+      try {
+        outsideFilter.value = filter;
+        const res = await useAttachement.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 = 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 == null ? void 0 : mediaUseType.value) || 1, limit: 9 });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(ListWraper, {
+        list: _ctx.list,
+        loading: loading.value,
+        "is-empty": isEmpty.value
+      }, {
+        "footer-extra": vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "footer-extra")
+        ]),
+        header: vue.withCtx(() => [
+          vue.createCommentVNode(" \u5207\u6362\u573A\u666F "),
+          vue.createVNode(Filter, {
+            onChange: handleSearch,
+            onChangeScen: handleChangeScen
+          })
+        ]),
+        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_1, [
+                vue.createElementVNode("div", _hoisted_2, [
+                  _hoisted_3,
+                  vue.createTextVNode(" " + vue.toDisplayString(sceniro.scenario_name), 1)
+                ]),
+                vue.createCommentVNode(" \u5185\u7F6E\u7D20\u6750 - \u573A\u666F\u5217\u8868 "),
+                vue.createVNode(SubList, {
+                  "outside-filter": outsideFilter.value,
+                  sceniro,
+                  onConfirm: handleConfirm
+                }, {
+                  item: vue.withCtx(({ item }) => [
+                    vue.renderSlot(_ctx.$slots, "item", { item })
+                  ]),
+                  _: 2
+                }, 1032, ["outside-filter", "sceniro"])
+              ], 512)), [
+                [vue.vShow, [sceniro.classify_id, ""].includes(choseScen.value)]
+              ]) : vue.createCommentVNode("v-if", true)
+            ], 64);
+          }), 128))
+        ]),
+        _: 3
+      }, 8, ["list", "loading", "is-empty"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,62 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var component = require("../../../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 = vue.defineComponent({
+  __name: "ListWraper",
+  props: {
+    list: {},
+    isEmpty: { type: Boolean },
+    loading: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _ctx.$slots.header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.renderSlot(_ctx.$slots, "header")
+        ])) : vue.createCommentVNode("v-if", true),
+        vue.createElementVNode("div", _hoisted_3, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            vue.createVNode(vue.unref(webVue.Spin), {
+              tip: "\u7D20\u6750\u52A0\u8F7D\u4E2D",
+              loading: true
+            })
+          ])) : _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+            vue.createVNode(component, { type: "empty" })
+          ])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+            vue.createCommentVNode(" \u5185\u5BB9\u6837\u5F0F\u4E00\uFF1A\u6805\u683C\u6837\u5F0F\uFF0C\u5916\u90E8 props \u4F20 list "),
+            vue.createVNode(vue.unref(webVue.Scrollbar), {
+              "outer-style": { height: "100%" },
+              style: { "height": "100%", "overflow": "auto" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            })
+          ], 2112))
+        ]),
+        vue.createElementVNode("div", _hoisted_6, [
+          vue.renderSlot(_ctx.$slots, "footer"),
+          vue.renderSlot(_ctx.$slots, "footer-extra")
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

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