yahee-components 0.0.28 → 0.0.29

package/es/country-platform-shop-condition/country-platform-shop-condition.vue.js

@@ -128,7 +128,6 @@ const ae = { class: "yahee-country-platform-shop-condition" }, re = { class: "po
               key: e,
               style: b(m.value[e.xGroupValue]),
               class: "custom-button",
-              size: "small",
               onClick: (l) => F(e)
             }, {
               default: V(() => [
@@ -147,7 +146,7 @@ const ae = { class: "yahee-country-platform-shop-condition" }, re = { class: "po
                   i("th", ne, [
                     i("span", {
                       style: b(T(y.value)),
-                      class: "el-button custom-button",
+                      class: "el-button el-button--small custom-button",
                       onClick: j
                     }, " 全部 ", 4)
                   ]),
@@ -157,7 +156,7 @@ const ae = { class: "yahee-country-platform-shop-condition" }, re = { class: "po
                   }, [
                     i("span", {
                       style: b({ ...m.value[t.xGroupValue], width: "100%" }),
-                      class: "el-button custom-button",
+                      class: "el-button--small el-button custom-button",
                       onClick: (h) => F(t)
                     }, g(t.xGroupText), 13, se)
                   ]))), 128))
@@ -172,7 +171,7 @@ const ae = { class: "yahee-country-platform-shop-condition" }, re = { class: "po
                     i("th", ce, [
                       i("span", {
                         style: b({ ..._.value[t.yGroupValue], width: "100%" }),
-                        class: "el-button custom-button",
+                        class: "el-button--small el-button custom-button",
                         onClick: (v) => Z(t)
                       }, g(t.yGroupText), 13, ie)
                     ]),
@@ -190,9 +189,10 @@ const ae = { class: "yahee-country-platform-shop-condition" }, re = { class: "po
                           ), (p) => (s(), D(c(ue), {
                             key: p.value,
                             border: "",
-                            class: "el-button custom-button",
+                            class: "el-button el-button-small custom-button",
                             label: p.text,
-                            value: p.value
+                            value: p.value,
+                            size: "small"
                           }, {
                             default: V(() => [
                               L(g(p.text), 1)

package/es/country-platform-shop-condition/style/index.css

@@ -1,3 +1,11 @@
+.custom-popover .checkbox-group {
+  margin: 5px;
+  width: 100%;
+}
+.custom-popover .hover-trigger {
+  cursor: pointer;
+  color: blue;
+}
 .custom-popover .popover-table {
   width: auto;
   border: 1px solid transparent;
@@ -17,9 +25,13 @@
 }
 .custom-popover .popover-table td span {
   display: block;
-  margin-bottom: 4px;
   border: 1px solid transparent;
 }
+.custom-popover .custom-total-button {
+  margin-right: 0;
+  padding: 1px 4px;
+  height: 22px;
+}
 
 .yahee-country-platform-shop-condition .checkbox-group {
   margin: 5px;
@@ -35,7 +47,6 @@
   height: 22px;
 }
 .yahee-country-platform-shop-condition .custom-button {
-  width: 100%;
   min-height: 22px;
   min-width: 50px;
   height: 22px;

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

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

package/es/drop-down-condition/style/index.css

@@ -11,16 +11,6 @@
   padding: 1px 4px;
   height: 22px;
 }
-.yahee-drop-down-condition .custom-button {
-  margin-right: 0;
-  padding: 1px 4px;
-  min-height: 22px;
-  height: 22px;
-  margin-left: 5px;
-}
-.yahee-drop-down-condition .custom-button.inner-el-button {
-  margin-top: 5px;
-}
 .yahee-drop-down-condition .checkbox-group {
   display: flex;
   flex-direction: column;
@@ -42,4 +32,18 @@
   border-radius: 10px;
   background: rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
+}
+
+.custom-dropdown .checkbox {
+  margin-top: 5px;
+}
+.custom-dropdown .custom-button {
+  margin-right: 0;
+  padding: 1px 4px;
+  min-height: 22px;
+  height: 22px;
+  margin-left: 5px;
+}
+.custom-dropdown .custom-button.inner-el-button {
+  margin-top: 5px;
 }

package/es/style.css

@@ -115,16 +115,6 @@
   padding: 1px 4px;
   height: 22px;
 }
-.yahee-drop-down-condition .custom-button {
-  margin-right: 0;
-  padding: 1px 4px;
-  min-height: 22px;
-  height: 22px;
-  margin-left: 5px;
-}
-.yahee-drop-down-condition .custom-button.inner-el-button {
-  margin-top: 5px;
-}
 .yahee-drop-down-condition .checkbox-group {
   display: flex;
   flex-direction: column;
@@ -148,6 +138,28 @@
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
 }
 
+.custom-dropdown .checkbox {
+  margin-top: 5px;
+}
+.custom-dropdown .custom-button {
+  margin-right: 0;
+  padding: 1px 4px;
+  min-height: 22px;
+  height: 22px;
+  margin-left: 5px;
+}
+.custom-dropdown .custom-button.inner-el-button {
+  margin-top: 5px;
+}
+
+.custom-popover .checkbox-group {
+  margin: 5px;
+  width: 100%;
+}
+.custom-popover .hover-trigger {
+  cursor: pointer;
+  color: blue;
+}
 .custom-popover .popover-table {
   width: auto;
   border: 1px solid transparent;
@@ -167,9 +179,13 @@
 }
 .custom-popover .popover-table td span {
   display: block;
-  margin-bottom: 4px;
   border: 1px solid transparent;
 }
+.custom-popover .custom-total-button {
+  margin-right: 0;
+  padding: 1px 4px;
+  height: 22px;
+}
 
 .yahee-country-platform-shop-condition .checkbox-group {
   margin: 5px;
@@ -185,7 +201,6 @@
   height: 22px;
 }
 .yahee-country-platform-shop-condition .custom-button {
-  width: 100%;
   min-height: 22px;
   min-width: 50px;
   height: 22px;
@@ -895,39 +910,6 @@
   margin-right: 45px;
 }
 
-:root {
-  --el-color-primary: #3366cc;
-  --el-text-color-regular: #000;
-  --primary-color: #3d7eff;
-  --success-color: #28c445;
-  --error-color: #ff1e1e;
-  --warning-color: #ff8746;
-  --white-color: #fff;
-  --black-color: #000;
-  --text-color-primary: #252628;
-  --text-color-regular: #1c1c1c;
-  --text-color-secondary: #555;
-  --text-color-list: #323233;
-  --text-color-a4: #a4a4a4;
-  --text-color-tag: #737373;
-  --text-color-disabled: #eeeef5;
-  --border-color-base: #e8ecf2;
-  --border-color-light: #e4e7ed;
-  --border-color-lighter: #ebeef5;
-  --border-color-extra-light: #f2f6fc;
-  --bg-color: #f0f3f9;
-  --font-size-large: 18px;
-  --font-size-medium: 16px;
-  --font-size-base: 14px;
-  --font-size-small: 12px;
-  --font-size-extra-small: 10px;
-  --font-family: "Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei",Verdana, arial,"Open Sans", sans-serif;
-  --integer-font-family: avenir-heavy, pingfang sc, helvetica neue, arial, sans-serif;
-  --box-shadow-base: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  --el-menu-item-height: 40px;
-  --el-card-padding: 10px;
-}
-
 :root {
   --el-color-primary: var(--primary-color);
   --el-color-primary-light-2: rgba(61, 126, 255, 0.8);

package/es/styles/index.css

@@ -696,39 +696,6 @@
   margin-right: 45px;
 }
 
-:root {
-  --el-color-primary: #3366cc;
-  --el-text-color-regular: #000;
-  --primary-color: #3d7eff;
-  --success-color: #28c445;
-  --error-color: #ff1e1e;
-  --warning-color: #ff8746;
-  --white-color: #fff;
-  --black-color: #000;
-  --text-color-primary: #252628;
-  --text-color-regular: #1c1c1c;
-  --text-color-secondary: #555;
-  --text-color-list: #323233;
-  --text-color-a4: #a4a4a4;
-  --text-color-tag: #737373;
-  --text-color-disabled: #eeeef5;
-  --border-color-base: #e8ecf2;
-  --border-color-light: #e4e7ed;
-  --border-color-lighter: #ebeef5;
-  --border-color-extra-light: #f2f6fc;
-  --bg-color: #f0f3f9;
-  --font-size-large: 18px;
-  --font-size-medium: 16px;
-  --font-size-base: 14px;
-  --font-size-small: 12px;
-  --font-size-extra-small: 10px;
-  --font-family: "Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei",Verdana, arial,"Open Sans", sans-serif;
-  --integer-font-family: avenir-heavy, pingfang sc, helvetica neue, arial, sans-serif;
-  --box-shadow-base: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  --el-menu-item-height: 40px;
-  --el-card-padding: 10px;
-}
-
 :root {
   --el-color-primary: var(--primary-color);
   --el-color-primary-light-2: rgba(61, 126, 255, 0.8);

package/lib/country-platform-shop-condition/country-platform-shop-condition.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),j=require("../utils/style.js"),_=require("../utils/translate.js"),N=require("../_virtual/lodash.js"),y=require("element-plus");require("element-plus/theme-chalk/src/base.scss");require("element-plus/theme-chalk/src/button.scss");require("element-plus/theme-chalk/src/checkbox.scss");require("element-plus/theme-chalk/src/checkbox-group.scss");require("element-plus/theme-chalk/src/popper.scss");require("element-plus/theme-chalk/src/popover.scss");const O={class:"yahee-country-platform-shop-condition"},W={class:"popover-table"},P={id:"all"},R=["onClick"],U={id:"y"},H=["onClick"],M={style:{display:"flex","align-items":"center",outline:"none"}},Y=e.defineComponent({name:"YaheeCountryPlatformShopCondition",__name:"country-platform-shop-condition",props:{xyFilters:{},filterKey:{}},emits:["filterChange"],setup($,{emit:w}){const L=$,{filterKey:q,xyFilters:n}=e.toRefs(L),F=w,r=e.reactive({});let m=e.reactive({});const v=e.ref({}),h=e.ref({}),f=e.ref(!0),V=e.ref({}),G=e.ref({}),g=e.ref();n.value&&(g.value=[...n.value.xGroup]);function T(o,a){var l;return(l=n.value)==null?void 0:l.items.filter(t=>t.xGroupValue===o&&t.yGroupValue===a)}function C(o){var l;const a=o.xGroupValue;if(V.value[a]){for(const t in r)t.startsWith(a)&&delete r[t];V.value[a]=!1}else{for(const t of(l=n.value)==null?void 0:l.items)if(t.xGroupValue===a){let u=r[`${t.xGroupValue}-${t.yGroupValue}`];u?(u.push(t.value),u=[...new Set(u)]):u=[t.value],r[`${t.xGroupValue}-${t.yGroupValue}`]=u}V.value[a]=!0}}const b=o=>j.stylesUtils.getBackgroundColor(o),z=()=>{N.isEqual(m,r)||F("filterChange",[{filterKey:q.value,checkedValues:Object.values(Object.values(r)).flat()}])},D=()=>{m=N.cloneDeep(r)};function x(){if(f.value)f.value=!1,Object.keys(r).forEach(o=>{delete r[o]});else{f.value=!0;for(const o of n.value.items){let a=r[`${o.xGroupValue}-${o.yGroupValue}`];a?a.push(o.value):a=[o.value],r[`${o.xGroupValue}-${o.yGroupValue}`]=a}}console.log(r)}function K(o){const a=o.yGroupValue;if(G.value[a]){for(const l in r)l.endsWith(a)&&delete r[l];G.value[a]=!1}else{for(const l of n.value.items)if(l.yGroupValue===a){let t=r[`${l.xGroupValue}-${l.yGroupValue}`];t?(t.push(l.value),t=[...new Set(t)]):t=[l.value],r[`${l.xGroupValue}-${l.yGroupValue}`]=t}G.value[a]=!0}}return e.watch(r,(o,a)=>{var s,E,S,B;Object.keys(o).forEach(c=>{Array.isArray(o[c])&&o[c].length===0&&delete o[c]}),console.log("新的数组:",o),console.log("旧的数组:",a);const l={backgroundColor:"#3366CC",color:"#fff",borderColor:"#3366CC"},t={backgroundColor:"#00bfff",borderColor:"#00bfff"},u={},d=(s=n.value)==null?void 0:s.xGroup.length,i=(E=n.value)==null?void 0:E.yGroup.length;(S=n.value)==null||S.xGroup.forEach(c=>{let p=0;for(const k in r)k.startsWith(c.xGroupValue)&&p++;p===0?v.value[c.xGroupValue]=u:p===i?v.value[c.xGroupValue]=l:v.value[c.xGroupValue]=t}),(B=n.value)==null||B.yGroup.forEach(c=>{let p=0;for(const k in r)k.endsWith(c.yGroupValue)&&p++;p===0?h.value[c.yGroupValue]=u:p===d?h.value[c.yGroupValue]=l:h.value[c.yGroupValue]=t}),f.value=Object.keys(o).length===d*i},{deep:!0}),(o,a)=>(e.openBlock(),e.createElementBlock("div",O,[e.createVNode(e.unref(y.ElPopover),{placement:"bottom",trigger:"hover",width:"'auto'","popper-class":"custom-popover",onHide:z,onShow:D},{reference:e.withCtx(()=>[e.createElementVNode("div",M,[e.createVNode(e.unref(y.ElButton),{size:"small",class:"el-button custom-total-button",style:e.normalizeStyle(b(f.value)),onClick:x},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(_.M2)("全部")),1)]),_:1},8,["style"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,l=>(e.openBlock(),e.createBlock(e.unref(y.ElButton),{key:l,style:e.normalizeStyle(v.value[l.xGroupValue]),class:"custom-button",size:"small",onClick:t=>C(l)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(_.M2)(l.xGroupText)),1)]),_:2},1032,["style","onClick"]))),128))])]),default:e.withCtx(()=>{var l,t;return[e.createElementVNode("table",W,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[e.createElementVNode("th",P,[e.createElementVNode("span",{style:e.normalizeStyle(b(f.value)),class:"el-button custom-button",onClick:x}," 全部 ",4)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((l=e.unref(n))==null?void 0:l.xGroup,u=>(e.openBlock(),e.createElementBlock("th",{id:"x",key:u.xGroupValue},[e.createElementVNode("span",{style:e.normalizeStyle({...v.value[u.xGroupValue],width:"100%"}),class:"el-button custom-button",onClick:d=>C(u)},e.toDisplayString(u.xGroupText),13,R)]))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((t=e.unref(n))==null?void 0:t.yGroup,u=>{var d;return e.openBlock(),e.createElementBlock("tr",{key:u.yGroupValue},[e.createElementVNode("th",U,[e.createElementVNode("span",{style:e.normalizeStyle({...h.value[u.yGroupValue],width:"100%"}),class:"el-button custom-button",onClick:i=>K(u)},e.toDisplayString(u.yGroupText),13,H)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((d=e.unref(n))==null?void 0:d.xGroup,i=>(e.openBlock(),e.createElementBlock("td",{key:i.xGroupValue},[e.createVNode(e.unref(y.ElCheckboxGroup),{modelValue:r[i.xGroupValue+"-"+u.yGroupValue],"onUpdate:modelValue":s=>r[i.xGroupValue+"-"+u.yGroupValue]=s},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T(i.xGroupValue,u.yGroupValue),s=>(e.openBlock(),e.createBlock(e.unref(y.ElCheckbox),{key:s.value,border:"",class:"el-button custom-button",label:s.text,value:s.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.text),1)]),_:2},1032,["label","value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue"])]))),128))])}),128))])])]}),_:1})]))}});module.exports=Y;
+"use strict";const e=require("vue"),j=require("../utils/style.js"),_=require("../utils/translate.js"),N=require("../_virtual/lodash.js"),y=require("element-plus");require("element-plus/theme-chalk/src/base.scss");require("element-plus/theme-chalk/src/button.scss");require("element-plus/theme-chalk/src/checkbox.scss");require("element-plus/theme-chalk/src/checkbox-group.scss");require("element-plus/theme-chalk/src/popper.scss");require("element-plus/theme-chalk/src/popover.scss");const O={class:"yahee-country-platform-shop-condition"},W={class:"popover-table"},P={id:"all"},R=["onClick"],U={id:"y"},H=["onClick"],M={style:{display:"flex","align-items":"center",outline:"none"}},Y=e.defineComponent({name:"YaheeCountryPlatformShopCondition",__name:"country-platform-shop-condition",props:{xyFilters:{},filterKey:{}},emits:["filterChange"],setup($,{emit:w}){const L=$,{filterKey:q,xyFilters:n}=e.toRefs(L),F=w,r=e.reactive({});let k=e.reactive({});const v=e.ref({}),h=e.ref({}),f=e.ref(!0),V=e.ref({}),G=e.ref({}),g=e.ref();n.value&&(g.value=[...n.value.xGroup]);function T(o,a){var l;return(l=n.value)==null?void 0:l.items.filter(t=>t.xGroupValue===o&&t.yGroupValue===a)}function b(o){var l;const a=o.xGroupValue;if(V.value[a]){for(const t in r)t.startsWith(a)&&delete r[t];V.value[a]=!1}else{for(const t of(l=n.value)==null?void 0:l.items)if(t.xGroupValue===a){let u=r[`${t.xGroupValue}-${t.yGroupValue}`];u?(u.push(t.value),u=[...new Set(u)]):u=[t.value],r[`${t.xGroupValue}-${t.yGroupValue}`]=u}V.value[a]=!0}}const C=o=>j.stylesUtils.getBackgroundColor(o),z=()=>{N.isEqual(k,r)||F("filterChange",[{filterKey:q.value,checkedValues:Object.values(Object.values(r)).flat()}])},D=()=>{k=N.cloneDeep(r)};function x(){if(f.value)f.value=!1,Object.keys(r).forEach(o=>{delete r[o]});else{f.value=!0;for(const o of n.value.items){let a=r[`${o.xGroupValue}-${o.yGroupValue}`];a?a.push(o.value):a=[o.value],r[`${o.xGroupValue}-${o.yGroupValue}`]=a}}console.log(r)}function K(o){const a=o.yGroupValue;if(G.value[a]){for(const l in r)l.endsWith(a)&&delete r[l];G.value[a]=!1}else{for(const l of n.value.items)if(l.yGroupValue===a){let t=r[`${l.xGroupValue}-${l.yGroupValue}`];t?(t.push(l.value),t=[...new Set(t)]):t=[l.value],r[`${l.xGroupValue}-${l.yGroupValue}`]=t}G.value[a]=!0}}return e.watch(r,(o,a)=>{var s,E,S,B;Object.keys(o).forEach(c=>{Array.isArray(o[c])&&o[c].length===0&&delete o[c]}),console.log("新的数组:",o),console.log("旧的数组:",a);const l={backgroundColor:"#3366CC",color:"#fff",borderColor:"#3366CC"},t={backgroundColor:"#00bfff",borderColor:"#00bfff"},u={},d=(s=n.value)==null?void 0:s.xGroup.length,i=(E=n.value)==null?void 0:E.yGroup.length;(S=n.value)==null||S.xGroup.forEach(c=>{let p=0;for(const m in r)m.startsWith(c.xGroupValue)&&p++;p===0?v.value[c.xGroupValue]=u:p===i?v.value[c.xGroupValue]=l:v.value[c.xGroupValue]=t}),(B=n.value)==null||B.yGroup.forEach(c=>{let p=0;for(const m in r)m.endsWith(c.yGroupValue)&&p++;p===0?h.value[c.yGroupValue]=u:p===d?h.value[c.yGroupValue]=l:h.value[c.yGroupValue]=t}),f.value=Object.keys(o).length===d*i},{deep:!0}),(o,a)=>(e.openBlock(),e.createElementBlock("div",O,[e.createVNode(e.unref(y.ElPopover),{placement:"bottom",trigger:"hover",width:"'auto'","popper-class":"custom-popover",onHide:z,onShow:D},{reference:e.withCtx(()=>[e.createElementVNode("div",M,[e.createVNode(e.unref(y.ElButton),{size:"small",class:"el-button custom-total-button",style:e.normalizeStyle(C(f.value)),onClick:x},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(_.M2)("全部")),1)]),_:1},8,["style"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,l=>(e.openBlock(),e.createBlock(e.unref(y.ElButton),{key:l,style:e.normalizeStyle(v.value[l.xGroupValue]),class:"custom-button",onClick:t=>b(l)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(_.M2)(l.xGroupText)),1)]),_:2},1032,["style","onClick"]))),128))])]),default:e.withCtx(()=>{var l,t;return[e.createElementVNode("table",W,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[e.createElementVNode("th",P,[e.createElementVNode("span",{style:e.normalizeStyle(C(f.value)),class:"el-button el-button--small custom-button",onClick:x}," 全部 ",4)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((l=e.unref(n))==null?void 0:l.xGroup,u=>(e.openBlock(),e.createElementBlock("th",{id:"x",key:u.xGroupValue},[e.createElementVNode("span",{style:e.normalizeStyle({...v.value[u.xGroupValue],width:"100%"}),class:"el-button--small el-button custom-button",onClick:d=>b(u)},e.toDisplayString(u.xGroupText),13,R)]))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((t=e.unref(n))==null?void 0:t.yGroup,u=>{var d;return e.openBlock(),e.createElementBlock("tr",{key:u.yGroupValue},[e.createElementVNode("th",U,[e.createElementVNode("span",{style:e.normalizeStyle({...h.value[u.yGroupValue],width:"100%"}),class:"el-button--small el-button custom-button",onClick:i=>K(u)},e.toDisplayString(u.yGroupText),13,H)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((d=e.unref(n))==null?void 0:d.xGroup,i=>(e.openBlock(),e.createElementBlock("td",{key:i.xGroupValue},[e.createVNode(e.unref(y.ElCheckboxGroup),{modelValue:r[i.xGroupValue+"-"+u.yGroupValue],"onUpdate:modelValue":s=>r[i.xGroupValue+"-"+u.yGroupValue]=s},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T(i.xGroupValue,u.yGroupValue),s=>(e.openBlock(),e.createBlock(e.unref(y.ElCheckbox),{key:s.value,border:"",class:"el-button el-button-small custom-button",label:s.text,value:s.value,size:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.text),1)]),_:2},1032,["label","value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue"])]))),128))])}),128))])])]}),_:1})]))}});module.exports=Y;

