@cmstops/pro-compo 0.1.11 → 0.1.13

package/es/mediaFilter/components/FilterGroup.js

@@ -2,8 +2,6 @@ import { defineComponent, ref, watch, onMounted, openBlock, createElementBlock,
 import { Button } from "@arco-design/web-vue";
 import { IconCaretDown } from "@arco-design/web-vue/es/icon";
 import { createPopper } from "@popperjs/core";
-import "./FilterGroup.vue_vue_type_style_index_0_scoped_true_lang.js";
-import _export_sfc from "../../_virtual/plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "filter-view-container" };
 const _hoisted_2 = { class: "filter-search" };
 const _hoisted_3 = { class: "more-btn" };
@@ -136,7 +134,7 @@ const _sfc_main = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "search", {}, void 0, true)
+          renderSlot(_ctx.$slots, "search")
         ]),
         createElementVNode("div", _hoisted_3, [
           createElementVNode("div", {
@@ -172,10 +170,10 @@ const _sfc_main = defineComponent({
             ref: filterItemsRef,
             class: "left"
           }, [
-            renderSlot(_ctx.$slots, "left", {}, void 0, true)
+            renderSlot(_ctx.$slots, "left")
           ], 512),
           createElementVNode("div", _hoisted_6, [
-            renderSlot(_ctx.$slots, "right", {}, void 0, true)
+            renderSlot(_ctx.$slots, "right")
           ])
         ]),
         createElementVNode("div", _hoisted_7, null, 512)
@@ -183,5 +181,4 @@ const _sfc_main = defineComponent({
     };
   }
 });
-var FilterGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-017dcf0e"]]);
-export { FilterGroup as default };
+export { _sfc_main as default };

package/es/mediaFilter/components/FilterItem.js

@@ -1,8 +1,6 @@
 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";
-import "./FilterItem.vue_vue_type_style_index_0_scoped_true_lang.js";
-import _export_sfc from "../../_virtual/plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "filter-item-view" };
 const _hoisted_2 = { class: "show-view" };
 const _hoisted_3 = { class: "right-prefix" };
@@ -106,11 +104,10 @@ const _sfc_main = defineComponent({
           })
         ]),
         createElementVNode("div", _hoisted_6, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          renderSlot(_ctx.$slots, "default")
         ])
       ]);
     };
   }
 });
-var FilterItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-197080c1"]]);
-export { FilterItem as default };
+export { _sfc_main as default };

package/es/mediaFilter/index.d.ts

@@ -1,2 +1,3 @@
 declare const mediaFilter: any;
+export * from './script/types';
 export default mediaFilter;

package/es/mediaFilter/script/types.d.ts

@@ -0,0 +1,16 @@
+export declare type FilterType = 'DOC' | 'MEDIA' | 'MP_ACOUNT' | 'MP_CONTENT';
+export declare type DocFilterType = 'APV' | 'MINE' | 'CONTENT' | 'STORE';
+export declare type Keys = 'doc_type' | 'doc_state' | 'doc_thumb' | 'pub_time' | 'doc_banner' | 'apv_state';
+export declare type DocFilterKeys = Keys[];
+export interface FilterValue {
+    keywords: string;
+    doc_type: string;
+    doc_state: string;
+    doc_thumb: string;
+    pub_time: [];
+    highSearch: {
+        order: string;
+        sort: -1 | 1;
+        meta: any;
+    };
+}

package/es/mediaFilter/style/index.css

