yahee-components 0.0.30 → 0.0.32

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

@@ -1,4 +1,127 @@
-import f from "./country-platform-shop-condition.vue.js";
+import { defineComponent as R, toRefs as D, reactive as _, ref as c, watch as M } from "vue";
+import { stylesUtils as T } from "../utils/style.js";
+import { M2 as H } from "../utils/translate.js";
+import L from "../_virtual/lodash.js";
+import { ElButton as U, ElCheckbox as Y, ElCheckboxGroup as z, ElPopover as I } 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/popper.scss";
+import "element-plus/theme-chalk/src/popover.scss";
+const ae = /* @__PURE__ */ R({
+  name: "YaheeCountryPlatformShopCondition",
+  __name: "country-platform-shop-condition",
+  props: {
+    xyFilters: { type: Object, required: !1 },
+    filterKey: { type: String, required: !0 }
+  },
+  emits: ["filterChange"],
+  setup(j, { expose: K, emit: O }) {
+    K();
+    const G = j, { filterKey: m, xyFilters: a } = D(G), d = O, t = _({});
+    let f = _({});
+    const p = c({}), v = c({}), i = c(!0), y = c({}), h = c({}), x = c();
+    a.value && (x.value = [...a.value.xGroup]);
+    function A(e, o) {
+      var u;
+      return (u = a.value) == null ? void 0 : u.items.filter((l) => l.xGroupValue === e && l.yGroupValue === o);
+    }
+    function F(e) {
+      var u;
+      const o = e.xGroupValue;
+      if (y.value[o]) {
+        for (const l in t)
+          l.startsWith(o) && delete t[l];
+        y.value[o] = !1;
+      } else {
+        for (const l of (u = a.value) == null ? void 0 : u.items)
+          if (l.xGroupValue === o) {
+            let n = t[`${l.xGroupValue}-${l.yGroupValue}`];
+            n ? (n.push(l.value), n = [...new Set(n)]) : n = [l.value], t[`${l.xGroupValue}-${l.yGroupValue}`] = n;
+          }
+        y.value[o] = !0;
+      }
+    }
+    const P = (e) => T.getBackgroundColor(e), W = () => {
+      L.isEqual(f, t) || d("filterChange", [
+        {
+          filterKey: m.value,
+          checkedValues: Object.values(Object.values(t)).flat()
+        }
+      ]);
+    }, q = () => {
+      f = L.cloneDeep(t);
+    };
+    function w() {
+      if (i.value)
+        i.value = !1, Object.keys(t).forEach((e) => {
+          delete t[e];
+        });
+      else {
+        i.value = !0;
+        for (const e of a.value.items) {
+          let o = t[`${e.xGroupValue}-${e.yGroupValue}`];
+          o ? o.push(e.value) : o = [e.value], t[`${e.xGroupValue}-${e.yGroupValue}`] = o;
+        }
+      }
+      console.log(t);
+    }
+    function B(e) {
+      const o = e.yGroupValue;
+      if (h.value[o]) {
+        for (const u in t)
+          u.endsWith(o) && delete t[u];
+        h.value[o] = !1;
+      } else {
+        for (const u of a.value.items)
+          if (u.yGroupValue === o) {
+            let l = t[`${u.xGroupValue}-${u.yGroupValue}`];
+            l ? (l.push(u.value), l = [...new Set(l)]) : l = [u.value], t[`${u.xGroupValue}-${u.yGroupValue}`] = l;
+          }
+        h.value[o] = !0;
+      }
+    }
+    M(
+      t,
+      (e, o) => {
+        var S, k, E, $;
+        Object.keys(e).forEach((r) => {
+          Array.isArray(e[r]) && e[r].length === 0 && delete e[r];
+        }), console.log("新的数组:", e), console.log("旧的数组:", o);
+        const u = { backgroundColor: "#3366CC", color: "#fff", borderColor: "#3366CC" }, l = { backgroundColor: "#00bfff", borderColor: "#00bfff" }, n = {}, V = (S = a.value) == null ? void 0 : S.xGroup.length, b = (k = a.value) == null ? void 0 : k.yGroup.length;
+        (E = a.value) == null || E.xGroup.forEach((r) => {
+          let s = 0;
+          for (const g in t)
+            g.startsWith(r.xGroupValue) && s++;
+          s === 0 ? p.value[r.xGroupValue] = n : s === b ? p.value[r.xGroupValue] = u : p.value[r.xGroupValue] = l;
+        }), ($ = a.value) == null || $.yGroup.forEach((r) => {
+          let s = 0;
+          for (const g in t)
+            g.endsWith(r.yGroupValue) && s++;
+          s === 0 ? v.value[r.yGroupValue] = n : s === V ? v.value[r.yGroupValue] = u : v.value[r.yGroupValue] = l;
+        }), i.value = Object.keys(e).length === V * b;
+      },
+      { deep: !0 }
+    );
+    const C = { props: G, filterKey: m, xyFilters: a, emit: d, checkList: t, get backupCheckList() {
+      return f;
+    }, set backupCheckList(e) {
+      f = e;
+    }, rowTitleStyle: p, columnTitleStyle: v, isSelectedAll: i, toggleRowSelectionFlags: y, toggleColumnSelectionFlags: h, selectList: x, getContentForCell: A, toggleRowSelection: F, getDefaultSelectedAllStyle: P, handleHide: W, handleShow: q, selectAll: w, toggleColumnSelection: B, get M2() {
+      return H;
+    }, get ElButton() {
+      return U;
+    }, get ElCheckbox() {
+      return Y;
+    }, get ElCheckboxGroup() {
+      return z;
+    }, get ElPopover() {
+      return I;
+    } };
+    return Object.defineProperty(C, "__isScriptSetup", { enumerable: !1, value: !0 }), C;
+  }
+});
 export {
-  f as default
+  ae as default
 };

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