package/lib/country-platform-shop-condition/style/index.css

@@ -1,3 +1,11 @@
+.custom-popover .checkbox-group {
+  margin: 5px;
+  width: 100%;
+}
+.custom-popover .hover-trigger {
+  cursor: pointer;
+  color: blue;
+}
 .custom-popover .popover-table {
   width: auto;
   border: 1px solid transparent;
@@ -17,9 +25,13 @@
 }
 .custom-popover .popover-table td span {
   display: block;
-  margin-bottom: 4px;
   border: 1px solid transparent;
 }
+.custom-popover .custom-total-button {
+  margin-right: 0;
+  padding: 1px 4px;
+  height: 22px;
+}
 
 .yahee-country-platform-shop-condition .checkbox-group {
   margin: 5px;
@@ -35,7 +47,6 @@
   height: 22px;
 }
 .yahee-country-platform-shop-condition .custom-button {
-  width: 100%;
   min-height: 22px;
   min-width: 50px;
   height: 22px;

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

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

package/lib/drop-down-condition/style/index.css

@@ -11,16 +11,6 @@
   padding: 1px 4px;
   height: 22px;
 }
-.yahee-drop-down-condition .custom-button {
-  margin-right: 0;
-  padding: 1px 4px;
-  min-height: 22px;
-  height: 22px;
-  margin-left: 5px;
-}
-.yahee-drop-down-condition .custom-button.inner-el-button {
-  margin-top: 5px;
-}
 .yahee-drop-down-condition .checkbox-group {
   display: flex;
   flex-direction: column;
@@ -42,4 +32,18 @@
   border-radius: 10px;
   background: rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
+}
+
+.custom-dropdown .checkbox {
+  margin-top: 5px;
+}
+.custom-dropdown .custom-button {
+  margin-right: 0;
+  padding: 1px 4px;
+  min-height: 22px;
+  height: 22px;
+  margin-left: 5px;
+}
+.custom-dropdown .custom-button.inner-el-button {
+  margin-top: 5px;
 }

