@cmstops/pro-compo 0.3.31 → 0.3.32

package/lib/selectResourceModal/component.js

@@ -0,0 +1,212 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var index$3 = require("../emptyData/index.js");
+var index = require("./components/ListFilter/index.js");
+var index$1 = require("./components/ListContent/index.js");
+var index$2 = require("./components/ListSelected/index.js");
+var useAttachement = require("../hooks/useAttachement.js");
+var config = require("../config.js");
+const _hoisted_1 = {
+  key: 0,
+  class: "resource-select-container"
+};
+const _hoisted_2 = { class: "resource-select-header" };
+const _hoisted_3 = {
+  key: 0,
+  class: "resource-select-filter"
+};
+const _hoisted_4 = { class: "resource-select-content" };
+const _hoisted_5 = { class: "resource-select-footer" };
+const _hoisted_6 = { class: "footer-left" };
+const _hoisted_7 = {
+  key: 0,
+  class: "footer-right"
+};
+const _sfc_main = vue.defineComponent({
+  ...{ name: "selectResourceModal" },
+  __name: "component",
+  props: {
+    BASE_API: {},
+    visible: { type: Boolean },
+    userInfo: {},
+    maxcount: {}
+  },
+  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 activeKey = vue.ref("all");
+    vue.provide("userInfo", vue.computed(() => props.userInfo));
+    vue.provide("baseAPI", BASE_API);
+    const {
+      list,
+      total,
+      limit,
+      loading,
+      changeKey,
+      changeFilter,
+      changePage,
+      changeSize,
+      loadData
+    } = useAttachement["default"]({ key: "all", BASE_API });
+    const selected = vue.ref([]);
+    const selectedKeys = vue.computed(() => selected.value.map((item) => item.id));
+    const disableSelect = vue.computed(() => props.maxcount && selected.value.length >= props.maxcount);
+    function handleSelect(params) {
+      const { id } = params;
+      const index2 = selected.value.findIndex((item) => item.id === id);
+      if (index2 > -1)
+        selected.value.splice(index2, 1);
+      else
+        selected.value.push(params);
+    }
+    function handleClear() {
+      selected.value = [];
+    }
+    function handleClose() {
+      handleClear();
+      emits("update:visible", false);
+    }
+    const handleSelectOne = (params) => {
+      if (Array.isArray(params))
+        emits("submit", params);
+      else
+        emits("submit", [params]);
+      handleClose();
+    };
+    function handleConfirm() {
+      handleSelectOne(selected.value);
+    }
+    function handleToUpload() {
+      changeKey("local");
+      activeKey.value = "local";
+    }
+    vue.onMounted(() => {
+      loadData();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(webVue.Drawer), {
+        visible: _ctx.visible,
+        width: "1024px",
+        header: false,
+        footer: false
+      }, {
+        default: vue.withCtx(() => [
+          _ctx.userInfo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createCommentVNode(" \u5934\u90E8 "),
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(vue.unref(webVue.Tabs), {
+                "active-key": activeKey.value,
+                "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => activeKey.value = $event),
+                onChange: vue.unref(changeKey)
+              }, {
+                extra: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(webVue.Button), {
+                    type: "text",
+                    onClick: handleClose
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode("\u5173\u95ED")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                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"
+                  })
+                ]),
+                _: 1
+              }, 8, ["active-key", "onChange"])
+            ]),
+            vue.createCommentVNode(" \u7B5B\u9009  "),
+            activeKey.value !== "local" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+              vue.createVNode(index, {
+                "disable-upload-by": activeKey.value !== "all",
+                onChange: vue.unref(changeFilter),
+                onUpload: handleToUpload
+              }, null, 8, ["disable-upload-by", "onChange"])
+            ])) : vue.createCommentVNode("v-if", true),
+            vue.createCommentVNode(" \u5217\u8868\u90E8\u5206 "),
+            vue.createElementVNode("div", _hoisted_4, [
+              vue.createVNode(vue.unref(webVue.Scrollbar), {
+                "outer-style": { height: "100%" },
+                style: { "height": "100%", "overflow": "auto" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(index$1, {
+                    loading: vue.unref(loading),
+                    list: vue.unref(list),
+                    disable: disableSelect.value,
+                    "select-keys": selectedKeys.value,
+                    onSelect: handleSelect,
+                    onSelectOne: handleSelectOne
+                  }, null, 8, ["loading", "list", "disable", "select-keys"])
+                ]),
+                _: 1
+              })
+            ]),
+            vue.createCommentVNode(" \u5E95\u90E8 "),
+            vue.createElementVNode("div", _hoisted_5, [
+              vue.createElementVNode("div", _hoisted_6, [
+                activeKey.value !== "local" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Pagination), {
+                  key: 0,
+                  total: vue.unref(total),
+                  "page-size": vue.unref(limit),
+                  "show-total": "",
+                  "show-page-size": "",
+                  onChange: _cache[1] || (_cache[1] = (e) => vue.unref(changePage)((e - 1) * vue.unref(limit))),
+                  onPageSizeChange: vue.unref(changeSize)
+                }, null, 8, ["total", "page-size", "onPageSizeChange"])) : vue.createCommentVNode("v-if", true)
+              ]),
+              selected.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                vue.createVNode(index$2, {
+                  maxcount: _ctx.maxcount,
+                  selected: selected.value,
+                  onRemove: handleSelect,
+                  onClear: handleClear
+                }, null, 8, ["maxcount", "selected"]),
+                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$3), {
+            key: 1,
+            type: "empty",
+            customTip: "\u6682\u65E0\u6743\u9650"
+          }))
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,93 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var index$1 = require("../../../emptyData/index.js");
+var index = require("../../../thumbCard/index.js");
+const _hoisted_1 = { class: "card-list-wrapper" };
+const _hoisted_2 = { class: "card-wrapper" };
+const _hoisted_3 = { class: "card-alias" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  key: 0,
+  class: "check-box active"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "check-box"
+};
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    loading: { type: Boolean },
+    list: {},
+    selectKeys: {},
+    disable: { type: Boolean }
+  },
+  emits: ["select", "select-one"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const handlersKey = vue.computed(() => {
+      var _a;
+      if (((_a = props.selectKeys) == null ? void 0 : _a.length) > 0 || props.disable)
+        return [];
+      return [{ label: "\u9009\u7528", key: "select" }];
+    });
+    function handleOption(params) {
+      const { key, item } = params;
+      if (key === "select") {
+        emits("select-one", item);
+      }
+    }
+    function handleCheck(params) {
+      emits("select", params);
+    }
+    const selectedOrder = vue.computed(() => {
+      var _a;
+      const result = {};
+      (_a = props.selectKeys) == null ? void 0 : _a.forEach((key, index2) => {
+        result[key] = index2 + 1;
+      });
+      return result;
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.list, (item) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: item.id,
+            class: "card-wrapper-image"
+          }, [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(vue.unref(index), {
+                url: item.url,
+                thumb: item.thumb,
+                catalog: item.catalog,
+                meta: item,
+                "handlers-key": handlersKey.value,
+                onHandle: handleOption
+              }, null, 8, ["url", "thumb", "catalog", "meta", "handlers-key"])
+            ]),
+            vue.createElementVNode("div", _hoisted_3, vue.toDisplayString(item.alias), 1),
+            vue.createElementVNode("div", {
+              class: "check-box-wrapper",
+              onClick: () => handleCheck(item)
+            }, [
+              selectedOrder.value[item.id] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, vue.toDisplayString(selectedOrder.value[item.id]), 1)) : !_ctx.disable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6)) : vue.createCommentVNode("v-if", true)
+            ], 8, _hoisted_4)
+          ]);
+        }), 128)),
+        vue.createCommentVNode(" \u7A7A\u72B6\u6001 "),
+        ((_a = _ctx.list) == null ? void 0 : _a.length) === 0 && _ctx.loading ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Spin), {
+          key: 0,
+          loading: true
+        })) : !((_b = _ctx.list) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1), {
+          key: 1,
+          type: "empty",
+          customTip: "\u6682\u65E0\u6570\u636E"
+        })) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

