@cmstops/pro-compo 0.1.10 → 0.1.12

package/lib/index.js

@@ -10,6 +10,12 @@ var index$5 = require("./contentModal/index.js");
 var index$6 = require("./resourceModal/index.js");
 var index$7 = require("./previousVersion/index.js");
 var index$8 = require("./selectGategory/index.js");
+var index$9 = require("./uploadBefore/index.js");
+var index$a = require("./contentDetailList/index.js");
+var index$b = require("./emptyData/index.js");
+var index$c = require("./mediaFilter/index.js");
+var index$d = require("./selectAvatarList/index.js");
+var index$e = require("./userDirector/index.js");
 exports["default"] = components;
 exports.appCenter = index;
 exports.messageBox = index$1;
@@ -20,3 +26,9 @@ exports.contentModal = index$5;
 exports.resourceModal = index$6;
 exports.previousVersion = index$7;
 exports.selectGategory = index$8;
+exports.uploadBefore = index$9;
+exports.contentDetailList = index$a;
+exports.emptyData = index$b;
+exports.mediaFilter = index$c;
+exports.selectAvatarList = index$d;
+exports.userDirector = index$e;

package/lib/index.less

@@ -8,3 +8,9 @@
 @import './resourceModal/style/index.less';
 @import './previousVersion/style/index.less';
 @import './selectGategory/style/index.less';
+@import './uploadBefore/style/index.less';
+@import './contentDetailList/style/index.less';
+@import './emptyData/style/index.less';
+@import './mediaFilter/style/index.less';
+@import './selectAvatarList/style/index.less';
+@import './userDirector/style/index.less';

package/lib/mediaFilter/component.js