package/lib/style.css

@@ -115,16 +115,6 @@
   padding: 1px 4px;
   height: 22px;
 }
-.yahee-drop-down-condition .custom-button {
-  margin-right: 0;
-  padding: 1px 4px;
-  min-height: 22px;
-  height: 22px;
-  margin-left: 5px;
-}
-.yahee-drop-down-condition .custom-button.inner-el-button {
-  margin-top: 5px;
-}
 .yahee-drop-down-condition .checkbox-group {
   display: flex;
   flex-direction: column;
@@ -148,6 +138,28 @@
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
 }
 
+.custom-dropdown .checkbox {
+  margin-top: 5px;
+}
+.custom-dropdown .custom-button {
+  margin-right: 0;
+  padding: 1px 4px;
+  min-height: 22px;
+  height: 22px;
+  margin-left: 5px;
+}
+.custom-dropdown .custom-button.inner-el-button {
+  margin-top: 5px;
+}
+
+.custom-popover .checkbox-group {
+  margin: 5px;
+  width: 100%;
+}
+.custom-popover .hover-trigger {
+  cursor: pointer;
+  color: blue;
+}
 .custom-popover .popover-table {
   width: auto;
   border: 1px solid transparent;
@@ -167,9 +179,13 @@
 }
 .custom-popover .popover-table td span {
   display: block;
-  margin-bottom: 4px;
   border: 1px solid transparent;
 }
