yahee-components 0.0.105 → 0.0.106

package/es/drop-down-condition/drop-down-condition.vue.js

@@ -1,228 +1,7 @@
-import { defineComponent as se, ref as g, reactive as _, toRefs as ae, watch as re, onMounted as ce, createElementBlock as i, openBlock as a, createVNode as W, unref as u, normalizeStyle as z, withCtx as d, createTextVNode as k, createCommentVNode as N, toDisplayString as f, createElementVNode as E, Fragment as b, renderList as K, createBlock as y } from "vue";
-import s from "../_virtual/lodash.js";
-import { stylesUtils as U } from "../utils/style.js";
-import { storage as G } from "../utils/storage.js";
-import { M2 as x } from "../utils/translate.js";
-import { ElButton as P, ElDropdown as ie, ElCheckboxGroup as Y, ElCheckbox as $ } from "element-plus";
-import "element-plus/theme-chalk/src/base.scss";
-import "element-plus/theme-chalk/src/button.scss";
-import "element-plus/theme-chalk/src/checkbox.scss";
-import "element-plus/theme-chalk/src/checkbox-group.scss";
-import "element-plus/theme-chalk/src/button-group.scss";
-import "element-plus/theme-chalk/src/popper.scss";
-import "element-plus/theme-chalk/src/scrollbar.scss";
-import "element-plus/theme-chalk/src/dropdown.scss";
-const de = { class: "yahee-drop-down-condition" }, fe = { key: 0 }, ve = { style: { display: "flex", "align-items": "center", outline: "none" } }, pe = { key: 0 }, he = { style: { display: "flex", width: "auto", padding: "10px" } }, me = ["onClick"], ge = { class: "scrollable-container" }, ye = { key: 0 }, Ae = /* @__PURE__ */ se({
-  name: "YaheeDropDownCondition",
-  __name: "drop-down-condition",
-  props: {
-    filterList: {},
-    totalCount: {},
-    level1Count: {},
-    level2Count: {},
-    filterKey: {},
-    enumEntity: {},
-    noNeedRefreshNumFilterName: {},
-    initFilters: { type: Function }
-  },
-  emits: ["filterChange", "setNoNeedRefreshNumFilterName"],
-  setup(H, { emit: J }) {
-    const Q = g(), n = _({});
-    let j = _({});
-    const r = _({}), p = _({}), h = g(!0), m = H, M = J, { filterKey: w, filterList: V, totalCount: C, level1Count: F, level2Count: S, noNeedRefreshNumFilterName: O } = ae(m), T = g(s.get(C, "value", 0)), B = g(s.get(F, "value", [])), D = g(s.get(S, "value", [])), c = g();
-    function q(t) {
-      const { text: o, value: e } = t, l = n[o];
-      s.isNil(l) || s.isEmpty(l) ? n[o] = [e] : n[o] = [], p[o] = !p[o], p[o] ? (oe(o), r[o] = U.getBackgroundColor(!0), h.value = !1) : (ne(o), r[t.text] = {}, h.value = !0), h.value = L(), A();
-    }
-    function L() {
-      const t = c.value.filter((l) => !s.isEmpty(l.subs)).flatMap((l) => l.subs).length, o = c.value.filter((l) => s.isEmpty(l.subs)).length;
-      return Object.values(n).map((l) => l.length).reduce((l, v) => l + v, 0) === t + o || s.isEmpty(Object.values(n).flat());
-    }
-    function X(t) {
-      s.isEmpty(n[t.text]) ? (r[t.text] = {}, p[t.text] = !1) : n[t.text].length === s.get(t, "subs.length", 1) ? (r[t.text] = U.getBackgroundColor(!0), p[t.text] = !0) : r[t.text] = {
-        backgroundColor: "#0F7535",
-        color: "#fff",
-        borderColor: "#0F7535"
-      }, h.value = L(), A();
-    }
-    function Z() {
-      h.value = L(), A();
-    }
-    function A() {
-      M("setNoNeedRefreshNumFilterName", w.value);
-    }
-    function ee() {
-      h.value = !0;
-      for (const t in r)
-        r[t] = {};
-      for (const t in n)
-        delete n[t];
-      for (const t in p)
-        delete p[t];
-      I();
-    }
-    const te = (t) => U.getBackgroundColor(t);
-    function le(t) {
-      if (t)
-        j = s.cloneDeep(n);
-      else {
-        if (s.isEqual(j, n))
-          return;
-        I();
-      }
-    }
-    function I() {
-      M("filterChange", [
-        {
-          filterKey: w.value,
-          checkedValues: Object.values(n).flat()
-        }
-      ]);
-    }
-    function oe(t) {
-      const o = c.value.find((e) => e.text === t);
-      o && o.subs && (n[t] = o.subs.map((e) => e.value));
-    }
-    function ne(t) {
-      n[t] = [];
-    }
-    function ue() {
-      if (V.value && V.value.length > 0) {
-        c.value = [...V.value];
-        return;
-      }
-      const t = `filter-key-${m.enumEntity}`, o = G.getWithExpireTime(t);
-      o ? c.value = o : m.initFilters && m.initFilters(m.enumEntity).then((e) => {
-        c.value = e.data, G.setWithExpireTime(t, c.value, 1200 * 1e3);
-      }).catch((e) => {
-        console.error(`获取${m.enumEntity}筛选列表失败:`, e);
-      });
-    }
-    return re(
-      [() => C.value, () => F.value, () => S.value],
-      ([t, o, e], [l, v, R]) => {
-        console.log(t, o, e), console.log(l, v, R), (!O.value || !s.eq(O.value, w.value)) && (T.value = C.value, B.value = F.value, D.value = S.value);
-      }
-    ), ce(() => {
-      ue();
-    }), (t, o) => (a(), i("div", de, [
-      W(u(P), {
-        size: "small",
-        class: "el-button el-button--small custom-total-button",
-        style: z(te(h.value)),
-        onClick: ee
-      }, {
-        default: d(() => [
-          k(f(u(x)("全部")) + " ", 1),
-          u(C) ? (a(), i("span", fe, "(" + f(T.value) + ")", 1)) : N("", !0)
-        ]),
-        _: 1
-      }, 8, ["style"]),
-      W(u(ie), {
-        ref_key: "dropdown1",
-        ref: Q,
-        "popper-class": "custom-dropdown",
-        onVisibleChange: le
-      }, {
-        dropdown: d(() => [
-          E("div", he, [
-            (a(!0), i(b, null, K(c.value, (e) => (a(), y(u(Y), {
-              key: e.value,
-              modelValue: n[e.text],
-              "onUpdate:modelValue": (l) => n[e.text] = l,
-              size: "small",
-              class: "checkbox-group inner-checkbox-group custom-dropdown-checkbox-group",
-              onChange: (l) => X(e)
-            }, {
-              default: d(() => [
-                u(s).isNil(e.subs) ? (a(), y(u($), {
-                  key: 1,
-                  value: e.value,
-                  class: "checkbox custom-dropdown-button",
-                  border: ""
-                }, {
-                  default: d(() => [
-                    k(f(u(x)(e.text)), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["value"])) : (a(), i(b, { key: 0 }, [
-                  E("span", {
-                    class: "el-button custom-dropdown-button el-button--small inner-el-button",
-                    style: z(r[e.text]),
-                    onClick: (l) => q(e)
-                  }, f(u(x)(e.text)), 13, me),
-                  E("div", ge, [
-                    (a(!0), i(b, null, K(e.subs, (l) => (a(), y(u($), {
-                      key: l.value,
-                      class: "checkbox custom-dropdown-button",
-                      value: l.value,
-                      border: ""
-                    }, {
-                      default: d(() => {
-                        var v;
-                        return [
-                          k(f(u(x)(l.text)), 1),
-                          u(s).isEmpty(D.value) ? N("", !0) : (a(), i("span", ye, "(" + f((v = D.value.filter((R) => R.value == l.value)[0]) == null ? void 0 : v.count) + ")", 1))
-                        ];
-                      }),
-                      _: 2
-                    }, 1032, ["value"]))), 128))
-                  ])
-                ], 64))
-              ]),
-              _: 2
-            }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))), 128))
-          ])
-        ]),
-        default: d(() => [
-          E("div", ve, [
-            (a(!0), i(b, null, K(c.value, (e) => (a(), i(b, null, [
-              e.isCheckbox ? (a(), y(u(Y), {
-                key: e.value,
-                modelValue: n[e.text],
-                "onUpdate:modelValue": (l) => n[e.text] = l,
-                class: "checkbox-group",
-                size: "small",
-                onChange: Z
-              }, {
-                default: d(() => [
-                  e.isCheckbox ? (a(), y(u($), {
-                    key: 0,
-                    class: "custom-dropdown-button",
-                    value: e.value,
-                    border: ""
-                  }, {
-                    default: d(() => [
-                      k(f(u(x)(e.text)), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["value"])) : N("", !0)
-                ]),
-                _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue"])) : (a(), y(u(P), {
-                key: e.text,
-                style: z(r[e.text]),
-                class: "custom-dropdown-button",
-                size: "small",
-                onClick: (l) => q(e)
-              }, {
-                default: d(() => {
-                  var l;
-                  return [
-                    k(f(u(x)(e.text)) + " ", 1),
-                    u(s).isEmpty(B.value) ? N("", !0) : (a(), i("span", pe, "(" + f((l = B.value.filter((v) => v.value == e.value)[0]) == null ? void 0 : l.count) + ")", 1))
-                  ];
-                }),
-                _: 2
-              }, 1032, ["style", "onClick"]))
-            ], 64))), 256))
-          ])
-        ]),
-        _: 1
-      }, 512)
-    ]));
-  }
-});
+import o from "./drop-down-condition.vue2.js";
+import "E:/工作/项目代码/common_componentsweb/packages/components/src/drop-down-condition/drop-down-condition.vue?vue&type=style&index=0&scoped=f18be258&lang.scss";
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f18be258"]]);
 export {
-  Ae as default
+  i as default
 };

package/es/drop-down-condition/drop-down-condition.vue2.js

@@ -1,4 +1,316 @@
-import f from "./drop-down-condition.vue.js";
+import { defineComponent as me, ref as V, reactive as D, toRefs as le, watch as Y, onMounted as _e, resolveComponent as E, createElementBlock as v, openBlock as n, createVNode as O, normalizeStyle as U, withCtx as i, createTextVNode as k, createCommentVNode as $, toDisplayString as d, unref as a, createElementVNode as S, Fragment as y, renderList as B, createBlock as _ } from "vue";
+import s from "../_virtual/lodash.js";
+import { stylesUtils as A } from "../utils/style.js";
+import { storage as oe } from "../utils/storage.js";
+import { M2 as h } from "../utils/translate.js";
+const be = { class: "yahee-drop-down-condition" }, ke = { key: 0 }, ye = { style: { display: "flex", "align-items": "center", outline: "none" } }, xe = { key: 0 }, Ce = { style: { display: "flex", width: "auto", padding: "10px" } }, Ne = ["onClick"], Ve = { class: "scrollable-container" }, we = { key: 0 }, Ee = ["onClick"], Se = { class: "scrollable-container" }, Fe = { key: 0 }, Oe = /* @__PURE__ */ me({
+  name: "YaheeDropDownCondition",
+  __name: "drop-down-condition",
+  props: {
+    mode: {},
+    filterList: {},
+    totalCount: {},
+    level1Count: {},
+    level2Count: {},
+    filterKey: {},
+    enumEntity: {},
+    noNeedRefreshNumFilterName: {},
+    initFilters: { type: Function }
+  },
+  emits: ["filterChange", "setNoNeedRefreshNumFilterName"],
+  setup(ne, { emit: ue }) {
+    const ae = V(), r = D({}), R = D({}), b = D({}), x = D({}), m = V(!0), f = V([]), c = V(""), C = ne, { mode: g = "multiple" } = le(C), G = ue, { filterKey: L, filterList: j, totalCount: K, level1Count: H, level2Count: J, noNeedRefreshNumFilterName: Q } = le(C), X = V(s.get(K, "value", 0)), M = V(s.get(H, "value", [])), F = V(s.get(J, "value", []));
+    function se() {
+      if (j.value && j.value.length > 0) {
+        f.value = [...j.value];
+        return;
+      }
+      const e = `filter-key-${C.enumEntity}`, l = oe.getWithExpireTime(e);
+      l ? f.value = l : C.initFilters && C.initFilters(C.enumEntity).then((u) => {
+        f.value = u.data, oe.setWithExpireTime(e, f.value, 1200 * 1e3);
+      }).catch((u) => {
+        console.error(`获取${C.enumEntity}筛选列表失败:`, u);
+      });
+    }
+    function T(e) {
+      return g.value === "single" ? c.value === e.value ? A.getBackgroundColor(!0) : {} : b[e.text] || {};
+    }
+    function q(e) {
+      const { text: l, value: u } = e;
+      if (g.value === "single") {
+        c.value === u ? (c.value = "", m.value = !0) : (c.value = u, m.value = !1), w();
+        return;
+      }
+      const p = r[l];
+      s.isNil(p) || s.isEmpty(p) ? r[l] = [u] : r[l] = [], x[l] = !x[l], x[l] ? (pe(l), b[l] = A.getBackgroundColor(!0)) : (ge(l), b[e.text] = {}), m.value = z(), w();
+    }
+    function z() {
+      if (!f.value.length) return !0;
+      if (g.value === "single")
+        return c.value === "";
+      const e = f.value.filter((p) => !s.isEmpty(p.subs)).flatMap((p) => p.subs).length, l = f.value.filter((p) => s.isEmpty(p.subs)).length, u = Object.values(r).flat().length;
+      return u === e + l || u === 0;
+    }
+    function re(e) {
+      const l = r[e.text] || [], u = s.get(e, "subs.length", 1);
+      s.isEmpty(l) ? (b[e.text] = {}, x[e.text] = !1) : l.length === u ? (b[e.text] = A.getBackgroundColor(!0), x[e.text] = !0) : b[e.text] = {
+        backgroundColor: "#0F7535",
+        color: "#fff",
+        borderColor: "#0F7535"
+      }, m.value = z(), w();
+    }
+    function ce(e) {
+      m.value = !1, w();
+    }
+    function ie() {
+      m.value = z(), w();
+    }
+    function de() {
+      m.value = z(), w();
+    }
+    function w() {
+      G("setNoNeedRefreshNumFilterName", L.value);
+    }
+    function W() {
+      m.value = !0, g.value === "single" ? c.value = "" : (Object.keys(b).forEach((e) => {
+        b[e] = {};
+      }), Object.keys(r).forEach((e) => {
+        delete r[e];
+      }), Object.keys(x).forEach((e) => {
+        delete x[e];
+      })), Z();
+    }
+    const ve = (e) => A.getBackgroundColor(e);
+    function fe(e) {
+      if (e)
+        g.value === "single" ? R.singleValue = c.value : Object.assign(R, s.cloneDeep(r));
+      else {
+        let l = !1;
+        g.value === "single" ? l = R.singleValue !== c.value : l = !s.isEqual(R, r), l && Z();
+      }
+    }
+    function Z() {
+      let e = [];
+      g.value === "single" ? e = c.value ? [c.value] : [] : e = Object.values(r).flat(), G("filterChange", [
+        {
+          filterKey: L.value,
+          checkedValues: e
+        }
+      ]);
+    }
+    function pe(e) {
+      const l = f.value.find((u) => u.text === e);
+      l != null && l.subs && (r[e] = l.subs.map((u) => u.value));
+    }
+    function ge(e) {
+      r[e] = [];
+    }
+    return Y(
+      () => j.value,
+      (e) => {
+        e && e.length > 0 && (f.value = [...e], W());
+      },
+      { deep: !0 }
+    ), Y(
+      () => g.value,
+      () => {
+        W();
+      }
+    ), Y(
+      [() => K.value, () => H.value, () => J.value],
+      ([e, l, u]) => {
+        (!Q.value || !s.eq(Q.value, L.value)) && (X.value = e, M.value = l, F.value = u);
+      }
+    ), _e(() => {
+      se();
+    }), (e, l) => {
+      const u = E("el-button"), p = E("el-checkbox"), ee = E("el-checkbox-group"), I = E("el-radio"), te = E("el-radio-group"), he = E("el-dropdown");
+      return n(), v("div", be, [
+        O(u, {
+          size: "small",
+          class: "el-button el-button--small custom-total-button",
+          style: U(ve(m.value)),
+          onClick: W
+        }, {
+          default: i(() => [
+            k(d(a(h)("全部")) + " ", 1),
+            a(K) ? (n(), v("span", ke, "(" + d(X.value) + ")", 1)) : $("", !0)
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        O(he, {
+          ref_key: "dropdown1",
+          ref: ae,
+          "popper-class": "custom-dropdown",
+          onVisibleChange: fe
+        }, {
+          dropdown: i(() => [
+            S("div", Ce, [
+              a(g) === "multiple" ? (n(!0), v(y, { key: 0 }, B(f.value, (t) => (n(), _(ee, {
+                key: t.value,
+                modelValue: r[t.text],
+                "onUpdate:modelValue": (o) => r[t.text] = o,
+                size: "small",
+                class: "checkbox-group inner-checkbox-group custom-dropdown-checkbox-group",
+                onChange: (o) => re(t)
+              }, {
+                default: i(() => [
+                  a(s).isNil(t.subs) ? (n(), _(p, {
+                    key: 1,
+                    value: t.value,
+                    class: "checkbox custom-dropdown-button",
+                    border: ""
+                  }, {
+                    default: i(() => [
+                      k(d(a(h)(t.text)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"])) : (n(), v(y, { key: 0 }, [
+                    S("span", {
+                      class: "el-button custom-dropdown-button el-button--small inner-el-button",
+                      style: U(T(t)),
+                      onClick: (o) => q(t)
+                    }, d(a(h)(t.text)), 13, Ne),
+                    S("div", Ve, [
+                      (n(!0), v(y, null, B(t.subs, (o) => (n(), _(p, {
+                        key: o.value,
+                        class: "checkbox custom-dropdown-button",
+                        value: o.value,
+                        border: ""
+                      }, {
+                        default: i(() => {
+                          var N;
+                          return [
+                            k(d(a(h)(o.text)), 1),
+                            a(s).isEmpty(F.value) ? $("", !0) : (n(), v("span", we, "(" + d((N = F.value.filter((P) => P.value == o.value)[0]) == null ? void 0 : N.count) + ")", 1))
+                          ];
+                        }),
+                        _: 2
+                      }, 1032, ["value"]))), 128))
+                    ])
+                  ], 64))
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))), 128)) : (n(!0), v(y, { key: 1 }, B(f.value, (t) => (n(), _(te, {
+                key: t.value,
+                modelValue: c.value,
+                "onUpdate:modelValue": l[1] || (l[1] = (o) => c.value = o),
+                size: "small",
+                class: "radio-group inner-radio-group custom-dropdown-radio-group",
+                onChange: (o) => ce()
+              }, {
+                default: i(() => [
+                  a(s).isNil(t.subs) ? (n(), _(I, {
+                    key: 1,
+                    value: t.value,
+                    class: "radio custom-dropdown-button",
+                    border: ""
+                  }, {
+                    default: i(() => [
+                      k(d(a(h)(t.text)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"])) : (n(), v(y, { key: 0 }, [
+                    S("span", {
+                      class: "el-button custom-dropdown-button el-button--small inner-el-button",
+                      style: U(T(t)),
+                      onClick: (o) => q(t)
+                    }, d(a(h)(t.text)), 13, Ee),
+                    S("div", Se, [
+                      (n(!0), v(y, null, B(t.subs, (o) => (n(), _(I, {
+                        key: o.value,
+                        class: "radio custom-dropdown-button",
+                        value: o.value,
+                        border: ""
+                      }, {
+                        default: i(() => {
+                          var N;
+                          return [
+                            k(d(a(h)(o.text)), 1),
+                            a(s).isEmpty(F.value) ? $("", !0) : (n(), v("span", Fe, "(" + d((N = F.value.filter((P) => P.value == o.value)[0]) == null ? void 0 : N.count) + ")", 1))
+                          ];
+                        }),
+                        _: 2
+                      }, 1032, ["value"]))), 128))
+                    ])
+                  ], 64))
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onChange"]))), 128))
+            ])
+          ]),
+          default: i(() => [
+            S("div", ye, [
+              (n(!0), v(y, null, B(f.value, (t) => (n(), v(y, {
+                key: t.value
+              }, [
+                a(g) === "multiple" && t.isCheckbox ? (n(), _(ee, {
+                  key: 0,
+                  modelValue: r[t.text],
+                  "onUpdate:modelValue": (o) => r[t.text] = o,
+                  class: "checkbox-group",
+                  size: "small",
+                  onChange: ie
+                }, {
+                  default: i(() => [
+                    O(p, {
+                      class: "custom-dropdown-button",
+                      value: t.value,
+                      border: ""
+                    }, {
+                      default: i(() => [
+                        k(d(a(h)(t.text)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"])
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue"])) : a(g) === "single" && t.isCheckbox ? (n(), _(te, {
+                  key: 1,
+                  modelValue: c.value,
+                  "onUpdate:modelValue": l[0] || (l[0] = (o) => c.value = o),
+                  class: "radio-group",
+                  size: "small",
+                  onChange: de
+                }, {
+                  default: i(() => [
+                    O(I, {
+                      class: "custom-dropdown-button",
+                      value: t.value,
+                      border: ""
+                    }, {
+                      default: i(() => [
+                        k(d(a(h)(t.text)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"])
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue"])) : (n(), _(u, {
+                  key: t.text,
+                  style: U(T(t)),
+                  class: "custom-dropdown-button",
+                  size: "small",
+                  onClick: (o) => q(t)
+                }, {
+                  default: i(() => {
+                    var o;
+                    return [
+                      k(d(a(h)(t.text)) + " ", 1),
+                      a(s).isEmpty(M.value) ? $("", !0) : (n(), v("span", xe, "(" + d((o = M.value.filter((N) => N.value == t.value)[0]) == null ? void 0 : o.count) + ")", 1))
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["style", "onClick"]))
+              ], 64))), 128))
+            ])
+          ]),
+          _: 1
+        }, 512)
+      ]);
+    };
+  }
+});
 export {
-  f as default
+  Oe as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yahee-components",
   "private": false,
-  "version": "0.0.105",
+  "version": "0.0.106",
   "description": "深圳前海亚讯前端组件库",
   "main": "lib",
   "module": "es",

package/types/src/drop-down-condition/drop-down-condition.d.ts

@@ -4,3 +4,7 @@ export interface DropdownEntity {
     subs?: [any];
     isCheckbox?: boolean;
 }
+export interface CountItem {
+    value: string;
+    count: number;
+}

package/types/src/drop-down-condition/drop-down-condition.vue.d.ts

@@ -1,28 +1,42 @@
 import { DropdownEntity } from './drop-down-condition';
+import { CountItem } from './drop-down-condition.type';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComputedRef, Ref, CSSProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, GlobalComponents, GlobalDirectives } from 'vue';
 import { TooltipTriggerType, PopperEffect, Placement, Options, ButtonProps, Translator, TooltipInstance } from 'element-plus';
+type SelectMode = 'multiple' | 'single';
 type __VLS_Props = {
-    filterList?: Array<DropdownEntity>;
+    /** 选择模式：multiple(多选) / single(单选) */
+    mode?: SelectMode;
+    /** 父子层级渲染条件项（优先级最高，传入后跳过接口请求） */
+    filterList?: DropdownEntity[];
+    /** 当前条件下显示的条数 */
     totalCount?: number;
-    level1Count?: Array<{
-        value: string;
-        count: number;
-    }>;
-    level2Count?: Array<{
-        value: string;
-        count: number;
-    }>;
+    /** 父级显示条数 */
+    level1Count?: CountItem[];
+    /** 子级显示数量 */
+    level2Count?: CountItem[];
+    /** 发往后端的请求参数key */
     filterKey: string;
+    /** 后端接口枚举标识（用于缓存key） */
     enumEntity: string;
+    /** 是否需要刷新当前项 */
     noNeedRefreshNumFilterName?: string;
-    initFilters?: Function;
+    /** 查询接口方法（仅当未传入filterList时调用） */
+    initFilters?: (enumEntity: string) => Promise<{
+        data: DropdownEntity[];
+    }>;
 };
 declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    filterChange: (...args: any[]) => void;
-    setNoNeedRefreshNumFilterName: (...args: any[]) => void;
+    filterChange: (payload: {
+        filterKey: string;
+        checkedValues: string[];
+    }[]) => any;
+    setNoNeedRefreshNumFilterName: (filterKey: string) => any;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onFilterChange?: (...args: any[]) => any;
-    onSetNoNeedRefreshNumFilterName?: (...args: any[]) => any;
+    onFilterChange?: (payload: {
+        filterKey: string;
+        checkedValues: string[];
+    }[]) => any;
+    onSetNoNeedRefreshNumFilterName?: (filterKey: string) => any;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
     dropdown1: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         readonly trigger: {

package/types/src/drop-down-condition/index.d.ts

@@ -3,41 +3,41 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
 import { DropdownEntity } from './drop-down-condition';
 import { TooltipTriggerType, PopperEffect, Placement, Options, ButtonProps, Translator, TooltipInstance } from 'element-plus';
 export declare const YaheeDropDownCondition: SFCWithInstall<DefineComponent<{
-    filterList?: Array< DropdownEntity>;
+    mode?: "multiple" | "single";
+    filterList?: DropdownEntity[];
     totalCount?: number;
-    level1Count?: Array<{
-        value: string;
-        count: number;
-    }>;
-    level2Count?: Array<{
-        value: string;
-        count: number;
-    }>;
+    level1Count?: CountItem[];
+    level2Count?: CountItem[];
     filterKey: string;
     enumEntity: string;
     noNeedRefreshNumFilterName?: string;
-    initFilters?: Function;
+    initFilters?: (enumEntity: string) => Promise<{
+        data: DropdownEntity[];
+    }>;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    filterChange: (...args: any[]) => void;
-    setNoNeedRefreshNumFilterName: (...args: any[]) => void;
+    filterChange: (payload: {
+        filterKey: string;
+        checkedValues: string[];
+    }[]) => any;
+    setNoNeedRefreshNumFilterName: (filterKey: string) => any;
 }, string, PublicProps, Readonly<{
-    filterList?: Array< DropdownEntity>;
+    mode?: "multiple" | "single";
+    filterList?: DropdownEntity[];
     totalCount?: number;
-    level1Count?: Array<{
-        value: string;
-        count: number;
-    }>;
-    level2Count?: Array<{
-        value: string;
-        count: number;
-    }>;
+    level1Count?: CountItem[];
+    level2Count?: CountItem[];
     filterKey: string;
     enumEntity: string;
     noNeedRefreshNumFilterName?: string;
-    initFilters?: Function;
+    initFilters?: (enumEntity: string) => Promise<{
+        data: DropdownEntity[];
+    }>;
 }> & Readonly<{
-    onFilterChange?: (...args: any[]) => any;
-    onSetNoNeedRefreshNumFilterName?: (...args: any[]) => any;
+    onFilterChange?: (payload: {
+        filterKey: string;
+        checkedValues: string[];
+    }[]) => any;
+    onSetNoNeedRefreshNumFilterName?: (filterKey: string) => any;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
     dropdown1: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         readonly trigger: {

package/types/src/installs.d.ts

@@ -1419,41 +1419,41 @@ declare const _default: (( SFCWithInstall<DefineComponent<ExtractPropTypes<{
     defaultValues: (string | boolean | number)[];
     enumEntity: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>> & Record<string, any>) | ( SFCWithInstall<DefineComponent<{
-    filterList?: Array< DropdownEntity>;
+    mode?: "multiple" | "single";
+    filterList?: DropdownEntity[];
     totalCount?: number;
-    level1Count?: Array<{
-        value: string;
-        count: number;
-    }>;
-    level2Count?: Array<{
-        value: string;
-        count: number;
-    }>;
+    level1Count?: CountItem[];
+    level2Count?: CountItem[];
     filterKey: string;
     enumEntity: string;
     noNeedRefreshNumFilterName?: string;
-    initFilters?: Function;
+    initFilters?: (enumEntity: string) => Promise<{
+        data: DropdownEntity[];
+    }>;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    filterChange: (...args: any[]) => void;
-    setNoNeedRefreshNumFilterName: (...args: any[]) => void;
+    filterChange: (payload: {
+        filterKey: string;
+        checkedValues: string[];
+    }[]) => any;
+    setNoNeedRefreshNumFilterName: (filterKey: string) => any;
 }, string, PublicProps, Readonly<{
-    filterList?: Array< DropdownEntity>;
+    mode?: "multiple" | "single";
+    filterList?: DropdownEntity[];
     totalCount?: number;
-    level1Count?: Array<{
-        value: string;
-        count: number;
-    }>;
-    level2Count?: Array<{
-        value: string;
-        count: number;
-    }>;
+    level1Count?: CountItem[];
+    level2Count?: CountItem[];
     filterKey: string;
     enumEntity: string;
     noNeedRefreshNumFilterName?: string;
-    initFilters?: Function;
+    initFilters?: (enumEntity: string) => Promise<{
+        data: DropdownEntity[];
+    }>;
 }> & Readonly<{
-    onFilterChange?: (...args: any[]) => any;
-    onSetNoNeedRefreshNumFilterName?: (...args: any[]) => any;
+    onFilterChange?: (payload: {
+        filterKey: string;
+        checkedValues: string[];
+    }[]) => any;
+    onSetNoNeedRefreshNumFilterName?: (filterKey: string) => any;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
     dropdown1: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         readonly trigger: {