@cmstops/pro-compo 0.1.10 → 0.1.12

package/es/index.d.ts

@@ -8,3 +8,9 @@ export { default as contentModal } from './contentModal';
 export { default as resourceModal } from './resourceModal';
 export { default as previousVersion } from './previousVersion';
 export { default as selectGategory } from './selectGategory';
+export { default as uploadBefore } from './uploadBefore';
+export { default as contentDetailList } from './contentDetailList';
+export { default as emptyData } from './emptyData';
+export { default as mediaFilter } from './mediaFilter';
+export { default as selectAvatarList } from './selectAvatarList';
+export { default as userDirector } from './userDirector';

package/es/index.js

@@ -8,3 +8,9 @@ export { default as contentModal } from "./contentModal/index.js";
 export { default as resourceModal } from "./resourceModal/index.js";
 export { default as previousVersion } from "./previousVersion/index.js";
 export { default as selectGategory } from "./selectGategory/index.js";
+export { default as uploadBefore } from "./uploadBefore/index.js";
+export { default as contentDetailList } from "./contentDetailList/index.js";
+export { default as emptyData } from "./emptyData/index.js";
+export { default as mediaFilter } from "./mediaFilter/index.js";
+export { default as selectAvatarList } from "./selectAvatarList/index.js";
+export { default as userDirector } from "./userDirector/index.js";

package/es/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/es/mediaFilter/component.js

@@ -0,0 +1,41 @@
+import { defineComponent, openBlock, createElementBlock, createBlock, createCommentVNode } from "vue";
+import { DEFAULT_BASE_API } from "../config.js";
+import _sfc_main$1 from "./components/DocFilter.js";
+import MedFilter from "./components/MediaFilter.js";
+import MpaFilter from "./components/MpAccountFilter.js";
+import MpcFilter from "./components/MpContentFilter.js";
+const _hoisted_1 = { class: "filter-wrp" };
+const _sfc_main = 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 || DEFAULT_BASE_API;
+    function handleFilterChange(params) {
+      emits("change", params);
+    }
+    function handleFilterSearch(params) {
+      emits("search", params);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.filterType === "DOC" ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          "filter-keys": _ctx.docFilterKeys,
+          "filter-type": _ctx.docFilterType,
+          onSearch: handleFilterSearch,
+          onChange: handleFilterChange
+        }, null, 8, ["filter-keys", "filter-type"])) : _ctx.filterType === "MEDIA" ? (openBlock(), createBlock(MedFilter, { key: 1 })) : _ctx.filterType === "MP_ACOUNT" ? (openBlock(), createBlock(MpaFilter, { key: 2 })) : _ctx.filterType === "MP_CONTENT" ? (openBlock(), createBlock(MpcFilter, { key: 3 })) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/mediaFilter/components/DocFilter.js