+.custom-popover .custom-total-button {
+  margin-right: 0;
+  padding: 1px 4px;
+  height: 22px;
+}
 
 .yahee-country-platform-shop-condition .checkbox-group {
   margin: 5px;
@@ -185,7 +201,6 @@
   height: 22px;
 }
 .yahee-country-platform-shop-condition .custom-button {
-  width: 100%;
   min-height: 22px;
   min-width: 50px;
   height: 22px;
@@ -895,39 +910,6 @@
   margin-right: 45px;
 }
 
-:root {
-  --el-color-primary: #3366cc;
-  --el-text-color-regular: #000;
-  --primary-color: #3d7eff;
-  --success-color: #28c445;
-  --error-color: #ff1e1e;
-  --warning-color: #ff8746;
-  --white-color: #fff;
-  --black-color: #000;
-  --text-color-primary: #252628;
-  --text-color-regular: #1c1c1c;
-  --text-color-secondary: #555;
-  --text-color-list: #323233;
-  --text-color-a4: #a4a4a4;
-  --text-color-tag: #737373;
-  --text-color-disabled: #eeeef5;
-  --border-color-base: #e8ecf2;
-  --border-color-light: #e4e7ed;
-  --border-color-lighter: #ebeef5;
-  --border-color-extra-light: #f2f6fc;
-  --bg-color: #f0f3f9;
-  --font-size-large: 18px;
-  --font-size-medium: 16px;
-  --font-size-base: 14px;
-  --font-size-small: 12px;
-  --font-size-extra-small: 10px;
-  --font-family: "Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei",Verdana, arial,"Open Sans", sans-serif;
-  --integer-font-family: avenir-heavy, pingfang sc, helvetica neue, arial, sans-serif;
-  --box-shadow-base: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  --el-menu-item-height: 40px;
-  --el-card-padding: 10px;
-}
-
 :root {
   --el-color-primary: var(--primary-color);
   --el-color-primary-light-2: rgba(61, 126, 255, 0.8);

package/lib/styles/index.css

@@ -696,39 +696,6 @@
   margin-right: 45px;
 }
 
