@cmstops/pro-compo 3.9.0-beta.1 → 3.9.1-beta.1

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

@@ -1,102 +0,0 @@
-"use strict";
-var vue = require("vue");
-var index = require("../../../thumbCard/index.js");
-const _hoisted_1 = { class: "card-alias" };
-const _hoisted_2 = {
-  key: 0,
-  class: "check-box active"
-};
-const _sfc_main = vue.defineComponent({
-  __name: "ListCardWrapper",
-  props: {
-    item: {},
-    extraKeys: {},
-    selectKeys: {},
-    disable: { type: Boolean }
-  },
-  emits: ["select", "select-one", "options"],
-  setup(__props, { emit: __emit }) {
-    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 = {};
-      (_a = props.selectKeys) == null ? void 0 : _a.forEach((key, index2) => {
-        result[key] = index2 + 1;
-      });
-      return result;
-    });
-    const canIUse = vue.computed(() => {
-      if (props.disable)
-        return false;
-      if (filterOptions == null ? void 0 : filterOptions.value) {
-        const { mediaType, mediaTypeStrict } = filterOptions.value;
-        if (mediaTypeStrict) {
-          return mediaType.split(",").includes(props.item.catalog);
-        }
-      }
-      if (props.item.progress >= 0)
-        return false;
-      return true;
-    });
-    const handlersKey = vue.computed(() => {
-      var _a, _b;
-      if (props.item.status === 2) {
-        return [
-          { label: "\u91CD\u65B0\u4E0A\u4F20", key: "reupload" },
-          { label: "\u5220\u9664\u8BB0\u5F55", key: "remove" }
-        ];
-      }
-      if (props.item.status === 3) {
-        return [{ label: "\u91CD\u65B0\u8F6C\u7801", key: "retranscode" }];
-      }
-      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[resourceKey.value])
-        return;
-      emits("select", props.item);
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: "card-wrapper-image",
-        onClick: vue.withModifiers(handleCheck, ["stop"])
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(["card-wrapper", { disable: !canIUse.value, active: selectedOrder.value[resourceKey.value] }])
-        }, [
-          vue.createVNode(vue.unref(index), {
-            url: _ctx.item.url,
-            thumb: _ctx.item.thumb || _ctx.item.url,
-            catalog: _ctx.item.catalog,
-            meta: _ctx.item,
-            options: {
-              fit: ["image", "video"].includes(_ctx.item.catalog) ? "contain" : "cover"
-            },
-            "use-mask": true,
-            "handlers-key": handlersKey.value,
-            onHandle: _cache[0] || (_cache[0] = (e) => emits("options", e))
-          }, null, 8, ["url", "thumb", "catalog", "meta", "options", "handlers-key"]),
-          _cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "mask" }, null, -1))
-        ], 2),
-        vue.createElementVNode("div", _hoisted_1, vue.toDisplayString(_ctx.item.alias), 1),
-        vue.createElementVNode("div", {
-          class: "check-box-wrapper",
-          onClick: vue.withModifiers(handleCheck, ["stop"])
-        }, [
-          vue.createCommentVNode(" \u5DF2\u9009 "),
-          selectedOrder.value[resourceKey.value] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, 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 "),
-            _cache[2] || (_cache[2] = vue.createElementVNode("div", { class: "check-box" }, null, -1))
-          ], 64)) : vue.createCommentVNode("v-if", true)
-        ])
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;

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