@@ -0,0 +1,42 @@
+"use strict";
+var vue = require("vue");
+var config = require("../config.js");
+var DocFilter = require("./components/DocFilter.js");
+var MediaFilter = require("./components/MediaFilter.js");
+var MpAccountFilter = require("./components/MpAccountFilter.js");
+var MpContentFilter = require("./components/MpContentFilter.js");
+const _hoisted_1 = { class: "filter-wrp" };
+const _sfc_main = vue.defineComponent({
+  ...{ name: "mediaFilter" },
+  __name: "component",
+  props: {
+    filterType: {},
+    docFilterKeys: {},
+    docFilterType: {},
+    BASE_API: {}
+  },
+  emits: ["search", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    props.BASE_API || config.DEFAULT_BASE_API;
+    function handleFilterChange(params) {
+      emits("change", params);
+    }
+    function handleFilterSearch(params) {
+      emits("search", params);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _ctx.filterType === "DOC" ? (vue.openBlock(), vue.createBlock(DocFilter, {
+          key: 0,
+          "filter-keys": _ctx.docFilterKeys,
+          "filter-type": _ctx.docFilterType,
+          onSearch: handleFilterSearch,
+          onChange: handleFilterChange
+        }, null, 8, ["filter-keys", "filter-type"])) : _ctx.filterType === "MEDIA" ? (vue.openBlock(), vue.createBlock(MediaFilter, { key: 1 })) : _ctx.filterType === "MP_ACOUNT" ? (vue.openBlock(), vue.createBlock(MpAccountFilter, { key: 2 })) : _ctx.filterType === "MP_CONTENT" ? (vue.openBlock(), vue.createBlock(MpContentFilter, { key: 3 })) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/mediaFilter/components/DocFilter.js

@@ -0,0 +1,249 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
+var doc = require("../../utils/doc.js");
+var optionsGetter = require("../script/optionsGetter.js");
+var FilterGroup = require("./FilterGroup.js");
+var FilterItem = require("./FilterItem.js");
+const _hoisted_1 = { class: "label" };
+const _hoisted_2 = { class: "label" };
+const _sfc_main = vue.defineComponent({
+  __name: "DocFilter",
+  props: {
+    filterKeys: { default: () => ["keywords", "doc_type"] },
+    filterType: { default: "APV" }
+  },
+  emits: ["search", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { highLevelSearchOptions, showHighLevelSearch, sortOptions } = optionsGetter.useHighLevelSearch(props.filterType);
+    const filter = vue.ref({
+      keywords: "",
+      doc_type: "",
+      doc_state: "",
+      doc_thumb: "",
+      pub_time: "",
+      doc_banner: "",
+      apv_state: "",
+      apv_type: "",
+      order: highLevelSearchOptions.value.length > 0 ? highLevelSearchOptions.value[0].value : "",
+      sort: -1,
+      meta: {}
+    });
+    if (props.filterType === "MINE") {
+      choseMeta(filter.value.order);
+    }
+    const bannerOptions = [
+      { value: "", label: "\u5168\u90E8" },
+      { value: "0", label: "\u65E0\u72EC\u7ACB\u8F6E\u64AD" },
+      { value: "1", label: "\u6709\u72EC\u7ACB\u8F6E\u64AD" }
+    ];
+    const selectorsLeft = [
+      { key: "doc_type", label: "\u7A3F\u4EF6\u7C7B\u578B", pos: "left", options: doc.typeOptions() },
+      { key: "doc_state", label: "\u7A3F\u4EF6\u72B6\u6001", pos: "left", options: doc.stateOptions() },
+      { key: "doc_thumb", label: "\u5C01\u9762\u7C7B\u578B", pos: "left", options: doc.docThumbTypeMap() },
+      { key: "pub_time", label: "\u53D1\u5E03\u65F6\u95F4", pos: "left", isDatePicker: true },
+      { key: "doc_banner", label: "\u72EC\u7ACB\u8F6E\u64AD", pos: "left", options: bannerOptions },
+      { key: "apv_type", label: "\u5BA1\u6279\u7C7B\u578B", pos: "left", options: optionsGetter.getProvalTypeOptions() },
+      { key: "apv_state", label: "\u5BA1\u6838\u72B6\u6001", pos: "left", options: optionsGetter.getApprovalStateOptions() }
+    ];
+    const calculateRules = vue.computed(() => {
+      return selectorsLeft.filter((item) => {
+        if (props.filterKeys.includes(item.key))
+          return true;
+        return false;
+      });
+    });
+    const showReset = vue.computed(() => {
+      return calculateRules.value.some((item) => {
+        return filter.value[item.key] !== "";
+      });
+    });
+    function reset() {
+      const excludeColumn = ["order", "sort", "meta", "keywords"];
+      Object.keys(filter.value).forEach((key) => {
+        if (excludeColumn.includes(key))
+          return;
+        filter.value[key] = "";
+      });
+    }
+    function handleSearch() {
+      emits("search", filter.value);
+    }
+    vue.watch(
+      () => filter.value,
+      (n) => {
+        const ret = {};
+        calculateRules.value.forEach((item) => {
+          ret[item.key] = n[item.key];
+        });
+        ret.keywords = n.keywords;
+        ret.highSearch = {
+          order: n.order,
+          sort: n.sort,
+          meta: n.meta
+        };
+        emits("change", ret);
+      },
+      { deep: true }
+    );
+    const currentChose = vue.computed(() => {
+      return highLevelSearchOptions.value.find(
+        (item) => item.value === filter.value.order
+      );
+    });
+    function choseOrder(e) {
+      filter.value.order = e;
+      if (props.filterType === "MINE")
+        choseMeta(e);
+    }
+    function choseMeta(e) {
+      const v = highLevelSearchOptions.value.find((item) => item.value === e);
+      if (!v)
+        return;
+      filter.value.meta = {
+        from: `${v.key}_from`,
+        to: `${v.key}_to`
+      };
+    }
+    function choseSort(e) {
+      filter.value.sort = e;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(FilterGroup, null, {
+        search: vue.withCtx(() => [
+          vue.createVNode(vue.unref(webVue.InputSearch), {
+            modelValue: filter.value.keywords,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.keywords = $event),
+            "allow-clear": "",
+            size: "medium",
+            placeholder: "\u8BF7\u8F93\u5165\u6807\u9898\u5173\u952E\u5B57",
+            onSearch: handleSearch
+          }, null, 8, ["modelValue"])
+        ]),
+        left: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(calculateRules.value, (item) => {
+            return vue.openBlock(), vue.createBlock(FilterItem, {
+              key: item.key,
+              value: filter.value[item.key],
+              "onUpdate:value": ($event) => filter.value[item.key] = $event,
+              label: item.label,
+              "date-picker": !!item.isDatePicker,
+              options: item.options
+            }, {
+              default: vue.withCtx(() => [
+                vue.createCommentVNode(" \u65E5\u671F\u9009\u62E9\u5668 "),
+                item.isDatePicker ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.RangePicker), {
+                  key: 0,
+                  modelValue: filter.value[item.key],
+                  "onUpdate:modelValue": ($event) => filter.value[item.key] = $event,
+                  onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
+                  }, ["stop"]))
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                  vue.createCommentVNode(" \u666E\u901A\u9009\u62E9\u5668 "),
+                  vue.createVNode(vue.unref(webVue.Select), {
+                    modelValue: filter.value[item.key],
+                    "onUpdate:modelValue": ($event) => filter.value[item.key] = $event,
+                    bordered: false,
+                    style: { "width": "120px" },
+                    onClick: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+                    }, ["stop"]))
+                  }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.options, (opt) => {
+                        return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
+                          key: opt.value,
+                          label: opt.label,
+                          value: opt.value
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue"])
+                ], 64))
+              ]),
+              _: 2
+            }, 1032, ["value", "onUpdate:value", "label", "date-picker", "options"]);
+          }), 128)),
+          vue.createCommentVNode(" \u91CD\u7F6E "),
+          showReset.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
+            key: 0,
+            type: "text",
+            onClick: reset
+          }, {
+            icon: vue.withCtx(() => [
+              vue.createVNode(vue.unref(icon.IconRefresh))
+            ]),
+            default: vue.withCtx(() => [
+              vue.createTextVNode(" \u91CD\u7F6E ")
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("v-if", true)
+        ]),
+        right: vue.withCtx(() => [
+          vue.unref(showHighLevelSearch) ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Dropdown), { key: 0 }, {
+            content: vue.withCtx(() => [
+              vue.createVNode(vue.unref(webVue.Dgroup), { title: "order" }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(highLevelSearchOptions), (item) => {
+                    return vue.openBlock(), vue.createBlock(vue.unref(webVue.Doption), {
+                      key: item.value,
+                      class: vue.normalizeClass({ active: item.value === filter.value.order, dop: true }),
+                      onClick: ($event) => choseOrder(item.value)
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createElementVNode("span", _hoisted_1, [
+                          vue.createTextVNode(vue.toDisplayString(item.label) + " ", 1),
+                          item.value === filter.value.order ? (vue.openBlock(), vue.createBlock(vue.unref(icon.IconCheck), { key: 0 })) : vue.createCommentVNode("v-if", true)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["class", "onClick"]);
+                  }), 128))
+                ]),
+                _: 1
+              }),
+              vue.createVNode(vue.unref(webVue.Dgroup), { title: "sort" }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(sortOptions), (item) => {
+                    return vue.openBlock(), vue.createBlock(vue.unref(webVue.Doption), {
+                      key: item.value,
+                      class: vue.normalizeClass({ active: item.value === filter.value.sort, dop: true }),
+                      onClick: ($event) => choseSort(item.value)
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createElementVNode("span", _hoisted_2, [
+                          vue.createTextVNode(vue.toDisplayString(item.label) + " ", 1),
+                          item.value === filter.value.sort ? (vue.openBlock(), vue.createBlock(vue.unref(icon.IconCheck), { key: 0 })) : vue.createCommentVNode("v-if", true)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["class", "onClick"]);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(webVue.Button), { text: "text" }, {
+                default: vue.withCtx(() => {
+                  var _a;
+                  return [
+                    vue.createTextVNode(vue.toDisplayString((_a = currentChose.value) == null ? void 0 : _a.label), 1)
+                  ];
+                }),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("v-if", true),
+          vue.renderSlot(_ctx.$slots, "right")
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/mediaFilter/components/FilterGroup.js

@@ -0,0 +1,185 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var icon = require("@arco-design/web-vue/es/icon");
+var core = require("@popperjs/core");
+const _hoisted_1 = { class: "filter-view-container" };
+const _hoisted_2 = { class: "filter-search" };
+const _hoisted_3 = { class: "more-btn" };
+const _hoisted_4 = { class: "right-prefix" };
+const _hoisted_5 = { class: "filter-content" };
+const _hoisted_6 = { class: "right" };
+const _hoisted_7 = {
+  ref: "tempNode",
+  style: { "display": "none" }
+};
+const _sfc_main = vue.defineComponent({
+  __name: "FilterGroup",
+  setup(__props) {
+    const documentWidth = vue.ref(0);
+    const overflowWidth = vue.ref(0);
+    vue.watch(
+      () => documentWidth.value,
+      (n) => checkOverflow()
+    );
+    vue.watch(
+      () => overflowWidth.value,
+      (n) => setPannelItem()
+    );
+    const initDocWidthListener = function() {
+      window.onresize = (() => {
+        return () => {
+          documentWidth.value = document.body.clientWidth;
+        };
+      })();
+    };
+    const filterItemsRef = vue.ref();
+    const moreBtnRef = vue.ref();
+    const dpPannelRef = vue.ref();
+    const initPopper = function() {
+      core.createPopper(moreBtnRef.value, dpPannelRef.value, {
+        placement: "bottom-start",
+        modifiers: [{ name: "offset", options: { offset: [-40, 10] } }]
+      });
+    };
+    const popperShowFlag = vue.ref(false);
+    function showPopper() {
+      popperShowFlag.value = true;
+      window.onclick = hidePopper;
+    }
+    function hidePopper() {
+      popperShowFlag.value = false;
+    }
+    const itemNodeArr = vue.ref([]);
+    const itemWidthArr = vue.ref([]);
+    const itemArr = vue.ref([]);
+    function checkOverflow() {
+      if (!filterItemsRef.value)
+        return;
+      const parent = filterItemsRef.value.parentNode;
+      if (!itemNodeArr.value.length) {
+        itemNodeArr.value = mapNodes(filterItemsRef.value.childNodes);
+        itemWidthArr.value = itemNodeArr.value.map((node) => node.clientWidth + 10);
+        itemArr.value = itemWidthArr.value.map((_, idx) => idx);
+      }
+      const parentWidth = parent.clientWidth;
+      const leftWidth = getArrWidth(itemWidthArr.value);
+      const rightWidth = parent.childNodes[parent.childNodes.length - 1].clientWidth;
+      overflowWidth.value = leftWidth + rightWidth - parentWidth;
+    }
+    function mapNodes(nodes) {
+      const nodeArr = [];
+      for (let i = 0; i < nodes.length; i++) {
+        const element = nodes[i];
+        nodeArr.push(element);
+      }
+      return nodeArr.filter((item) => item.clientWidth);
+    }
+    function getArrWidth(arr) {
+      return arr.reduce((prev, cur) => prev + cur, 0);
+    }
+    const pannelArray = vue.ref("");
+    vue.watch(
+      () => pannelArray.value,
+      (n, o) => refreshPannel(n, o)
+    );
+    function refreshPannel(newStr, oldStr) {
+      const nArr = newStr ? newStr.split(",") : [];
+      const oArr = oldStr ? oldStr.split(",") : [];
+      if (nArr.length && nArr.length > oArr.length) {
+        diff(nArr, oArr).forEach((index) => inNode(parseInt(index, 10)));
+      } else if (nArr.length >= 0 && nArr.length < oArr.length) {
+        diff(oArr, nArr).forEach((index) => outNode(parseInt(index, 10)));
+      }
+    }
+    const diff = (arr1, arr2) => {
+      const diff2 = [];
+      for (let i = 0; i < arr1.length; i++) {
+        const item = arr1[i];
+        if (!arr2.includes(item))
+          diff2.push(item);
+      }
+      return diff2;
+    };
+    function inNode(index) {
+      var _a, _b, _c;
+      const node = mapNodes((_a = filterItemsRef.value) == null ? void 0 : _a.childNodes)[index];
+      const temp = document.createElement("div");
+      temp.style.width = `${itemWidthArr.value[index]}px`;
+      temp.style.position = "absolute";
+      temp.style.left = `${50}px`;
+      (_b = filterItemsRef.value) == null ? void 0 : _b.replaceChild(temp, node);
+      (_c = dpPannelRef.value) == null ? void 0 : _c.appendChild(node);
+    }
+    function outNode(index) {
+      var _a;
+      const node = itemNodeArr.value[index];
+      (_a = filterItemsRef.value) == null ? void 0 : _a.replaceChild(
+        node,
+        mapNodes(filterItemsRef.value.childNodes)[index]
+      );
+    }
+    function setPannelItem() {
+      let inPannelNum = 0;
+      if (overflowWidth.value > 0) {
+        const avgWidth = 120;
+        inPannelNum = Math.ceil((overflowWidth.value + 200) / avgWidth);
+      }
+      pannelArray.value = itemArr.value.slice(0, inPannelNum).join(",");
+    }
+    vue.onMounted(() => {
+      initDocWidthListener();
+      initPopper();
+      setTimeout(() => checkOverflow());
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.renderSlot(_ctx.$slots, "search")
+        ]),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createElementVNode("div", {
+            ref_key: "moreBtnRef",
+            ref: moreBtnRef
+          }, [
+            vue.withDirectives(vue.createVNode(vue.unref(webVue.Button), {
+              onClick: vue.withModifiers(showPopper, ["stop"])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("span", _hoisted_4, [
+                  vue.createTextVNode(" \u66F4\u591A\u7B5B\u9009 "),
+                  vue.createVNode(vue.unref(icon.IconCaretDown))
+                ])
+              ]),
+              _: 1
+            }, 8, ["onClick"]), [
+              [vue.vShow, pannelArray.value]
+            ])
+          ], 512),
+          vue.withDirectives(vue.createElementVNode("div", {
+            id: "dpPannelRef",
+            ref_key: "dpPannelRef",
+            ref: dpPannelRef,
+            class: "filter-pannel"
+          }, null, 512), [
+            [vue.vShow, popperShowFlag.value]
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_5, [
+          vue.createElementVNode("div", {
+            ref_key: "filterItemsRef",
+            ref: filterItemsRef,
+            class: "left"
+          }, [
+            vue.renderSlot(_ctx.$slots, "left")
+          ], 512),
+          vue.createElementVNode("div", _hoisted_6, [
+            vue.renderSlot(_ctx.$slots, "right")
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_7, null, 512)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/mediaFilter/components/FilterItem.js

@@ -0,0 +1,114 @@
+"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: "filter-item-view" };
+const _hoisted_2 = { class: "show-view" };
+const _hoisted_3 = { class: "right-prefix" };
+const _hoisted_4 = { class: "right-prefix" };
+const _hoisted_5 = { class: "right-prefix" };
+const _hoisted_6 = { class: "select-view" };
+const _sfc_main = vue.defineComponent({
+  __name: "FilterItem",
+  props: {
+    value: { default: "" },
+    allValue: { default: "" },
+    label: { default: "" },
+    options: { default: () => [] },
+    icon: { default: "" },
+    rightIcon: { default: "" },
+    datePicker: { type: Boolean, default: false },
+    backgroundColor: { default: "none" }
+  },
+  setup(__props) {
+    const props = __props;
+    const hasValue = vue.computed(() => {
+      if (props.allValue !== "" && props.value === props.allValue)
+        return false;
+      if (Array.isArray(props.value))
+        return props.value.length > 0;
+      return props.value;
+    });
+    const valueItem = vue.computed(() => {
+      return props.options.find((item) => item.value === props.value);
+    });
+    const arrValue = vue.computed(() => {
+      if (!Array.isArray(props.value))
+        return "";
+      return props.value.map((item) => {
+        if (props.datePicker)
+          return timeFilter(item);
+        return item.alias || item.title || item.label;
+      }).join(" / ");
+    });
+    function timeFilter(timeValue) {
+      if (!timeValue)
+        return "";
+      if (typeof timeValue === "number" && String(timeValue).length === 10) {
+        timeValue *= 1e3;
+      }
+      const date = new Date(timeValue);
+      return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createVNode(vue.unref(webVue.ButtonGroup), {
+            type: "primary",
+            size: "medium"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createCommentVNode(" \u666E\u901A\u503C "),
+              valueItem.value ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
+                key: 0,
+                class: "hasvalue-btn"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("span", _hoisted_3, [
+                    vue.createTextVNode(vue.toDisplayString(valueItem.value.label) + " ", 1),
+                    vue.createVNode(vue.unref(icon.IconCaretDown))
+                  ])
+                ]),
+                _: 1
+              }, 512)), [
+                [vue.vShow, hasValue.value]
+              ]) : vue.createCommentVNode("v-if", true),
+              vue.createCommentVNode(" \u6570\u7EC4\u503C "),
+              arrValue.value ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(webVue.Button), {
+                key: 1,
+                class: "hasvalue-btn"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("span", _hoisted_4, [
+                    vue.createTextVNode(vue.toDisplayString(arrValue.value) + " ", 1),
+                    vue.createVNode(vue.unref(icon.IconCaretDown))
+                  ])
+                ]),
+                _: 1
+              }, 512)), [
+                [vue.vShow, hasValue.value]
+              ]) : vue.createCommentVNode("v-if", true),
+              vue.createCommentVNode(" \u672A\u8FDB\u884C\u9009\u62E9\u65F6\u5C55\u793A "),
+              vue.withDirectives(vue.createVNode(vue.unref(webVue.Button), { type: "secondary" }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("span", _hoisted_5, [
+                    vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
+                    vue.createVNode(vue.unref(icon.IconCaretDown))
+                  ])
+                ]),
+                _: 1
+              }, 512), [
+                [vue.vShow, !hasValue.value]
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        vue.createElementVNode("div", _hoisted_6, [
+          vue.renderSlot(_ctx.$slots, "default")
+        ])
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/mediaFilter/components/MediaFilter.js

@@ -0,0 +1,9 @@
+"use strict";
+var vue = require("vue");
+var pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("div", null, " \u7D20\u6750\u7B5B\u9009\u7EC4\u4EF6 ");
+}
+var MedFilter = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = MedFilter;

package/lib/mediaFilter/components/MpAccountFilter.js

@@ -0,0 +1,9 @@
+"use strict";
+var vue = require("vue");
+var pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("div", null, " \u516C\u4F17\u53F7\u8D26\u53F7\u7B5B\u9009\u7EC4\u4EF6 ");
+}
+var MpaFilter = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = MpaFilter;

package/lib/mediaFilter/components/MpContentFilter.js

@@ -0,0 +1,9 @@
+"use strict";
+var vue = require("vue");
+var pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("div", null, " \u516C\u4F17\u53F7\u5185\u5BB9\u7B5B\u9009\u7EC4\u4EF6 ");
+}
+var MpcFilter = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = MpcFilter;

package/lib/mediaFilter/index.js

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