@kg-ui/kg-ui-plus 0.0.1 → 0.0.3

package/dist/es/home/LFilter/FilterArea.vue2.mjs

@@ -0,0 +1,507 @@
+import { defineComponent, getCurrentInstance, computed, resolveComponent, openBlock, createBlock, Transition, withCtx, unref, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, createVNode, toDisplayString, createCommentVNode, createTextVNode, withDirectives, vShow, pushScopeId, popScopeId } from "vue";
+import { storeToRefs } from "pinia";
+import { isAllEmpty as B, delay as I } from "../../node_modules/.pnpm/@pureadmin_utils@1.8.5_vue@3.2.45/node_modules/@pureadmin/utils/dist/index.mjs";
+import { EnumFilterKind, EnumEffectPanel } from "../../store/modules/types.mjs";
+import { useFilterStoreHook } from "../../store/modules/filters.mjs";
+import data from "../../node_modules/.pnpm/@iconify-icons_ri@1.2.3/node_modules/@iconify-icons/ri/arrow-down-s-line.mjs";
+import data$1 from "../../node_modules/.pnpm/@iconify-icons_ri@1.2.3/node_modules/@iconify-icons/ri/arrow-up-s-line.mjs";
+import data$2 from "../../node_modules/.pnpm/@iconify-icons_ri@1.2.3/node_modules/@iconify-icons/ri/add-line.mjs";
+import { checkFilterShow_xinyuan, checkFilterShow, checkFilterShow_letter } from "../../utils/home.mjs";
+import FilterItem from "./FilterItem.vue.mjs";
+import FilterItemIcon from "./FilterItemIcon.vue.mjs";
+const _withScopeId = (n) => (pushScopeId("data-v-58c97571"), n = n(), popScopeId(), n);
+const _hoisted_1 = { id: "filterWrap" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { class: "flex flex-1 align-middle justify-items-start flex-wrap" };
+const _hoisted_4 = ["onMouseenter", "onMouseleave"];
+const _hoisted_5 = {
+  class: "truncate cursor-pointer",
+  style: { "width": "90%" }
+};
+const _hoisted_6 = { class: "flex flex-1 flex-col" };
+const _hoisted_7 = {
+  key: 0,
+  class: "letterWrap flex justify-start items-center px-2 p-2"
+};
+const _hoisted_8 = ["onMouseenter"];
+const _hoisted_9 = { class: "flex flex-wrap" };
+const _hoisted_10 = ["id"];
+const _hoisted_11 = {
+  key: 1,
+  class: "flex flex-1 justify-center mb-3"
+};
+const _hoisted_12 = {
+  key: 0,
+  class: "flex mr-3 my-1"
+};
+const _hoisted_13 = {
+  key: 0,
+  class: "flex-1"
+};
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = { class: "arrow-down inline-block" };
+const _hoisted_16 = {
+  key: 1,
+  class: "flex-1 ml-2"
+};
+const _hoisted_17 = ["onClick"];
+const _hoisted_18 = { class: "arrow-down inline-block" };
+const _hoisted_19 = { key: 0 };
+const _hoisted_20 = {
+  class: "highOptionWrap flex align-middle justify-items-start flex-wrap relative",
+  style: { "max-height": "45px" }
+};
+const _hoisted_21 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", {
+  class: "flex rowTitle cursor-pointer px-3 text-sm truncate",
+  style: { "background-color": "#ececea", "height": "45px", "line-height": "45px" }
+}, " 高级选项： ", -1));
+const _hoisted_22 = {
+  class: "flex flex-1 flex-wrap items-center gap-y-4 p-2",
+  style: { "height": "45px", "overflow": "hidden" }
+};
+const _hoisted_23 = ["onMouseenter", "onMouseleave"];
+const _hoisted_24 = { class: "downRowTitle" };
+const _hoisted_25 = { class: "flex items-center mr-2 mr-auto" };
+const _hoisted_26 = { class: "arrow-down" };
+const _hoisted_27 = {
+  class: "flex justify-between",
+  style: { "max-height": "40vh" }
+};
+const _hoisted_28 = { class: "flex flex-1 flex-col" };
+const _hoisted_29 = { class: "flex flex-wrap gap-x-8 gap-y-6 py-5 px-1" };
+const _hoisted_30 = { key: 0 };
+const _hoisted_31 = {
+  key: 0,
+  class: "flex flex-1 justify-center mb-3"
+};
+const _hoisted_32 = ["onClick"];
+const _hoisted_33 = { class: "arrow-down inline-block" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FilterArea",
+  setup(__props) {
+    const { proxy } = getCurrentInstance();
+    const filterStore = useFilterStoreHook();
+    const {
+      selProject,
+      selFilterIds,
+      filterList,
+      mappingData_selAll,
+      mappingData_selAll_xinyuan,
+      selFilter_maxRowIndex,
+      selFilter_rootIdArr,
+      effectPanel
+    } = storeToRefs(filterStore);
+    const { selFilters } = filterStore;
+    const showList = computed(() => {
+      const filterArr = filterList.value.filter((f) => {
+        const fitlerArr = f.childAppCategoryList || [];
+        let curRowIncludeSel = false;
+        fitlerArr.forEach((f2) => {
+          f2.isMapShow = f2.kind === EnumFilterKind.XinYuan ? checkFilterShow_xinyuan(
+            f2,
+            selFilterIds.value,
+            selFilter_rootIdArr.value,
+            mappingData_selAll_xinyuan.value
+          ) : checkFilterShow(
+            f2,
+            filterList.value,
+            selFilterIds.value,
+            selFilter_maxRowIndex.value,
+            selFilter_rootIdArr.value,
+            mappingData_selAll.value
+          );
+          if (selFilterIds.value.includes(f2.id))
+            curRowIncludeSel = true;
+        });
+        return !curRowIncludeSel;
+      });
+      filterArr.forEach((f) => {
+        var _a;
+        if (!f.collapse) {
+          (_a = f.childAppCategoryList) == null ? void 0 : _a.forEach((suf) => {
+            suf.isMapShow = suf.isMapShow && checkFilterShow_letter(suf, f.selLetter);
+          });
+        }
+      });
+      return filterArr;
+    });
+    const getFilterRowIndex = (rowFilter) => {
+      return filterList.value.findIndex((obj) => obj.id === rowFilter.id);
+    };
+    const clickFilter = (filter) => {
+      filter.collapse = true;
+      filter.selLetter = "所有";
+    };
+    const getRowSelFitler = (rootFilter = {}) => {
+      var _a, _b, _c;
+      const str = (_c = (_b = (_a = rootFilter == null ? void 0 : rootFilter.childAppCategoryList) == null ? void 0 : _a.filter((f) => {
+        return selFilterIds.value.includes(f.id);
+      })) == null ? void 0 : _b.map((f) => {
+        return f.name;
+      })) == null ? void 0 : _c.join("、");
+      return str ? ": " + str : "";
+    };
+    const handleHoverRowFilter = (filter, isHover, index) => {
+      filter.isEdit = isHover;
+      I(310).then(() => {
+        const el = document.querySelector(".subFilterWrap" + index);
+        el == null ? void 0 : el.focus();
+      });
+    };
+    const handleTriggerCollapse = (filter) => {
+      filter.collapse = !filter.collapse;
+      filter.selLetter = "所有";
+    };
+    const handleMultipleSel = (filter, open) => {
+      filter.selLetter = "所有";
+      if (open) {
+        if (filter.collapse)
+          handleTriggerCollapse(filter);
+      }
+      filter.multipleSel = open;
+    };
+    const handleMultipleSel_ok = (filter) => {
+      const selRowIds = [];
+      filter.childAppCategoryList.forEach((f) => {
+        var _a;
+        const el = "subFilter" + f.id;
+        if ((_a = proxy.$refs[el][0]) == null ? void 0 : _a.checkOut) {
+          selRowIds.push(f.id);
+        }
+      });
+      selFilters(filter.childAppCategoryList, selRowIds);
+      handleMultipleSel(filter, false);
+    };
+    const A_Z = computed(() => {
+      const uppercaseLetters = [];
+      uppercaseLetters.push("所有");
+      for (let i = 65; i <= 90; i++) {
+        const uppercaseLetter = String.fromCharCode(i);
+        uppercaseLetters.push(uppercaseLetter);
+      }
+      uppercaseLetters.push("其他");
+      return uppercaseLetters;
+    });
+    const handleHoverLetterFilter = (filter, letter) => {
+      filter.selLetter = letter;
+    };
+    const isIconRow = (rowF) => {
+      let boo = false;
+      if (rowF == null ? void 0 : rowF.childAppCategoryList) {
+        rowF == null ? void 0 : rowF.childAppCategoryList.forEach((f) => {
+          if (f.icon) {
+            boo = true;
+            return false;
+          }
+        });
+      }
+      return boo;
+    };
+    return (_ctx, _cache) => {
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_IconifyIconOffline = resolveComponent("IconifyIconOffline");
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      const _component_el_popover = resolveComponent("el-popover");
+      return openBlock(), createBlock(Transition, { name: "fade" }, {
+        default: withCtx(() => {
+          var _a;
+          return [
+            !((_a = unref(selProject)) == null ? void 0 : _a.collapse) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(["filterAreaWrap bg-white mt-1", {
+                activePanel: unref(effectPanel) === unref(EnumEffectPanel).Category,
+                filterWrap: true
+              }])
+            }, [
+              createElementVNode("div", _hoisted_1, [
+                unref(B)(unref(selProject)) ? (openBlock(), createElementBlock("div", _hoisted_2, "空")) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(showList), (filter, rowIndex) => {
+                    var _a2, _b;
+                    return openBlock(), createElementBlock(Fragment, {
+                      key: filter.id
+                    }, [
+                      rowIndex < 4 ? (openBlock(), createElementBlock("div", {
+                        key: 0,
+                        class: normalizeClass(["flex justify-between gap-x-5 rowWrap", {
+                          multiple: filter.multipleSel,
+                          xinyuan: filter.kind === unref(EnumFilterKind).XinYuan,
+                          zhuti: filter.kind === unref(EnumFilterKind).ZhuTi,
+                          huati: filter.kind === unref(EnumFilterKind).HuaTi
+                        }])
+                      }, [
+                        createElementVNode("div", _hoisted_3, [
+                          createElementVNode("div", {
+                            class: "flex-bc rowTitle frontRowTitle px-3 py-1 text-sm font-black font-bold truncate",
+                            onMouseenter: ($event) => handleHoverRowFilter(filter, true, rowIndex),
+                            onMouseleave: ($event) => handleHoverRowFilter(filter, false, rowIndex)
+                          }, [
+                            createElementVNode("div", _hoisted_5, [
+                              createVNode(_component_el_tooltip, {
+                                class: "box-item",
+                                content: filter.name,
+                                placement: "bottom-end"
+                              }, {
+                                default: withCtx(() => [
+                                  createElementVNode("strong", null, toDisplayString(filter.name) + "： ", 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["content"])
+                            ])
+                          ], 40, _hoisted_4),
+                          createElementVNode("div", _hoisted_6, [
+                            !filter.collapse ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(A_Z), (letter) => {
+                                return openBlock(), createElementBlock("div", {
+                                  key: letter,
+                                  class: normalizeClass(["letter", { active: filter.selLetter === letter }]),
+                                  onMouseenter: ($event) => handleHoverLetterFilter(filter, letter)
+                                }, toDisplayString(letter), 43, _hoisted_8);
+                              }), 128))
+                            ])) : createCommentVNode("", true),
+                            createElementVNode("div", _hoisted_9, [
+                              createElementVNode("div", {
+                                class: normalizeClass(["fWrap overflow-hidden flex flex-wrap content-start gap-x-10 gap-y-2 px-2 py-1", {
+                                  more: !filter.collapse,
+                                  iconRow: isIconRow(filter)
+                                }])
+                              }, [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList(filter.childAppCategoryList, (subFilter) => {
+                                  return openBlock(), createElementBlock(Fragment, {
+                                    key: subFilter.id
+                                  }, [
+                                    subFilter.isMapShow ? (openBlock(), createElementBlock("div", {
+                                      key: 0,
+                                      class: "flex justify-center",
+                                      id: subFilter.id
+                                    }, [
+                                      !subFilter.icon ? (openBlock(), createBlock(FilterItem, {
+                                        key: 0,
+                                        ref_for: true,
+                                        ref: "subFilter" + subFilter.id,
+                                        subFilter,
+                                        multipleSel: filter.multipleSel,
+                                        rowIndex: getFilterRowIndex(filter),
+                                        checkout_prop: unref(selFilterIds).includes(subFilter.id)
+                                      }, null, 8, ["subFilter", "multipleSel", "rowIndex", "checkout_prop"])) : (openBlock(), createBlock(FilterItemIcon, {
+                                        key: 1,
+                                        ref_for: true,
+                                        ref: "subFilter" + subFilter.id,
+                                        subFilter,
+                                        multipleSel: filter.multipleSel,
+                                        rowIndex: getFilterRowIndex(filter),
+                                        checkout_prop: unref(selFilterIds).includes(subFilter.id)
+                                      }, null, 8, ["subFilter", "multipleSel", "rowIndex", "checkout_prop"]))
+                                    ], 8, _hoisted_10)) : createCommentVNode("", true)
+                                  ], 64);
+                                }), 128))
+                              ], 2)
+                            ]),
+                            filter.multipleSel ? (openBlock(), createElementBlock("div", _hoisted_11, [
+                              createVNode(_component_el_button, {
+                                size: "small",
+                                onClick: ($event) => handleMultipleSel(filter, false)
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("取消")
+                                ]),
+                                _: 2
+                              }, 1032, ["onClick"]),
+                              createVNode(_component_el_button, {
+                                size: "small",
+                                onClick: ($event) => handleMultipleSel_ok(filter)
+                              }, {
+                                default: withCtx(() => [
+                                  createTextVNode("确定")
+                                ]),
+                                _: 2
+                              }, 1032, ["onClick"])
+                            ])) : createCommentVNode("", true)
+                          ])
+                        ]),
+                        !filter.multipleSel ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                          ((_a2 = filter.childAppCategoryList) == null ? void 0 : _a2.length) && filter.childAppCategoryList.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_13, [
+                            createElementVNode("div", {
+                              class: "flex hover:text-red-600 items-center p-1 border cursor-pointer text-xs inline-block border-[#ddd] text-[#333]",
+                              style: { "flex-grow": "1", "height": "24px" },
+                              onClick: ($event) => handleTriggerCollapse(filter)
+                            }, [
+                              createTextVNode(toDisplayString(filter.collapse ? "更多" : "收起") + " ", 1),
+                              createElementVNode("span", _hoisted_15, [
+                                createVNode(_component_IconifyIconOffline, {
+                                  style: { "width": "20px", "height": "20px" },
+                                  icon: filter.collapse ? unref(data) : unref(data$1),
+                                  class: "dark:text-white"
+                                }, null, 8, ["icon"])
+                              ])
+                            ], 8, _hoisted_14)
+                          ])) : createCommentVNode("", true),
+                          ((_b = filter.childAppCategoryList) == null ? void 0 : _b.length) && filter.childAppCategoryList.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                            createElementVNode("div", {
+                              class: "flex hover:text-red-600 items-center p-1 border cursor-pointer text-xs inline-block border-[#ddd] text-[#333]",
+                              style: { "flex-grow": "1", "height": "24px" },
+                              onClick: ($event) => handleMultipleSel(filter, true)
+                            }, [
+                              createTextVNode(toDisplayString("多选") + " "),
+                              createElementVNode("span", _hoisted_18, [
+                                createVNode(_component_IconifyIconOffline, {
+                                  style: { "width": "20px", "height": "20px" },
+                                  icon: unref(data$2),
+                                  class: "dark:text-white"
+                                }, null, 8, ["icon"])
+                              ])
+                            ], 8, _hoisted_17)
+                          ])) : createCommentVNode("", true)
+                        ])) : createCommentVNode("", true)
+                      ], 2)) : createCommentVNode("", true)
+                    ], 64);
+                  }), 128)),
+                  unref(showList).length > 4 ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                    createElementVNode("div", _hoisted_20, [
+                      _hoisted_21,
+                      createElementVNode("div", _hoisted_22, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(showList).slice(4), (filter, rowIndex) => {
+                          return openBlock(), createElementBlock("div", {
+                            key: filter.id,
+                            class: "flex flex-wrap items-center",
+                            onMouseenter: ($event) => handleHoverRowFilter(filter, true, rowIndex + 4),
+                            onMouseleave: ($event) => handleHoverRowFilter(filter, false, rowIndex + 4)
+                          }, [
+                            createVNode(_component_el_popover, {
+                              placement: "bottom-start",
+                              width: "100%",
+                              teleported: false,
+                              tabindex: rowIndex,
+                              "popper-class": [
+                                "subFilterWrap" + (rowIndex + 4),
+                                "subFilterWrap",
+                                { multiple: filter.multipleSel }
+                              ],
+                              "show-arrow": false,
+                              "show-after": 300,
+                              "popper-options": {
+                                modifiers: [
+                                  {
+                                    name: "computeStyles",
+                                    options: {
+                                      roundOffsets: ({ x, y }) => ({
+                                        x: Math.round(x - 8),
+                                        y: Math.round(y - 12)
+                                      })
+                                    }
+                                  }
+                                ]
+                              },
+                              onHide: ($event) => handleMultipleSel(filter, false)
+                            }, {
+                              reference: withCtx(() => [
+                                createElementVNode("div", {
+                                  class: normalizeClass(["flex bottomRowTitle flex-wrap items-center border py-1 px-2 text-xs cursor-pointer relative mr-3", {
+                                    multiple: filter.multipleSel,
+                                    xinyuan: filter.kind === unref(EnumFilterKind).XinYuan,
+                                    zhuti: filter.kind === unref(EnumFilterKind).ZhuTi,
+                                    huati: filter.kind === unref(EnumFilterKind).HuaTi
+                                  }])
+                                }, [
+                                  createElementVNode("span", _hoisted_24, toDisplayString(filter.name) + toDisplayString(getRowSelFitler(filter)), 1),
+                                  createElementVNode("div", _hoisted_25, [
+                                    createElementVNode("span", _hoisted_26, [
+                                      createVNode(_component_IconifyIconOffline, {
+                                        style: { "width": "20px", "height": "20px" },
+                                        icon: filter.isEdit ? unref(data$1) : unref(data),
+                                        class: "dark:text-white"
+                                      }, null, 8, ["icon"])
+                                    ])
+                                  ])
+                                ], 2)
+                              ]),
+                              default: withCtx(() => [
+                                createVNode(_component_el_scrollbar, null, {
+                                  default: withCtx(() => {
+                                    var _a2;
+                                    return [
+                                      createElementVNode("div", _hoisted_27, [
+                                        createElementVNode("div", _hoisted_28, [
+                                          createElementVNode("div", _hoisted_29, [
+                                            (openBlock(true), createElementBlock(Fragment, null, renderList(filter.childAppCategoryList, (subFilter) => {
+                                              return openBlock(), createElementBlock(Fragment, {
+                                                key: subFilter.id
+                                              }, [
+                                                subFilter.isMapShow ? (openBlock(), createElementBlock("div", _hoisted_30, [
+                                                  createVNode(FilterItem, {
+                                                    ref_for: true,
+                                                    ref: "subFilter" + subFilter.id,
+                                                    subFilter,
+                                                    multipleSel: filter.multipleSel,
+                                                    rowIndex: getFilterRowIndex(filter),
+                                                    checkout_prop: unref(selFilterIds).includes(subFilter.id),
+                                                    onClickF: ($event) => clickFilter(filter)
+                                                  }, null, 8, ["subFilter", "multipleSel", "rowIndex", "checkout_prop", "onClickF"])
+                                                ])) : createCommentVNode("", true)
+                                              ], 64);
+                                            }), 128))
+                                          ]),
+                                          filter.multipleSel ? (openBlock(), createElementBlock("div", _hoisted_31, [
+                                            createVNode(_component_el_button, {
+                                              size: "small",
+                                              onClick: ($event) => handleMultipleSel(filter, false)
+                                            }, {
+                                              default: withCtx(() => [
+                                                createTextVNode("取消")
+                                              ]),
+                                              _: 2
+                                            }, 1032, ["onClick"]),
+                                            createVNode(_component_el_button, {
+                                              size: "small",
+                                              onClick: ($event) => handleMultipleSel_ok(filter)
+                                            }, {
+                                              default: withCtx(() => [
+                                                createTextVNode("确定")
+                                              ]),
+                                              _: 2
+                                            }, 1032, ["onClick"])
+                                          ])) : createCommentVNode("", true)
+                                        ]),
+                                        ((_a2 = filter.childAppCategoryList) == null ? void 0 : _a2.length) && filter.childAppCategoryList.length > 1 ? withDirectives((openBlock(), createElementBlock("div", {
+                                          key: 0,
+                                          class: "flex ml-auto mr-3 mt-3 hover:text-red-600 items-center p-1 border cursor-pointer text-xs inline-block border-[#ddd] text-[#333]",
+                                          style: { "height": "24px" },
+                                          onClick: ($event) => handleMultipleSel(filter, true)
+                                        }, [
+                                          createTextVNode(toDisplayString("多选") + " "),
+                                          createElementVNode("span", _hoisted_33, [
+                                            createVNode(_component_IconifyIconOffline, {
+                                              style: { "width": "20px", "height": "20px" },
+                                              icon: unref(data$2),
+                                              class: "dark:text-white"
+                                            }, null, 8, ["icon"])
+                                          ])
+                                        ], 8, _hoisted_32)), [
+                                          [vShow, !filter.multipleSel]
+                                        ]) : createCommentVNode("", true)
+                                      ])
+                                    ];
+                                  }),
+                                  _: 2
+                                }, 1024)
+                              ]),
+                              _: 2
+                            }, 1032, ["tabindex", "popper-class", "popper-options", "onHide"])
+                          ], 40, _hoisted_23);
+                        }), 128))
+                      ])
+                    ])
+                  ])) : createCommentVNode("", true)
+                ], 64))
+              ])
+            ], 2)) : createCommentVNode("", true)
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/home/LFilter/FilterArea.vue3.mjs

