@cmstops/pro-compo 0.3.67 → 0.3.69

package/lib/selectResourceModal/component.js

@@ -1,15 +1,13 @@
 "use strict";
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
-var index$5 = require("../emptyData/index.js");
+var index$2 = require("../emptyData/index.js");
 var index = require("./components/ListTabs/index.js");
-var index$1 = require("./components/ListFilter/index.js");
-var index$2 = require("./components/ListContent/index.js");
-var index$4 = require("./components/ListSelected/index.js");
-var index$3 = require("./components/ListContentLocal/index.js");
-var useAttachement = require("../hooks/useAttachement.js");
-var config = require("../config.js");
+var index$1 = require("./components/ListSelected/index.js");
+var ListCardWrapper = require("./components/List/ListCardWrapper.js");
 var useResourceSelect = require("./scripts/useResourceSelect.js");
+var useTabFilter = require("./scripts/useTabFilter.js");
+var useCompoLf = require("./scripts/useCompoLf.js");
 const _hoisted_1 = { class: "resource-select-wrap" };
 const _hoisted_2 = { class: "resource-select-main" };
 const _hoisted_3 = {
@@ -17,13 +15,6 @@ const _hoisted_3 = {
   class: "resource-select-container"
 };
 const _hoisted_4 = {
-  key: 0,
-  class: "resource-select-filter"
-};
-const _hoisted_5 = { class: "resource-select-content" };
-const _hoisted_6 = { class: "resource-select-footer" };
-const _hoisted_7 = { class: "footer-left" };
-const _hoisted_8 = {
   key: 0,
   class: "footer-right"
 };
@@ -36,180 +27,90 @@ const _sfc_main = vue.defineComponent({
     userInfo: {},
     maxcount: {},
     wrap: {},
-    filterOptions: {}
+    filterOptions: {},
+    tabKeys: {},
+    mediaUseType: {}
   },
   emits: ["update:visible", "submit"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
-    const wrapProps = vue.computed(() => {
-      if (props.wrap === "drawer") {
-        return {
-          class: "resource-select-drawer",
-          header: false,
-          width: "1024px",
-          footer: false
-        };
+    const { selected, selectedKeys, disableSelect, handleSelect, handleClear } = useResourceSelect.useResourceSelect(props);
+    const { activeKey, activeComponent, tabKeyList } = useTabFilter(props);
+    const { wrapProps, close, submit } = useCompoLf(props, emits);
+    const handleOptions = (options, handleOptions2) => {
+      const { key, meta } = options;
+      if (key === "select-one") {
+        if (Array.isArray(meta))
+          submit(meta);
+        else
+          submit([meta]);
+        close();
+        return;
       }
-      return {
-        bodyClass: "resource-select-modal-body",
-        width: "986px",
-        closable: false,
-        hideTitle: false,
-        footer: false
-      };
-    });
-    const activeKey = vue.ref("all");
-    vue.provide("filterOptions", vue.computed(() => props.filterOptions));
-    vue.provide("userInfo", vue.computed(() => props.userInfo));
-    vue.provide("baseAPI", BASE_API);
-    const {
-      list,
-      total,
-      limit,
-      pageIdx,
-      loading,
-      changeKey,
-      changeFilter,
-      changePage,
-      changeSize
-    } = useAttachement["default"]({ key: "all", BASE_API });
-    const {
-      selected,
-      selectedKeys,
-      disableSelect,
-      handleSelect,
-      handleClear
-    } = useResourceSelect.useResourceSelect(props);
-    function handleClose() {
-      handleClear();
-      emits("update:visible", false);
-    }
-    const handleSubmit = (data) => {
-      emits("submit", JSON.parse(JSON.stringify(data)));
-    };
-    const handleSelectOne = (params) => {
-      if (Array.isArray(params))
-        handleSubmit(params);
-      else
-        handleSubmit([params]);
-      handleClose();
+      handleOptions2 && handleOptions2(options);
     };
     function handleConfirm() {
-      handleSelectOne(selected.value);
+      submit(selected.value);
     }
-    function handleToUpload() {
-      changeKey("local");
-      activeKey.value = "local";
+    function handelChangeTab(tabKey) {
+      activeKey.value = tabKey;
     }
-    const FilterRef = vue.ref();
-    vue.watch(
-      () => props.visible,
-      () => {
-        if (props.visible) {
-          activeKey.value = "all";
-          changeKey("all");
-          if (FilterRef.value)
-            FilterRef.value.resetFilter();
-        }
-      }
-    );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.wrap === "drawer" ? vue.unref(webVue.Drawer) : vue.unref(webVue.Modal)), vue.mergeProps({ visible: _ctx.visible }, wrapProps.value), {
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.wrap === "drawer" ? vue.unref(webVue.Drawer) : vue.unref(webVue.Modal)), vue.mergeProps({ visible: _ctx.visible }, vue.unref(wrapProps)), {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_2, [
               _ctx.userInfo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
                 vue.createCommentVNode(" \u5934\u90E8 "),
                 vue.createVNode(index, {
-                  "model-value": activeKey.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeKey.value = $event),
-                  onChange: vue.unref(changeKey),
-                  onClose: handleClose
-                }, null, 8, ["model-value", "onChange"]),
-                vue.createCommentVNode(" \u7B5B\u9009  "),
-                activeKey.value !== "local" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-                  vue.createVNode(index$1, {
-                    ref_key: "FilterRef",
-                    ref: FilterRef,
-                    "disable-upload-by": !["all", "remind"].includes(activeKey.value),
-                    filterOptions: _ctx.filterOptions,
-                    onChange: vue.unref(changeFilter),
-                    onUpload: handleToUpload
-                  }, null, 8, ["disable-upload-by", "filterOptions", "onChange"])
-                ])) : vue.createCommentVNode("v-if", true),
-                vue.createCommentVNode(" \u5217\u8868\u90E8\u5206 "),
-                vue.createElementVNode("div", _hoisted_5, [
-                  vue.createVNode(vue.unref(webVue.Scrollbar), {
-                    "outer-style": { height: "100%" },
-                    style: { "height": "100%", "overflow": "auto" }
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.withDirectives(vue.createVNode(index$2, {
-                        loading: vue.unref(loading),
-                        list: vue.unref(list),
-                        disable: vue.unref(disableSelect),
-                        "select-keys": vue.unref(selectedKeys),
-                        onSelect: vue.unref(handleSelect),
-                        onSelectOne: handleSelectOne
-                      }, null, 8, ["loading", "list", "disable", "select-keys", "onSelect"]), [
-                        [vue.vShow, activeKey.value !== "local"]
-                      ]),
-                      vue.withDirectives(vue.createVNode(index$3, {
-                        disable: vue.unref(disableSelect),
-                        "select-keys": vue.unref(selectedKeys),
-                        onSelect: vue.unref(handleSelect),
-                        onSelectOne: handleSelectOne
-                      }, null, 8, ["disable", "select-keys", "onSelect"]), [
-                        [vue.vShow, activeKey.value === "local"]
-                      ])
-                    ]),
-                    _: 1
-                  })
-                ]),
-                vue.createCommentVNode(" \u5E95\u90E8 "),
-                vue.createElementVNode("div", _hoisted_6, [
-                  vue.createElementVNode("div", _hoisted_7, [
-                    activeKey.value !== "local" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Pagination), {
-                      key: 0,
-                      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"])) : vue.createCommentVNode("v-if", true)
+                  "model-value": vue.unref(activeKey),
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(activeKey) ? activeKey.value = $event : null),
+                  tabList: vue.unref(tabKeyList),
+                  onClose: vue.unref(close)
+                }, null, 8, ["model-value", "tabList", "onClose"]),
+                vue.createCommentVNode(" \u5217\u8868\u5206\u53D1\u5668 "),
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(activeComponent)), {
+                  "active-key": vue.unref(activeKey),
+                  onChangeTab: handelChangeTab
+                }, {
+                  item: vue.withCtx(({ item, onOptions }) => [
+                    vue.createVNode(ListCardWrapper, {
+                      item,
+                      "select-keys": vue.unref(selectedKeys),
+                      disable: vue.unref(disableSelect),
+                      onSelect: vue.unref(handleSelect),
+                      onOptions: (e) => handleOptions(e, onOptions)
+                    }, null, 8, ["item", "select-keys", "disable", "onSelect", "onOptions"])
+                  ]),
+                  "footer-extra": vue.withCtx(() => [
+                    vue.unref(selected).length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                      vue.createVNode(index$1, {
+                        maxcount: _ctx.maxcount,
+                        selected: vue.unref(selected),
+                        onRemove: vue.unref(handleSelect),
+                        onClear: vue.unref(handleClear)
+                      }, null, 8, ["maxcount", "selected", "onRemove", "onClear"]),
+                      vue.createVNode(vue.unref(webVue.Button), { onClick: vue.unref(close) }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode("\u53D6\u6D88")
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      vue.createVNode(vue.unref(webVue.Button), {
+                        type: "primary",
+                        onClick: handleConfirm
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(" \u786E\u5B9A ")
+                        ]),
+                        _: 1
+                      })
+                    ])) : vue.createCommentVNode("v-if", true)
                   ]),
