yahee-components 0.0.105 → 0.0.107

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=dfd23b62&lang.scss";
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dfd23b62"]]);
 export {
-  Ae as default
+  f as default
 };

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yahee-components",
   "private": false,
-  "version": "0.0.105",
+  "version": "0.0.107",
   "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,40 @@
-import { DropdownEntity } from './drop-down-condition';
+import { DropdownEntity, CountItem } from './drop-down-condition';
 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 __VLS_Props = {
-    filterList?: Array<DropdownEntity>;
+    /** 最大可选数量，默认不限制，传1即为单选 */
+    max?: number;
+    /** 父子层级渲染条件项（优先级最高，传入后跳过接口请求） */
+    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

@@ -1,43 +1,43 @@
 import { SFCWithInstall } from '../utils/typescript';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComputedRef, Ref, CSSProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, GlobalComponents, GlobalDirectives } from 'vue';
-import { DropdownEntity } from './drop-down-condition';
+import { DropdownEntity, CountItem } from './drop-down-condition';
 import { TooltipTriggerType, PopperEffect, Placement, Options, ButtonProps, Translator, TooltipInstance } from 'element-plus';
 export declare const YaheeDropDownCondition: SFCWithInstall<DefineComponent<{
-    filterList?: Array< DropdownEntity>;
+    max?: number;
+    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>;
+    max?: number;
+    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

@@ -8,7 +8,7 @@ import { ScrollbarDirection, UploadFile, UploadFiles, UploadProgressEvent, Uploa
 import { OnCleanup } from '@vue/reactivity';
 import { AnnexUploadProps } from './annex-upload';
 import { Option } from './static/CommonObject';
-import { DropdownEntity } from './drop-down-condition/drop-down-condition';
+import { DropdownEntity, CountItem } from './drop-down-condition/drop-down-condition';
 import { data } from './country-platform-shop-condition/country-platform-shop-condition';
 import { CommonImportProps } from './common-import/props';
 import { PageObj } from './common-import/common-import';
@@ -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>;
+    max?: number;
+    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>;
+    max?: number;
+    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: {