@@ -0,0 +1,260 @@
+"use strict";
+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");
+const _hoisted_1 = { class: "list-filter-wrapper" };
+const _hoisted_2 = { class: "filter-list" };
+const _hoisted_3 = { style: { "width": "200px" } };
+const _hoisted_4 = { class: "filter-item" };
+const _hoisted_5 = { class: "filter-item" };
+const _hoisted_6 = {
+  key: 0,
+  class: "filter-item"
+};
+const _hoisted_7 = { class: "filter-extra" };
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    disableUploadBy: { type: Boolean }
+  },
+  emits: ["upload", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const userInfo = vue.inject("userInfo");
+    const baseAPI = vue.inject("baseAPI");
+    const domainId = vue.computed(() => userInfo == null ? void 0 : userInfo.value.domain_id);
+    const { options, loading, load, loadMore, handleSearch } = useSelection({
+      labelStr: "alias",
+      valueStr: "id",
+      func: async ({ keyword, ...pageInfo }) => {
+        if (!baseAPI)
+          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, {
+          ...pageInfo,
+          keywords: keyword
+        });
+        if (code !== 0)
+          return Promise.reject(new Error(message));
+        return message.users;
+      }
+    });
+    const resourceSource = typeMap.RESOURCE_SOURCE_OPTIONS;
+    const resourceCatalog = typeMap.RESOURCE_CATALOG_OPTIONS;
+    const originFilter = {
+      catalog: "",
+      source: "",
+      create_begin: "",
+      create_end: "",
+      keyword: "",
+      precise_keyword: "",
+      upload_by: null
+    };
+    const filter = vue.ref(JSON.parse(JSON.stringify(originFilter)));
+    const handleReset = () => {
+      filter.value = JSON.parse(JSON.stringify(originFilter));
+    };
+    const rangeTime = vue.computed({
+      get() {
+        return filter.value.create_begin && filter.value.create_end ? [filter.value.create_begin * 1e3, filter.value.create_end * 1e3] : null;
+      },
+      set(val) {
+        if (val) {
+          const [start, end] = val;
+          filter.value.create_begin = +new Date(start) / 1e3;
+          filter.value.create_end = +new Date(end) / 1e3;
+        } else {
+          filter.value.create_begin = "";
+          filter.value.create_end = "";
+        }
+      }
+    });
+    const searchType = vue.ref(0);
+    const searchTypeText = vue.computed(() => {
+      return searchType.value === 0 ? "\u7CBE\u51C6\u641C" : "\u6A21\u7CCA\u641C";
+    });
+    const searchInput = vue.computed({
+      get() {
+        return searchType.value === 0 ? filter.value.precise_keyword : filter.value.keyword;
+      },
+      set(val) {
+        if (searchType.value === 0) {
+          filter.value.precise_keyword = val;
+          filter.value.keyword = "";
+        } else {
+          filter.value.keyword = val;
+          filter.value.precise_keyword = "";
+        }
+      }
+    });
+    const isEmpty = vue.computed(() => {
+      return Object.keys(filter.value).every((key) => {
+        return !filter.value[key];
+      });
+    });
+    vue.watch(
+      () => filter.value,
+      () => {
+        const result = { ...filter.value };
+        Object.keys(result).forEach((key) => {
+          if (props.disableUploadBy && key === "upload_by")
+            delete result[key];
+          if (!result[key])
+            delete result[key];
+        });
+        emits("change", result);
+      },
+      { deep: true }
+    );
+    vue.onMounted(() => {
+      load();
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createCommentVNode(" \u5173\u952E\u8BCD "),
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createVNode(vue.unref(webVue.Input), {
+              modelValue: searchInput.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchInput.value = $event),
+              "allow-clear": "",
+              placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD"
+            }, {
+              prepend: vue.withCtx(() => [
+                vue.createVNode(vue.unref(webVue.Dropdown), {
+                  onSelect: _cache[0] || (_cache[0] = (e) => searchType.value = e)
+                }, {
+                  content: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(webVue.Doption), { value: 0 }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("\u7CBE\u51C6\u641C")
+                      ]),
+                      _: 1
+                    }),
+                    vue.createVNode(vue.unref(webVue.Doption), { value: 1 }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("\u6A21\u7CCA\u641C")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(webVue.Button), null, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(vue.toDisplayString(searchTypeText.value), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          vue.createCommentVNode(" \u7D20\u6750\u7C7B\u578B "),
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.createVNode(vue.unref(webVue.Select), {
+              modelValue: filter.value.catalog,
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.catalog = $event),
+              "allow-clear": "",
+              placeholder: "\u7C7B\u578B"
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(resourceCatalog), (item) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          vue.createCommentVNode(" \u65F6\u95F4\u8303\u56F4 "),
+          vue.createVNode(vue.unref(webVue.RangePicker), {
+            modelValue: rangeTime.value,
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => rangeTime.value = $event),
+            "allow-clear": "",
+            style: { "width": "240px" }
+          }, null, 8, ["modelValue"]),
+          vue.createCommentVNode(" \u7D20\u6750\u4E0A\u4F20\u6765\u6E90 "),
+          vue.createElementVNode("div", _hoisted_5, [
+            vue.createVNode(vue.unref(webVue.Select), {
+              modelValue: filter.value.source,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.source = $event),
+              "allow-clear": "",
+              placeholder: "\u6765\u6E90"
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(resourceSource), (item) => {
+                  return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                    key: item.value,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          vue.createCommentVNode(" \u7D20\u6750\u4E0A\u4F20\u4EBA "),
+          !_ctx.disableUploadBy ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+            vue.createVNode(vue.unref(webVue.Select), {
+              modelValue: filter.value.upload_by,
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filter.value.upload_by = $event),
+              "allow-clear": "",
+              placeholder: "\u4E0A\u4F20\u4EBA",
+              loading: vue.unref(loading),
+              "allow-search": "",
+              onSearch: vue.unref(handleSearch),
+              onDropdownReachBottom: vue.unref(loadMore)
+            }, {
+              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.id,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue", "loading", "onSearch", "onDropdownReachBottom"])
+          ])) : vue.createCommentVNode("v-if", true),
+          !isEmpty.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
+            key: 1,
+            type: "text",
+            onClick: handleReset
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode("\u91CD\u7F6E")
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("v-if", true)
+        ]),
+        vue.createElementVNode("div", _hoisted_7, [
+          vue.createVNode(vue.unref(webVue.Button), {
+            type: "primary",
+            onClick: _cache[6] || (_cache[6] = ($event) => emits("upload"))
+          }, {
+            icon: vue.withCtx(() => [
+              vue.createVNode(vue.unref(icon.IconUpload))
+            ]),
+            default: vue.withCtx(() => [
+              vue.createTextVNode(" \u4E0A\u4F20 ")
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/selectResourceModal/components/ListFilter/scripts/api.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var request = require("../../../../utils/request.js");
+function getAccountList(BASE_API, id, query) {
+  return request(BASE_API, {
+    url: `/poplar/v2/accounts/${id}`,
+    method: "get",
+    params: query
+  });
+}
+exports.getAccountList = getAccountList;

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

@@ -0,0 +1,92 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
+const _hoisted_1 = { class: "list-selected-wrapper" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { class: "list-panel-header" };
+const _hoisted_4 = { class: "header-options" };
+const _hoisted_5 = { class: "list-selected-record" };
+const _hoisted_6 = { class: "item-thumb" };
+const _hoisted_7 = { class: "item-alias" };
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    selected: {},
+    maxcount: {}
+  },
+  emits: ["remove", "clear"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const visible = vue.ref(false);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _ctx.maxcount ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, "\u6700\u591A\u9009\u62E9 " + vue.toDisplayString(_ctx.maxcount) + " \u4E2A\u7D20\u6750\uFF0C ", 1)) : vue.createCommentVNode("v-if", true),
+        vue.createVNode(vue.unref(webVue.Popover), {
+          "popup-visible": visible.value,
+          "onUpdate:popupVisible": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
+          trigger: "click",
+          "content-class": "list-panel-wrapper"
+        }, {
+          content: vue.withCtx(() => [
+            vue.createCommentVNode(" header "),
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.createElementVNode("div", null, "\u5DF2\u9009\u62E9 " + vue.toDisplayString(_ctx.selected.length) + " \u4E2A\u7D20\u6750", 1),
+              vue.createElementVNode("div", _hoisted_4, [
+                vue.createElementVNode("div", {
+                  onClick: _cache[0] || (_cache[0] = ($event) => emits("clear"))
+                }, " \u6E05\u9664 "),
+                vue.createElementVNode("div", {
+                  onClick: _cache[1] || (_cache[1] = ($event) => visible.value = false)
+                }, [
+                  vue.createVNode(vue.unref(icon.IconClose), { size: "14" })
+                ])
+              ])
+            ]),
+            vue.createCommentVNode(" content "),
+            vue.createElementVNode("div", _hoisted_5, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.selected, (item) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  key: item.id,
+                  class: "list-selected-item"
+                }, [
+                  vue.createElementVNode("div", _hoisted_6, [
+                    ["image", "video"].includes(item.catalog) ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
+                      key: 0,
+                      width: "100%",
+                      height: "100%",
+                      src: item.thumb || item.url
+                    }, null, 8, ["src"])) : vue.createCommentVNode("v-if", true),
+                    ["audio"].includes(item.catalog) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                      vue.createTextVNode(" \u97F3\u9891 ")
+                    ], 64)) : vue.createCommentVNode("v-if", true)
+                  ]),
+                  vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(item.alias), 1),
+                  vue.createVNode(vue.unref(webVue.Button), {
+                    type: "text",
+                    onClick: ($event) => emits("remove", item)
+                  }, {
+                    icon: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(icon.IconClose))
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ]);
+              }), 128))
+            ])
+          ]),
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(webVue.Link), null, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode("\u5DF2\u9009\u62E9 " + vue.toDisplayString(_ctx.selected.length) + " \u4E2A\u7D20\u6750", 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["popup-visible"])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/selectResourceModal/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var component = require("./component.js");
+const selectResourceModal = Object.assign(component, {
+  install: (app) => {
+    app.component(component.name, component);
+  }
+});
+module.exports = selectResourceModal;

package/lib/selectResourceModal/style/css.js

@@ -0,0 +1,5 @@
+"use strict";
+require("./index.css");
+require("./listContent.css");
+require("./listFilter.css");
+require("./listSelected.css");