-                  vue.unref(selected).length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-                    vue.createVNode(index$4, {
-                      maxcount: _ctx.maxcount,
-                      selected: vue.unref(selected),
-                      onRemove: vue.unref(handleSelect),
-                      onClear: vue.unref(handleClear)
-                    }, null, 8, ["maxcount", "selected", "onRemove", "onClear"]),
-                    vue.createVNode(vue.unref(webVue.Button), { onClick: handleClose }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode("\u53D6\u6D88")
-                      ]),
-                      _: 1
-                    }),
-                    vue.createVNode(vue.unref(webVue.Button), {
-                      type: "primary",
-                      onClick: handleConfirm
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode("\u786E\u5B9A")
-                      ]),
-                      _: 1
-                    })
-                  ])) : vue.createCommentVNode("v-if", true)
-                ])
-              ])) : (vue.openBlock(), vue.createBlock(vue.unref(index$5), {
+                  _: 1
+                }, 40, ["active-key"]))
+              ])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2), {
                 key: 1,
                 type: "empty",
                 customTip: "\u6682\u65E0\u6743\u9650"

package/lib/selectResourceModal/components/{ListCardWrapper/index.js → List/ListCardWrapper.js}

@@ -7,12 +7,9 @@ const _hoisted_3 = {
   key: 0,
   class: "check-box active"
 };
-const _hoisted_4 = {
-  key: 1,
-  class: "check-box"
-};
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "check-box" }, null, -1);
 const _sfc_main = vue.defineComponent({
-  __name: "index",
+  __name: "ListCardWrapper",
   props: {
     item: {},
     extraKeys: {},
@@ -24,6 +21,7 @@ const _sfc_main = vue.defineComponent({
     const props = __props;
     const emits = __emit;
     const filterOptions = vue.inject("filterOptions");
+    const resourceKey = vue.computed(() => props.item.id || props.item.url);
     const selectedOrder = vue.computed(() => {
       var _a;
       const result = {};
@@ -45,7 +43,7 @@ const _sfc_main = vue.defineComponent({
       return true;
     });
     const handlersKey = vue.computed(() => {
-      var _a;
+      var _a, _b;
       if (props.item.status === 2) {
         return [
           { label: "\u91CD\u65B0\u4E0A\u4F20", key: "reupload" },
@@ -55,13 +53,13 @@ const _sfc_main = vue.defineComponent({
       if (props.item.status === 3) {
         return [{ label: "\u91CD\u65B0\u8F6C\u7801", key: "retranscode" }];
       }
-      if (((_a = props.selectKeys) == null ? void 0 : _a.length) > 0 || props.disable || !canIUse.value) {
+      if (((_a = props.selectKeys) == null ? void 0 : _a.length) && ((_b = props.selectKeys) == null ? void 0 : _b.length) > 0 || props.disable || !canIUse.value) {
         return [];
       }
       return [{ label: "\u9009\u7528", key: "select-one" }].concat(props.extraKeys || []);
     });
     function handleCheck() {
-      if (!canIUse.value && !selectedOrder.value[props.item.id])
+      if (!canIUse.value && !selectedOrder.value[resourceKey.value])
         return;
       emits("select", props.item);
     }
@@ -71,7 +69,7 @@ const _sfc_main = vue.defineComponent({
         onClick: vue.withModifiers(handleCheck, ["stop"])
       }, [
         vue.createElementVNode("div", {
-          class: vue.normalizeClass(["card-wrapper", { disable: !canIUse.value, active: selectedOrder.value[_ctx.item.id] }])
+          class: vue.normalizeClass(["card-wrapper", { disable: !canIUse.value, active: selectedOrder.value[resourceKey.value] }])
         }, [
           vue.createVNode(vue.unref(index), {
             url: _ctx.item.url,
@@ -92,7 +90,11 @@ const _sfc_main = vue.defineComponent({
           class: "check-box-wrapper",
           onClick: vue.withModifiers(handleCheck, ["stop"])
         }, [
-          selectedOrder.value[_ctx.item.id] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, vue.toDisplayString(selectedOrder.value[_ctx.item.id]), 1)) : canIUse.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4)) : vue.createCommentVNode("v-if", true)
+          vue.createCommentVNode(" \u5DF2\u9009 "),
+          selectedOrder.value[resourceKey.value] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, vue.toDisplayString(selectedOrder.value[resourceKey.value]), 1)) : canIUse.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            vue.createCommentVNode(" \u662F\u5426\u53EF\u4EE5\u9009\u62E9 "),
+            _hoisted_4
+          ], 64)) : vue.createCommentVNode("v-if", true)
         ])
       ]);
     };

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;