@@ -0,0 +1,4 @@
+const FilterArea_vue_vue_type_style_index_0_scoped_58c97571_lang = "";
+export {
+  FilterArea_vue_vue_type_style_index_0_scoped_58c97571_lang as default
+};

package/dist/es/home/LFilter/FilterHead.vue.mjs

@@ -0,0 +1,129 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, Fragment, renderList, unref, createTextVNode, toDisplayString } from "vue";
+import { useFilterStoreHook } from "../../store/modules/filters.mjs";
+import { storeToRefs } from "pinia";
+import { isAllEmpty as B } from "../../node_modules/.pnpm/@pureadmin_utils@1.8.5_vue@3.2.45/node_modules/@pureadmin/utils/dist/index.mjs";
+import data from "../../node_modules/.pnpm/@iconify-icons_ep@1.2.7/node_modules/@iconify-icons/ep/close.mjs";
+import data$1 from "../../node_modules/.pnpm/@iconify-icons_ri@1.2.3/node_modules/@iconify-icons/ri/arrow-down-s-line.mjs";
+import data$2 from "../../node_modules/.pnpm/@iconify-icons_ri@1.2.3/node_modules/@iconify-icons/ri/arrow-up-s-line.mjs";
+const _hoisted_1 = { class: "flex justify-between p-1 bg-white text-xs text-[#666]" };
+const _hoisted_2 = { style: { "max-width": "calc(100% - 300px)" } };
+const _hoisted_3 = { class: "flex items-center align-middle justify-items-start flex-wrap" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("span", { class: "mr-1 p-2" }, [
+  /* @__PURE__ */ createTextVNode("全部结果 "),
+  /* @__PURE__ */ createElementVNode("span", null, ">")
+], -1);
+const _hoisted_5 = ["onClick"];
+const _hoisted_6 = { class: "flex items-center" };
+const _hoisted_7 = { class: "mr-1" };
+const _hoisted_8 = { class: "text-[#e4393c] flex items-center" };
+const _hoisted_9 = {
+  class: "truncate",
+  style: { "max-width": "8rem" }
+};
+const _hoisted_10 = { class: "flex items-center" };
+const _hoisted_11 = { class: "arrow-down inline-block" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FilterHead",
+  setup(__props) {
+    const filterStore = useFilterStoreHook();
+    const { selProject, selFilterIds, filterList } = storeToRefs(filterStore);
+    const { selFilters, collapseFilter } = filterStore;
+    const filterTags = computed(() => {
+      const tags = [];
+      filterList.value.forEach((rowFilter) => {
+        const rowName = rowFilter.name;
+        const rowId = rowFilter.id;
+        const subFilters = rowFilter.childAppCategoryList || [];
+        const value = [];
+        subFilters.forEach((f) => {
+          if (selFilterIds.value.includes(f.id)) {
+            value.push({
+              name: f.name,
+              id: f.id
+            });
+          }
+        });
+        if (!B(value)) {
+          tags.push({
+            name: rowName,
+            id: rowId,
+            value
+          });
+        }
+      });
+      return tags;
+    });
+    const handleTriggerCollapse = () => {
+      collapseFilter(selProject.value, !selProject.value.collapse);
+    };
+    return (_ctx, _cache) => {
+      var _a, _b;
+      const _component_IconifyIconOffline = resolveComponent("IconifyIconOffline");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_component_el_scrollbar, null, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_3, [
+                _hoisted_4,
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filterTags), (tag) => {
+                  return openBlock(), createElementBlock("div", {
+                    class: "flex items-center hover:border-[red] hover:!bg-[white] bg-[#f3f3f3] border-[#DDD] border mr-3 px-2 py-1 cursor-pointer",
+                    key: tag.id,
+                    onClick: ($event) => unref(selFilters)(
+                      tag.value.map((v) => v.id),
+                      []
+                    )
+                  }, [
+                    createVNode(_component_el_tooltip, null, {
+                      content: withCtx(() => [
+                        createTextVNode(toDisplayString(tag.value.map((item) => item.name).join("、")), 1)
+                      ]),
+                      default: withCtx(() => [
+                        createElementVNode("div", _hoisted_6, [
+                          createElementVNode("div", _hoisted_7, toDisplayString(tag.name) + ":", 1),
+                          createElementVNode("div", _hoisted_8, [
+                            createElementVNode("span", _hoisted_9, toDisplayString(tag.value.map((item) => item.name).join("、")), 1),
+                            createVNode(_component_IconifyIconOffline, {
+                              class: "ml-3 mr-1",
+                              icon: unref(data)
+                            }, null, 8, ["icon"])
+                          ])
+                        ])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], 8, _hoisted_5);
+                }), 128))
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        createElementVNode("div", {
+          class: "flex-auto",
+          onClick: _cache[0] || (_cache[0] = ($event) => unref(collapseFilter)(unref(selProject), false))
+        }),
+        createElementVNode("div", _hoisted_10, [
+          createElementVNode("div", {
+            class: "flex justify-center items-center p-1 ml-2 mr-2 cursor-pointer hover:text-red-600 text-xs inline-block text-[#333]",
+            onClick: handleTriggerCollapse
+          }, [
+            createTextVNode(toDisplayString(((_a = unref(selProject)) == null ? void 0 : _a.collapse) ? "展示筛选" : "收起筛选") + " ", 1),
+            createElementVNode("span", _hoisted_11, [
+              createVNode(_component_IconifyIconOffline, {
+                style: { "width": "20px", "height": "20px" },
+                icon: ((_b = unref(selProject)) == null ? void 0 : _b.collapse) ? unref(data$1) : unref(data$2),
+                class: "dark:text-white"
+              }, null, 8, ["icon"])
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/home/LFilter/FilterHead.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./FilterHead.vue.mjs";
+export {
+  _sfc_main as default
+};

package/dist/es/home/LFilter/FilterItem.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./FilterItem.vue2.mjs";
+import "./FilterItem.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const FilterItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0b91dded"]]);
+export {
+  FilterItem as default
+};