@@ -1,72 +0,0 @@
-"use strict";
-var vue = require("vue");
-var webVue = require("@arco-design/web-vue");
-var vueCmstopIcons = require("@arco-iconbox/vue-cmstop-icons");
-var useUpload = require("../../../../hooks/useUpload.js");
-const _hoisted_1 = { class: "upload-wrapper" };
-const _hoisted_2 = { class: "upload-buttons" };
-const _hoisted_3 = { class: "upload-dragger" };
-const accept = "image/*,video/*,audio/*";
-const _sfc_main = vue.defineComponent({
-  __name: "Upload",
-  emits: ["change"],
-  setup(__props, { emit: __emit }) {
-    const userInfo = vue.inject("userInfo");
-    const baseAPI = vue.inject("baseAPI");
-    const emits = __emit;
-    const { initUploadConfig, checkFileSizeOutLimit } = useUpload.useUploadConfig();
-    function handleUpload(options) {
-      if (!checkFileSizeOutLimit(options.fileItem.file, webVue.Message.warning))
-        return;
-      emits("change", options.fileItem);
-    }
-    async function handleInitConfig() {
-      var _a, _b;
-      if (!baseAPI || !((_a = userInfo == null ? void 0 : userInfo.value) == null ? void 0 : _a.domain_id))
-        return;
-      await initUploadConfig(baseAPI, (_b = userInfo == null ? void 0 : userInfo.value) == null ? void 0 : _b.domain_id);
-    }
-    vue.onMounted(() => {
-      handleInitConfig();
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createVNode(vue.unref(webVue.Upload), {
-            accept,
-            multiple: true,
-            directory: false,
-            "show-file-list": false,
-            "custom-request": handleUpload,
-            style: { "width": "auto" }
-          }, {
-            "upload-button": vue.withCtx(() => [
-              vue.createVNode(vue.unref(webVue.Button), { type: "primary" }, {
-                icon: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(vueCmstopIcons.IconComputer))
-                ]),
-                default: vue.withCtx(() => [
-                  _cache[0] || (_cache[0] = vue.createTextVNode(" \u672C\u5730\u4E0A\u4F20 "))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          vue.createCommentVNode(' <a-button type="primary"> \u626B\u7801\u4E0A\u4F20 </a-button>\n      <a-button type="primary"> \u5206\u4EAB\u4E0A\u4F20 </a-button> ')
-        ]),
-        vue.createElementVNode("div", _hoisted_3, [
-          vue.createVNode(vue.unref(webVue.Upload), {
-            draggable: "",
-            tip: "\u652F\u6301\u56FE\u7247\u3001\u89C6\u9891\u3001\u97F3\u9891\u6587\u4EF6",
-            accept,
-            multiple: true,
-            "show-file-list": false,
-            "custom-request": handleUpload
-          })
-        ])
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;

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

@@ -1,93 +0,0 @@
-"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/List/ListNormal/Filter.js

@@ -1,420 +0,0 @@
-"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 useAttachement = require("../../../../hooks/useAttachement.js");
-var typeMap = require("../../../../utils/typeMap.js");
-var selectionApis = require("../../../scripts/selectionApis.js");
-var resource = require("../../../../utils/resource.js");
-var useResponsiveFilter = require("../../../hooks/useResponsiveFilter.js");
-const _hoisted_1 = { class: "list-filter-wrapper" };
-const _hoisted_2 = { class: "list-filter" };
-const _hoisted_3 = { class: "more-btn" };
-const _hoisted_4 = { class: "right-prefix" };
-const _hoisted_5 = {
-  class: "filter-item",
-  style: { "width": "200px" }
-};
-const _hoisted_6 = {
-  class: "filter-item",
-  style: { "width": "180px" }
-};
-const _hoisted_7 = {
-  class: "filter-item",
-  style: { "width": "170px" }
-};
-const _hoisted_8 = {
-  class: "filter-item",
-  style: { "width": "240px" }
-};
-const _hoisted_9 = {
-  class: "filter-item",
-  style: { "width": "240px" }
-};
-const _hoisted_10 = {
-  key: 0,
-  class: "filter-item"
-};
-const _hoisted_11 = { class: "filter-extra" };
-const _hoisted_12 = { class: "filter-item" };
-const _hoisted_13 = {
-  key: 0,
-  class: "list-filter-tags"
-};
-const _hoisted_14 = ["onClick"];
-const _sfc_main = vue.defineComponent({
-  __name: "Filter",
-  props: {
-    disableUploadBy: { type: Boolean }
-  },
-  emits: ["upload", "change"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    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 filterItemsRef = vue.ref();
-    const {
-      moreBtnRef,
-      popperPanelRef,
-      hiddenElementList,
-      visible,
-      show,
-      hide,
-      refreshLayout
-    } = useResponsiveFilter.useResponsiveFilter(filterItemsRef);
-    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 selectionApis.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 { tree } = useAttachement.useDirectory({
-      BASE_API: baseAPI
-    });
-    const originFilter = {
-      catalog: [],
-      source: "",
-      created_begin: "",
-      created_end: "",
-      keyword: "",
-      precise_keyword: "",
-      upload_by: null,
-      sf: "",
-      directory_id: void 0
-    };
-    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.created_begin && filter.value.created_end ? [filter.value.created_begin * 1e3, filter.value.created_end * 1e3] : null;
-      },
-      set(val) {
-        if (val) {
-          const [start, end] = val;
-          const created_begin = new Date(start);
-          const created_end = new Date(end);
-          created_begin.setHours(0, 0, 0, 0);
-          created_end.setHours(23, 59, 59, 0);
-          filter.value.created_begin = parseInt(
-            (created_begin.getTime() / 1e3).toFixed(0),
-            10
-          );
-          filter.value.created_end = parseInt(
-            (created_end.getTime() / 1e3).toFixed(0),
-            10
-          );
-        } else {
-          filter.value.created_begin = "";
-          filter.value.created_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 = "";
-        }
-        filter.value.sf = "";
-      }
-    });
-    const isEmpty = vue.computed(() => {
-      return Object.keys(originFilter).every((key) => {
-        if (key === "catalog") {
-          const currentCatalog = filter.value[key] || [];
-          const originCatalog = originFilter[key] || [];
-          return currentCatalog.length === originCatalog.length && currentCatalog.every((v) => originCatalog.includes(v));
-        }
-        return filter.value[key] === originFilter[key];
-      });
-    });
-    vue.watch(
-      () => filter.value,
-      (val) => {
-        const result = { ...val };
-        Object.keys(result).forEach((key) => {
-          if (props.disableUploadBy && key === "upload_by")
-            delete result[key];
-          if (result[key] === "" || result[key] === null || result[key] === void 0) {
-            if (key !== "catalog") {
-              delete result[key];
-            }
-          }
-        });
-        if (result.catalog && Array.isArray(result.catalog)) {
-          if (result.catalog.length > 0) {
-            result.catalog = result.catalog.join(",");
-          } else {
-            delete result.catalog;
-          }
-        }
-        emits("change", result);
-        refreshLayout();
-      },
-      { deep: true, immediate: true }
-    );
-    vue.onMounted(() => {
-      var _a;
-      load();
-      if ((_a = filterOptions == null ? void 0 : filterOptions.value) == null ? void 0 : _a.mediaType) {
-        const initialCatalog = filterOptions.value.mediaType.split(",");
-        filter.value.catalog = initialCatalog;
-        if (filterOptions.value.mediaTypeStrict) {
-          originFilter.catalog = initialCatalog;
-        }
-      }
-    });
-    __expose({
-      filter,
-      handleReset
-    });
-    return (_ctx, _cache) => {
-      var _a;
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createCommentVNode(" Use filterItemsRef's parentElement as the container for boundary checks "),
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createCommentVNode(" Filter Items Container "),
-          vue.createElementVNode("div", {
-            id: "resource-filter-pannel",
-            ref_key: "filterItemsRef",
-            ref: filterItemsRef,
-            class: "filter-list"
-          }, [
-            vue.createCommentVNode(" More Filters Button and Popper Panel "),
-            vue.createElementVNode("div", _hoisted_3, [
-              vue.createElementVNode("div", {
-                ref_key: "moreBtnRef",
-                ref: moreBtnRef
-              }, [
-                vue.withDirectives(vue.createVNode(vue.unref(webVue.Button), {
-                  style: { marginRight: "10px" },
-                  onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => vue.unref(visible) ? vue.unref(hide)() : vue.unref(show)(), ["stop"]))
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createElementVNode("span", _hoisted_4, [
-                      _cache[10] || (_cache[10] = vue.createTextVNode(" \u66F4\u591A\u7B5B\u9009 ")),
-                      vue.createVNode(vue.unref(icon.IconCaretDown))
-                    ])
-                  ]),
-                  _: 1
-                }, 512), [
-                  [vue.vShow, vue.unref(hiddenElementList).length]
-                ])
-              ], 512),
-              vue.withDirectives(vue.createElementVNode("div", {
-                ref_key: "popperPanelRef",
-                ref: popperPanelRef,
-                class: "filter-pannel",
-                onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-                }, ["stop"]))
-              }, null, 512), [
-                [vue.vShow, vue.unref(visible)]
-              ])
-            ]),
-            vue.createCommentVNode(" \u5173\u952E\u8BCD "),
-            vue.createElementVNode("div", _hoisted_5, [
-              vue.createVNode(vue.unref(webVue.Input), {
-                modelValue: searchInput.value,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => searchInput.value = $event),
-                "allow-clear": "",
-                placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD"
-              }, {
-                prepend: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(webVue.Dropdown), {
-                    onSelect: _cache[2] || (_cache[2] = (e) => searchType.value = e)
-                  }, {
-                    content: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(webVue.Doption), { value: 0 }, {
-                        default: vue.withCtx(() => _cache[11] || (_cache[11] = [
-                          vue.createTextVNode("\u7CBE\u51C6\u641C")
-                        ])),
-                        _: 1
-                      }),
-                      vue.createVNode(vue.unref(webVue.Doption), { value: 1 }, {
-                        default: vue.withCtx(() => _cache[12] || (_cache[12] = [
-                          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(" \u76EE\u5F55 "),
-            vue.createElementVNode("div", _hoisted_6, [
-              vue.createVNode(vue.unref(webVue.TreeSelect), {
-                modelValue: filter.value.directory_id,
-                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => filter.value.directory_id = $event),
-                data: vue.unref(tree),
-                "popup-container": "#resource-filter-pannel",
-                placeholder: "\u8BF7\u9009\u62E9\u76EE\u5F55",
-                "field-names": {
-                  title: "alias",
-                  key: "id"
-                },
-                "allow-clear": ""
-              }, null, 8, ["modelValue", "data"])
-            ]),
-            vue.createCommentVNode(" \u7D20\u6750\u7C7B\u578B "),
-            vue.createElementVNode("div", _hoisted_7, [
-              vue.createVNode(vue.unref(webVue.Select), {
-                modelValue: filter.value.catalog,
-                "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => filter.value.catalog = $event),
-                disabled: (_a = vue.unref(filterOptions)) == null ? void 0 : _a.mediaTypeStrict,
-                "popup-container": "#resource-filter-pannel",
-                "allow-clear": "",
-                placeholder: "\u7C7B\u578B",
-                multiple: "",
-                "max-tag-count": 1
-              }, {
-                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", "disabled"])
-            ]),
-            vue.createCommentVNode(" \u65F6\u95F4\u8303\u56F4 "),
-            vue.createElementVNode("div", _hoisted_8, [
-              vue.createVNode(vue.unref(webVue.RangePicker), {
-                modelValue: rangeTime.value,
-                "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => rangeTime.value = $event),
-                "allow-clear": "",
-                "popup-container": "#resource-filter-pannel"
-              }, null, 8, ["modelValue"])
-            ]),
-            vue.createCommentVNode(" \u7D20\u6750\u4E0A\u4F20\u6765\u6E90 "),
-            vue.createElementVNode("div", _hoisted_9, [
-              vue.createVNode(vue.unref(webVue.Select), {
-                modelValue: filter.value.source,
-                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => filter.value.source = $event),
-                "allow-clear": "",
-                placeholder: "\u6765\u6E90",
-                "popup-container": "#resource-filter-pannel"
-              }, {
-                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_10, [
-              vue.createVNode(vue.unref(webVue.Select), {
-                modelValue: filter.value.upload_by,
-                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => filter.value.upload_by = $event),
-                "allow-clear": "",
-                placeholder: "\u4E0A\u4F20\u4EBA",
-                loading: vue.unref(loading),
-                "allow-search": "",
-                "popup-container": "#resource-filter-pannel",
-                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)
-          ], 512),
-          vue.createElementVNode("div", _hoisted_11, [
-            vue.createCommentVNode(" \u91CD\u7F6E\u6309\u94AE - Wrap in filter-item to be managed by the hook "),
-            vue.withDirectives(vue.createElementVNode("div", _hoisted_12, [
-              vue.createVNode(vue.unref(webVue.Button), {
-                type: "text",
-                onClick: handleReset
-              }, {
-                default: vue.withCtx(() => _cache[13] || (_cache[13] = [
-                  vue.createTextVNode(" \u91CD\u7F6E ")
-                ])),
-                _: 1
-              })
-            ], 512), [
-              [vue.vShow, !isEmpty.value]
-            ]),
-            vue.createVNode(vue.unref(webVue.Button), {
-              type: "primary",
-              onClick: _cache[9] || (_cache[9] = ($event) => emits("upload"))
-            }, {
-              icon: vue.withCtx(() => [
-                vue.createVNode(vue.unref(icon.IconUpload))
-              ]),
-              default: vue.withCtx(() => [
-                _cache[14] || (_cache[14] = vue.createTextVNode(" \u4E0A\u4F20 "))
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        searchInput.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(resource.keywordsSelection), (item) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: item.value,
-              class: vue.normalizeClass(["list-filter-tag", { active: filter.value.sf === item.value }]),
-              onClick: ($event) => filter.value.sf = item.value
-            }, vue.toDisplayString(item.name), 11, _hoisted_14);
-          }), 128))
-        ])) : vue.createCommentVNode("v-if", true)
-      ]);
-    };
-  }
-});
-module.exports = _sfc_main;