yahee-components 0.0.18 → 0.0.20

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

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

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

@@ -0,0 +1,4 @@
+import f from "./country-platform-shop-condition.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,7 @@
+import { withInstall as o } from "../utils/install.js";
+import t from "./country-platform-shop-condition.vue.js";
+const i = o(t);
+export {
+  i as YaheeCountryPlatformShopCondition,
+  i as default
+};

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

@@ -0,0 +1,48 @@
+.yahee-country-platform-shop-condition .popover-table {
+  width: auto;
+  border: 1px solid transparent;
+  border-collapse: separate;
+}
+.yahee-country-platform-shop-condition .popover-table tr,
+.yahee-country-platform-shop-condition .popover-table td {
+  text-align: left;
+  cursor: pointer;
+  min-height: 22px;
+}
+.yahee-country-platform-shop-condition .checkbox-group {
+  margin: 5px;
+  width: 100%;
+}
+.yahee-country-platform-shop-condition .popover-table th {
+  text-align: left;
+  cursor: pointer;
+  min-height: 22px;
+  border: 1px solid transparent;
+}
+.yahee-country-platform-shop-condition .popover-table td span {
+  display: block;
+  margin-bottom: 4px;
+  border: 1px solid transparent;
+}
+.yahee-country-platform-shop-condition .hover-trigger {
+  cursor: pointer;
+  color: blue;
+}
+.yahee-country-platform-shop-condition .custom-total-button {
+  margin-right: 0;
+  padding: 1px 4px;
+  height: 22px;
+}
+.yahee-country-platform-shop-condition .custom-button {
+  width: 100%;
+  min-height: 22px;
+  min-width: 50px;
+  height: 22px;
+  margin: 3px;
+}
+.yahee-country-platform-shop-condition .custom-button.inner-el-button {
+  margin-top: 5px;
+}
+.yahee-country-platform-shop-condition ::v-deep(.el-checkbox-button__inner) {
+  width: 100%;
+}

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

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

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

@@ -0,0 +1,4 @@
+import f from "./drop-down-condition.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,7 @@
+import { withInstall as o } from "../utils/install.js";
+import t from "./drop-down-condition.vue.js";
+const r = o(t);
+export {
+  r as YaheeDropDownCondition,
+  r as default
+};

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

@@ -0,0 +1,45 @@
+@charset "UTF-8";
+.yahee-drop-down-condition {
+  /* 滚动槽 */
+  /* 滚动条滑块 */
+}
+.yahee-drop-down-condition .checkbox-group {
+  display: flex;
+  flex-direction: column;
+}
+.yahee-drop-down-condition .checkbox {
+  margin-top: 5px;
+}
+.yahee-drop-down-condition .custom-total-button {
+  margin-right: 0;
+  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 .scrollable-container {
+  max-height: 700px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+}
+.yahee-drop-down-condition .scrollable-container::-webkit-scrollbar {
+  width: 5px;
+}
+.yahee-drop-down-condition .scrollable-container::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  border-radius: 10px;
+}
+.yahee-drop-down-condition .scrollable-container::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background: rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
+}