@@ -1,4 +1,90 @@
-.tooltip-button {
+.filter-wrp .tooltip-button {
   height: auto;
   padding: 20px;
 }
+.filter-wrp .dop.active {
+  color: #165dff;
+}
+.filter-wrp .dop .label {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.filter-wrp .filter-view-container {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  font-size: 14px;
+}
+.filter-wrp .filter-search {
+  display: flex;
+  gap: 10px;
+  width: 180px;
+  margin-right: 10px;
+}
+.filter-wrp .filter-content {
+  position: relative;
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: space-between;
+}
+.filter-wrp .left {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.filter-wrp .right {
+  position: absolute;
+  right: 0;
+  z-index: 1;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  height: 100%;
+  padding-left: 20px;
+  background: white;
+}
+.filter-wrp .more-btn {
+  margin-right: 10px;
+}
+.filter-wrp .right-prefix {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+.filter-wrp .filter-pannel {
+  display: flex;
+  gap: 10px;
+  padding: 10px;
+  background-color: white;
+  border-radius: 6px;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+}
+.filter-wrp .filter-item-view {
+  position: relative;
+  display: flex;
+  overflow: hidden;
+}
+.filter-wrp .filter-item-view .show-view {
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  background: #fff;
+  pointer-events: none;
+}
+.filter-wrp .filter-item-view .select-view {
+  position: absolute;
+  z-index: 0;
+  width: 100%;
+}
+.filter-wrp .hasvalue-btn {
+  color: #165dff;
+  background-color: #e8f3ff;
+  border-right: none !important;
+}
+.filter-wrp .right-prefix {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}

package/es/mediaFilter/style/index.less

@@ -1,4 +1,110 @@
-.tooltip-button {
-  height: auto;
-  padding: 20px;
+.filter-wrp {
+  .tooltip-button {
+    height: auto;
+    padding: 20px;
+  }
+
+  // DocFilter 组件内部样式
+  .dop.active {
+    color: #165dff;
+  }
+
+  .dop .label {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
+
+  // FilterGroup 内部样式
+  .filter-view-container {
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+    font-size: 14px;
+  }
+
+  .filter-search {
+    display: flex;
+    gap: 10px;
+    width: 180px;
+    margin-right: 10px;
+  }
+
+  .filter-content {
+    position: relative;
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .left {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
+
+  .right {
+    position: absolute;
+    right: 0;
+    z-index: 1;
+    display: flex;
+    flex-wrap: nowrap;
+    align-items: center;
+    height: 100%;
+    padding-left: 20px;
+    background: white;
+  }
+
+  .more-btn {
+    margin-right: 10px;
+  }
+
+  .right-prefix {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
+
+  .filter-pannel {
+    display: flex;
+    gap: 10px;
+    padding: 10px;
+    background-color: white;
+    border-radius: 6px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  }
+
+  // Filter Item 内部样式
+  .filter-item-view {
+    position: relative;
+    display: flex;
+    overflow: hidden;
+  }
+
+  .filter-item-view .show-view {
+    z-index: 1;
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    pointer-events: none;
+  }
+
+  .filter-item-view .select-view {
+    position: absolute;
+    z-index: 0;
+    width: 100%;
+  }
+
+  .hasvalue-btn {
+    color: #165dff;
+    background-color: #e8f3ff;
+    border-right: none !important;
+  }
+
+  .right-prefix {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
 }

package/es/style.css

@@ -3,92 +3,3 @@
   vertical-align: middle;
   font-size: 18px;
 }
-
-.dop.active[data-v-10378a8c] {
-  color: #165dff;
-}
-.dop .label[data-v-10378a8c] {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.filter-item-view[data-v-197080c1] {
-  display: flex;
-  position: relative;
-  overflow: hidden;
-}
-.filter-item-view .show-view[data-v-197080c1] {
-  width: 100%;
-  height: 100%;
-  background: #ffffff;
-  z-index: 1;
-  pointer-events: none;
-}
-.filter-item-view .select-view[data-v-197080c1] {
-  width: 100%;
-  position: absolute;
-  z-index: 0;
-}
-.hasvalue-btn[data-v-197080c1] {
-  background-color: #e8f3ff;
-  color: #165dff;
-  border-right: none !important;
-}
-.right-prefix[data-v-197080c1] {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.filter-view-container[data-v-017dcf0e] {
-  font-size: 14px;
-  margin-bottom: 10px;
-  display: flex;
-  align-items: center;
-}
-.filter-search[data-v-017dcf0e] {
-  margin-right: 10px;
-  width: 180px;
-  display: flex;
-  gap: 10px;
-}
-.filter-content[data-v-017dcf0e] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  position: relative;
-  flex: 1;
-}
-.left[data-v-017dcf0e] {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-.right[data-v-017dcf0e] {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  flex-wrap: nowrap;
-  position: absolute;
-  background: white;
-  padding-left: 20px;
-  right: 0;
-  z-index: 1;
-}
-.more-btn[data-v-017dcf0e] {
-  margin-right: 10px;
-}
-.right-prefix[data-v-017dcf0e] {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-.filter-pannel[data-v-017dcf0e] {
-  display: flex;
-  gap: 10px;
-  padding: 10px;
-  border-radius: 6px;
-  background-color: white;
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-}