@@ -25,7 +25,6 @@
 }
 .custom-popover .popover-table td span {
   display: block;
-  border: 1px solid transparent;
 }
 .custom-popover .custom-total-button {
   margin-right: 0;
@@ -42,15 +41,15 @@
   color: blue;
 }
 .yahee-country-platform-shop-condition .custom-total-button {
-  margin-right: 0;
+  margin-right: 5px;
   padding: 1px 4px;
   height: 22px;
 }
 .yahee-country-platform-shop-condition .custom-button {
   min-height: 22px;
-  min-width: 50px;
+  min-width: 48px;
   height: 22px;
-  margin: 3px;
+  margin: 0 5px 0 0;
 }
 .yahee-country-platform-shop-condition .custom-button.inner-el-button {
   margin-top: 5px;

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

@@ -1,225 +1,207 @@
-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: {
-    filterList: {},
-    totalCount: {},
-    level1Count: {},
-    level2Count: {},
-    filterKey: {},
-    enumEntity: {},
-    noNeedRefreshNumFilterName: {},
-    initFilters: { type: Function }
-  },
-  emits: ["filterChange", "setNoNeedRefreshNumFilterName"],
-  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 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 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(), D();
-    }
-    function Z() {
-      h.value = L(), D();
-    }
-    function D() {
-      $("setNoNeedRefreshNumFilterName", V.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)
-        K = s.cloneDeep(n);
-      else {
-        if (s.isEqual(K, n))
-          return;
-        I();
-      }
-    }
-    function I() {
-      $("filterChange", [
-        {
-          filterKey: V.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() {
-      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 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);
-      }
-    ), re(() => {
-      ue();
-    }), (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,
+import v from "./drop-down-condition.vue2.js";
+import { openBlock as l, createElementBlock as n, createVNode as _, normalizeStyle as x, withCtx as a, createTextVNode as r, toDisplayString as c, createCommentVNode as i, createElementVNode as k, Fragment as s, renderList as h, createBlock as d } from "vue";
+import C from "../_virtual/_plugin-vue_export-helper.js";
+const f = { class: "yahee-drop-down-condition" }, y = { key: 0 }, m = { style: { display: "flex", "align-items": "center", outline: "none" } }, E = { key: 0 }, g = { style: { display: "flex", width: "auto", padding: "10px" } }, w = ["onClick"], V = { class: "scrollable-container" }, p = { key: 0 };
+function S(N, B, D, e, M, z) {
+  return l(), n("div", f, [
+    _(e.ElButton, {
+      size: "small",
+      class: "el-button el-button--small custom-total-button",
+      style: x(e.getDefaultSelectedAllStyle(e.isSelectedAll)),
+      onClick: e.selectAll
+    }, {
+      default: a(() => [
+        r(
+          c(e.M2("全部")) + " ",
+          1
+          /* TEXT */
+        ),
+        e.totalCount ? (l(), n(
+          "span",
+          y,
+          "(" + c(e.totalNum) + ")",
+          1
+          /* TEXT */
+        )) : i("v-if", !0)
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["style"]),
+    _(
+      e.ElDropdown,
+      {
+        ref: "dropdown1",
         "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",
+        onVisibleChange: e.handleVisible
+      },
+      {
+        dropdown: a(() => [
+          k("div", g, [
+            (l(!0), n(
+              s,
+              null,
+              h(e.selectList, (o) => (l(), d(e.ElCheckboxGroup, {
+                key: o.value,
+                modelValue: e.totalCheckBoxStatus[o.text],
+                "onUpdate:modelValue": (t) => e.totalCheckBoxStatus[o.text] = t,
                 size: "small",
-                onChange: Z
+                class: "checkbox-group inner-checkbox-group custom-dropdown-checkbox-group",
+                onChange: (t) => e.changeCheckbox(o)
               }, {
-                default: d(() => [
-                  e.isCheckbox ? (a(), g(u(j), {
-                    key: 0,
-                    class: "custom-button",
-                    value: e.value,
+                default: a(() => [
+                  e._.isNil(o.subs) ? (l(), d(e.ElCheckbox, {
+                    key: 1,
+                    value: o.value,
+                    class: "checkbox custom-dropdown-button",
                     border: ""
                   }, {
-                    default: d(() => [
-                      k(v(u(y)(e.text)), 1)
+                    default: a(() => [
+                      r(
+                        c(e.M2(o.text)),
+                        1
+                        /* TEXT */
+                      )
                     ]),
                     _: 2
-                  }, 1032, ["value"])) : N("", !0)
+                    /* DYNAMIC */
+                  }, 1032, ["value"])) : (l(), n(
+                    s,
+                    { key: 0 },
+                    [
+                      k("span", {
+                        class: "el-button custom-dropdown-button el-button--small inner-el-button",
+                        style: x(e.selectedStyles[o.text]),
+                        onClick: (t) => e.onClick(o)
+                      }, c(e.M2(o.text)), 13, w),
+                      k("div", V, [
+                        (l(!0), n(
+                          s,
+                          null,
+                          h(o.subs, (t) => (l(), d(e.ElCheckbox, {
+                            key: t.value,
+                            class: "checkbox custom-dropdown-button",
+                            value: t.value,
+                            border: ""
+                          }, {
+                            default: a(() => {
+                              var u;
+                              return [
+                                r(
+                                  c(e.M2(t.text)),
+                                  1
+                                  /* TEXT */
+                                ),
+                                e._.isEmpty(e.level2Num) ? i("v-if", !0) : (l(), n(
+                                  "span",
+                                  p,
+                                  "(" + c((u = e.level2Num.filter((b) => b.value == t.value)[0]) == null ? void 0 : u.count) + ")",
+                                  1
+                                  /* TEXT */
+                                ))
+                              ];
+                            }),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1032, ["value"]))),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ])
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  ))
                 ]),
                 _: 2
-              }, 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))
+                /* DYNAMIC */
+              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ])
+        ]),
+        default: a(() => [
+          k("div", m, [
+            (l(!0), n(
+              s,
+              null,
+              h(e.selectList, (o) => (l(), n(
+                s,
+                null,
+                [
+                  o.isCheckbox ? (l(), d(e.ElCheckboxGroup, {
+                    key: o.value,
+                    modelValue: e.totalCheckBoxStatus[o.text],
+                    "onUpdate:modelValue": (t) => e.totalCheckBoxStatus[o.text] = t,
+                    class: "checkbox-group",
+                    size: "small",
+                    onChange: e.singleChangeCheckbox
+                  }, {
+                    default: a(() => [
+                      o.isCheckbox ? (l(), d(e.ElCheckbox, {
+                        key: 0,
+                        class: "custom-dropdown-button",
+                        value: o.value,
+                        border: ""
+                      }, {
+                        default: a(() => [
+                          r(
+                            c(e.M2(o.text)),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["value"])) : i("v-if", !0)
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["modelValue", "onUpdate:modelValue"])) : (l(), d(e.ElButton, {
+                    key: o.text,
+                    style: x(e.selectedStyles[o.text]),
+                    class: "custom-dropdown-button",
+                    size: "small",
+                    onClick: (t) => e.onClick(o)
+                  }, {
+                    default: a(() => {
+                      var t;
+                      return [
+                        r(
+                          c(e.M2(o.text)) + " ",
+                          1
+                          /* TEXT */
+                        ),
+                        e._.isEmpty(e.level1Num) ? i("v-if", !0) : (l(), n(
+                          "span",
+                          E,
+                          "(" + c((t = e.level1Num.filter((u) => u.value == o.value)[0]) == null ? void 0 : t.count) + ")",
+                          1
+                          /* TEXT */
+                        ))
+                      ];
+                    }),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["style", "onClick"]))
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              ))),
+              256
+              /* UNKEYED_FRAGMENT */
+            ))
           ])
         ]),
         _: 1
-      }, 512)
-    ]));
-  }
-});
+        /* STABLE */
+      },
+      512
+      /* NEED_PATCH */
+    )
+  ]);
+}
+const F = /* @__PURE__ */ C(v, [["render", S], ["__file", "E:/工作/项目代码/common_componentsweb/packages/components/src/drop-down-condition/drop-down-condition.vue"]]);
 export {
-  Ae as default
+  F as default
 };