@@ -0,0 +1,248 @@
+import { defineComponent, ref, computed, watch, openBlock, createBlock, withCtx, createVNode, unref, createElementBlock, Fragment, renderList, createCommentVNode, withModifiers, createTextVNode, normalizeClass, createElementVNode, toDisplayString, renderSlot } from "vue";
+import { InputSearch, RangePicker, Select, Option, Button, Dropdown, Dgroup, Doption } from "@arco-design/web-vue";
+import { IconRefresh, IconCheck } from "@arco-design/web-vue/es/icon";
+import { typeOptions, stateOptions, docThumbTypeMap } from "../../utils/doc.js";
+import { useHighLevelSearch, getProvalTypeOptions, getApprovalStateOptions } from "../script/optionsGetter.js";
+import _sfc_main$1 from "./FilterGroup.js";
+import _sfc_main$2 from "./FilterItem.js";
+const _hoisted_1 = { class: "label" };
+const _hoisted_2 = { class: "label" };
+const _sfc_main = 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 } = useHighLevelSearch(props.filterType);
+    const filter = 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: typeOptions() },
+      { key: "doc_state", label: "\u7A3F\u4EF6\u72B6\u6001", pos: "left", options: stateOptions() },
+      { key: "doc_thumb", label: "\u5C01\u9762\u7C7B\u578B", pos: "left", options: 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: getProvalTypeOptions() },
+      { key: "apv_state", label: "\u5BA1\u6838\u72B6\u6001", pos: "left", options: getApprovalStateOptions() }
+    ];
+    const calculateRules = computed(() => {
+      return selectorsLeft.filter((item) => {
+        if (props.filterKeys.includes(item.key))
+          return true;
+        return false;
+      });
+    });
+    const showReset = 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);
+    }
+    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 = 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 openBlock(), createBlock(_sfc_main$1, null, {
+        search: withCtx(() => [
+          createVNode(unref(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: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(calculateRules.value, (item) => {
+            return openBlock(), createBlock(_sfc_main$2, {
+              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: withCtx(() => [
+                createCommentVNode(" \u65E5\u671F\u9009\u62E9\u5668 "),
+                item.isDatePicker ? (openBlock(), createBlock(unref(RangePicker), {
+                  key: 0,
+                  modelValue: filter.value[item.key],
+                  "onUpdate:modelValue": ($event) => filter.value[item.key] = $event,
+                  onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                  }, ["stop"]))
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createCommentVNode(" \u666E\u901A\u9009\u62E9\u5668 "),
+                  createVNode(unref(Select), {
+                    modelValue: filter.value[item.key],
+                    "onUpdate:modelValue": ($event) => filter.value[item.key] = $event,
+                    bordered: false,
+                    style: { "width": "120px" },
+                    onClick: _cache[2] || (_cache[2] = withModifiers(() => {
+                    }, ["stop"]))
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(item.options, (opt) => {
+                        return openBlock(), createBlock(unref(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)),
+          createCommentVNode(" \u91CD\u7F6E "),
+          showReset.value ? (openBlock(), createBlock(unref(Button), {
+            key: 0,
+            type: "text",
+            onClick: reset
+          }, {
+            icon: withCtx(() => [
+              createVNode(unref(IconRefresh))
+            ]),
+            default: withCtx(() => [
+              createTextVNode(" \u91CD\u7F6E ")
+            ]),
+            _: 1
+          })) : createCommentVNode("v-if", true)
+        ]),
+        right: withCtx(() => [
+          unref(showHighLevelSearch) ? (openBlock(), createBlock(unref(Dropdown), { key: 0 }, {
+            content: withCtx(() => [
+              createVNode(unref(Dgroup), { title: "order" }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(highLevelSearchOptions), (item) => {
+                    return openBlock(), createBlock(unref(Doption), {
+                      key: item.value,
+                      class: normalizeClass({ active: item.value === filter.value.order, dop: true }),
+                      onClick: ($event) => choseOrder(item.value)
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("span", _hoisted_1, [
+                          createTextVNode(toDisplayString(item.label) + " ", 1),
+                          item.value === filter.value.order ? (openBlock(), createBlock(unref(IconCheck), { key: 0 })) : createCommentVNode("v-if", true)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["class", "onClick"]);
+                  }), 128))
+                ]),
+                _: 1
+              }),
+              createVNode(unref(Dgroup), { title: "sort" }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(sortOptions), (item) => {
+                    return openBlock(), createBlock(unref(Doption), {
+                      key: item.value,
+                      class: normalizeClass({ active: item.value === filter.value.sort, dop: true }),
+                      onClick: ($event) => choseSort(item.value)
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("span", _hoisted_2, [
+                          createTextVNode(toDisplayString(item.label) + " ", 1),
+                          item.value === filter.value.sort ? (openBlock(), createBlock(unref(IconCheck), { key: 0 })) : createCommentVNode("v-if", true)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["class", "onClick"]);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              createVNode(unref(Button), { text: "text" }, {
+                default: withCtx(() => {
+                  var _a;
+                  return [
+                    createTextVNode(toDisplayString((_a = currentChose.value) == null ? void 0 : _a.label), 1)
+                  ];
+                }),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "right")
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export { _sfc_main as default };

package/es/mediaFilter/components/FilterGroup.js

@@ -0,0 +1,184 @@
+import { defineComponent, ref, watch, onMounted, openBlock, createElementBlock, createElementVNode, renderSlot, withDirectives, createVNode, unref, withModifiers, withCtx, createTextVNode, vShow } from "vue";
+import { Button } from "@arco-design/web-vue";
+import { IconCaretDown } from "@arco-design/web-vue/es/icon";
+import { createPopper } from "@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 = defineComponent({
+  __name: "FilterGroup",
+  setup(__props) {
+    const documentWidth = ref(0);
+    const overflowWidth = ref(0);
+    watch(
+      () => documentWidth.value,
+      (n) => checkOverflow()
+    );
+    watch(
+      () => overflowWidth.value,
+      (n) => setPannelItem()
+    );
+    const initDocWidthListener = function() {
+      window.onresize = (() => {
+        return () => {
+          documentWidth.value = document.body.clientWidth;
+        };
+      })();
+    };
+    const filterItemsRef = ref();
+    const moreBtnRef = ref();
+    const dpPannelRef = ref();
+    const initPopper = function() {
+      createPopper(moreBtnRef.value, dpPannelRef.value, {
+        placement: "bottom-start",
+        modifiers: [{ name: "offset", options: { offset: [-40, 10] } }]
+      });
+    };
+    const popperShowFlag = ref(false);
+    function showPopper() {
+      popperShowFlag.value = true;
+      window.onclick = hidePopper;
+    }
+    function hidePopper() {
+      popperShowFlag.value = false;
+    }
+    const itemNodeArr = ref([]);
+    const itemWidthArr = ref([]);
+    const itemArr = 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 = ref("");
+    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(",");
+    }
+    onMounted(() => {
+      initDocWidthListener();
+      initPopper();
+      setTimeout(() => checkOverflow());
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "search")
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", {
+            ref_key: "moreBtnRef",
+            ref: moreBtnRef
+          }, [
+            withDirectives(createVNode(unref(Button), {
+              onClick: withModifiers(showPopper, ["stop"])
+            }, {
+              default: withCtx(() => [
+                createElementVNode("span", _hoisted_4, [
+                  createTextVNode(" \u66F4\u591A\u7B5B\u9009 "),
+                  createVNode(unref(IconCaretDown))
+                ])
+              ]),
+              _: 1
+            }, 8, ["onClick"]), [
+              [vShow, pannelArray.value]
+            ])
+          ], 512),
+          withDirectives(createElementVNode("div", {
+            id: "dpPannelRef",
+            ref_key: "dpPannelRef",
+            ref: dpPannelRef,
+            class: "filter-pannel"
+          }, null, 512), [
+            [vShow, popperShowFlag.value]
+          ])
+        ]),
+        createElementVNode("div", _hoisted_5, [
+          createElementVNode("div", {
+            ref_key: "filterItemsRef",
+            ref: filterItemsRef,
+            class: "left"
+          }, [
+            renderSlot(_ctx.$slots, "left")
+          ], 512),
+          createElementVNode("div", _hoisted_6, [
+            renderSlot(_ctx.$slots, "right")
+          ])
+        ]),
+        createElementVNode("div", _hoisted_7, null, 512)
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/mediaFilter/components/FilterItem.js

@@ -0,0 +1,113 @@
+import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createCommentVNode, withDirectives, createBlock, createTextVNode, toDisplayString, vShow, renderSlot } from "vue";
+import { ButtonGroup, Button } from "@arco-design/web-vue";
+import { IconCaretDown } from "@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 = 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 = 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 = computed(() => {
+      return props.options.find((item) => item.value === props.value);
+    });
+    const arrValue = 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 openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(unref(ButtonGroup), {
+            type: "primary",
+            size: "medium"
+          }, {
+            default: withCtx(() => [
+              createCommentVNode(" \u666E\u901A\u503C "),
+              valueItem.value ? withDirectives((openBlock(), createBlock(unref(Button), {
+                key: 0,
+                class: "hasvalue-btn"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("span", _hoisted_3, [
+                    createTextVNode(toDisplayString(valueItem.value.label) + " ", 1),
+                    createVNode(unref(IconCaretDown))
+                  ])
+                ]),
+                _: 1
+              }, 512)), [
+                [vShow, hasValue.value]
+              ]) : createCommentVNode("v-if", true),
+              createCommentVNode(" \u6570\u7EC4\u503C "),
+              arrValue.value ? withDirectives((openBlock(), createBlock(unref(Button), {
+                key: 1,
+                class: "hasvalue-btn"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("span", _hoisted_4, [
+                    createTextVNode(toDisplayString(arrValue.value) + " ", 1),
+                    createVNode(unref(IconCaretDown))
+                  ])
+                ]),
+                _: 1
+              }, 512)), [
+                [vShow, hasValue.value]
+              ]) : createCommentVNode("v-if", true),
+              createCommentVNode(" \u672A\u8FDB\u884C\u9009\u62E9\u65F6\u5C55\u793A "),
+              withDirectives(createVNode(unref(Button), { type: "secondary" }, {
+                default: withCtx(() => [
+                  createElementVNode("span", _hoisted_5, [
+                    createTextVNode(toDisplayString(_ctx.label) + " ", 1),
+                    createVNode(unref(IconCaretDown))
+                  ])
+                ]),
+                _: 1
+              }, 512), [
+                [vShow, !hasValue.value]
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };

package/es/mediaFilter/components/MediaFilter.js

@@ -0,0 +1,8 @@
+import { openBlock, createElementBlock } from "vue";
+import _export_sfc from "../../_virtual/plugin-vue_export-helper.js";
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", null, " \u7D20\u6750\u7B5B\u9009\u7EC4\u4EF6 ");
+}
+var MedFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { MedFilter as default };

package/es/mediaFilter/components/MpAccountFilter.js

@@ -0,0 +1,8 @@
+import { openBlock, createElementBlock } from "vue";
+import _export_sfc from "../../_virtual/plugin-vue_export-helper.js";
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", null, " \u516C\u4F17\u53F7\u8D26\u53F7\u7B5B\u9009\u7EC4\u4EF6 ");
+}
+var MpaFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { MpaFilter as default };

package/es/mediaFilter/components/MpContentFilter.js

@@ -0,0 +1,8 @@
+import { openBlock, createElementBlock } from "vue";
+import _export_sfc from "../../_virtual/plugin-vue_export-helper.js";
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", null, " \u516C\u4F17\u53F7\u5185\u5BB9\u7B5B\u9009\u7EC4\u4EF6 ");
+}
+var MpcFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { MpcFilter as default };

package/es/mediaFilter/index.d.ts

@@ -0,0 +1,2 @@
+declare const mediaFilter: any;
+export default mediaFilter;

package/es/mediaFilter/index.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./component.js";
+const mediaFilter = Object.assign(_sfc_main, {
+  install: (app) => {
+    app.component(_sfc_main.name, _sfc_main);
+  }
+});
+export { mediaFilter as default };