-:root {
-  --el-color-primary: #3366cc;
-  --el-text-color-regular: #000;
-  --primary-color: #3d7eff;
-  --success-color: #28c445;
-  --error-color: #ff1e1e;
-  --warning-color: #ff8746;
-  --white-color: #fff;
-  --black-color: #000;
-  --text-color-primary: #252628;
-  --text-color-regular: #1c1c1c;
-  --text-color-secondary: #555;
-  --text-color-list: #323233;
-  --text-color-a4: #a4a4a4;
-  --text-color-tag: #737373;
-  --text-color-disabled: #eeeef5;
-  --border-color-base: #e8ecf2;
-  --border-color-light: #e4e7ed;
-  --border-color-lighter: #ebeef5;
-  --border-color-extra-light: #f2f6fc;
-  --bg-color: #f0f3f9;
-  --font-size-large: 18px;
-  --font-size-medium: 16px;
-  --font-size-base: 14px;
-  --font-size-small: 12px;
-  --font-size-extra-small: 10px;
-  --font-family: "Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei",Verdana, arial,"Open Sans", sans-serif;
-  --integer-font-family: avenir-heavy, pingfang sc, helvetica neue, arial, sans-serif;
-  --box-shadow-base: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  --el-menu-item-height: 40px;
-  --el-card-padding: 10px;
-}
-
 :root {
   --el-color-primary: var(--primary-color);
   --el-color-primary-light-2: rgba(61, 126, 255, 0.8);

package/package.json

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

package/types/index.d.ts

@@ -991,7 +991,7 @@ export declare const YaheeDropDownCondition: SFCWithInstall<DefineComponent<{
     filterKey: string;
     enumEntity: string;
     noNeedRefreshNumFilterName?: string;
-    initFilters: Function;
+    initFilters?: Function;
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     filterChange: (...args: any[]) => void;
     setNoNeedRefreshNumFilterName: (...args: any[]) => void;
@@ -1009,7 +1009,7 @@ export declare const YaheeDropDownCondition: SFCWithInstall<DefineComponent<{
     filterKey: string;
     enumEntity: string;
     noNeedRefreshNumFilterName?: string;
-    initFilters: Function;
+    initFilters?: Function;
 }> & Readonly<{
     onFilterChange?: (...args: any[]) => any;
     onSetNoNeedRefreshNumFilterName?: (...args: any[]) => any;