yahee-components 0.0.103 → 0.0.105

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

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

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

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

package/package.json

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

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

@@ -1,42 +1,28 @@
 import { DropdownEntity } 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';
-interface CountItem {
-    value: string;
-    count: number;
-}
 type __VLS_Props = {
-    /** 父子层级渲染条件项（优先级最高，传入后跳过接口请求） */
-    filterList?: DropdownEntity[];
-    /** 当前条件下显示的条数 */
+    filterList?: Array<DropdownEntity>;
     totalCount?: number;
-    /** 父级显示条数 */
-    level1Count?: CountItem[];
-    /** 子级显示数量 */
-    level2Count?: CountItem[];
-    /** 发往后端的请求参数key */
+    level1Count?: Array<{
+        value: string;
+        count: number;
+    }>;
+    level2Count?: Array<{
+        value: string;
+        count: number;
+    }>;
     filterKey: string;
-    /** 后端接口枚举标识（用于缓存key） */
     enumEntity: string;
-    /** 是否需要刷新当前项 */
     noNeedRefreshNumFilterName?: string;
-    /** 查询接口方法（仅当未传入filterList时调用） */
-    initFilters?: (enumEntity: string) => Promise<{
-        data: DropdownEntity[];
-    }>;
+    initFilters?: Function;
 };
 declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    filterChange: (payload: {
-        filterKey: string;
-        checkedValues: string[];
-    }[]) => any;
-    setNoNeedRefreshNumFilterName: (filterKey: string) => any;
+    filterChange: (...args: any[]) => void;
+    setNoNeedRefreshNumFilterName: (...args: any[]) => void;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onFilterChange?: (payload: {
-        filterKey: string;
-        checkedValues: string[];
-    }[]) => any;
-    onSetNoNeedRefreshNumFilterName?: (filterKey: string) => any;
+    onFilterChange?: (...args: any[]) => any;
+    onSetNoNeedRefreshNumFilterName?: (...args: any[]) => any;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
     dropdown1: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         readonly trigger: {