yahee-components 0.0.83 → 0.0.85

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

@@ -1,120 +1,219 @@
-import f from "./country-platform-shop-condition.vue2.js";
-import { createElementBlock as n, openBlock as e, createVNode as p, withCtx as c, createElementVNode as t, normalizeStyle as d, Fragment as i, renderList as s, toDisplayString as y, createBlock as m, createTextVNode as b } from "vue";
-import k from "../_virtual/_plugin-vue_export-helper.js";
-const G = { class: "yahee-country-platform-shop-condition" }, V = { class: "popover-table" }, S = { id: "all" }, C = ["onClick"], g = { id: "y" }, v = ["onClick"], w = { style: { display: "flex", "align-items": "center", outline: "none" } };
-function x(E, T, B, l, F, D) {
-  return e(), n("div", G, [
-    p(l.ElPopover, {
-      placement: "bottom",
-      trigger: "hover",
-      width: "'auto'",
-      "popper-class": "custom-popover",
-      onHide: l.handleHide,
-      onShow: l.handleShow
-    }, {
-      reference: c(() => [
-        t("div", w, [
-          p(l.ElButton, {
-            size: "small",
-            class: "el-button custom-total-button",
-            style: d(l.getDefaultSelectedAllStyle(l.isSelectedAll)),
-            onClick: l.selectAll
-          }, {
-            default: c(() => [
-              b(y(l.M2("全部")), 1)
-            ]),
-            _: 1
-          }, 8, ["style"]),
-          (e(!0), n(i, null, s(l.selectList, (r) => (e(), m(l.ElButton, {
-            key: r,
-            style: d(l.rowTitleStyle[r.xGroupValue]),
-            class: "custom-button",
-            onClick: (h) => l.toggleRowSelection(r)
-          }, {
-            default: c(() => [
-              b(y(l.M2(r.xGroupText)), 1)
-            ]),
-            _: 2
-          }, 1032, ["style", "onClick"]))), 128))
-        ])
-      ]),
-      default: c(() => {
-        var r, h;
-        return [
-          t("table", V, [
-            t("thead", null, [
-              t("tr", null, [
-                t("th", S, [
-                  t("span", {
-                    style: d(l.getDefaultSelectedAllStyle(l.isSelectedAll)),
-                    class: "el-button el-button--small custom-button",
-                    onClick: l.selectAll
-                  }, " 全部 ", 4)
-                ]),
-                (e(!0), n(i, null, s((r = l.xyFilters) == null ? void 0 : r.xGroup, (o) => (e(), n("th", {
-                  id: "x",
-                  key: o.xGroupValue
-                }, [
-                  t("span", {
-                    style: d({ ...l.rowTitleStyle[o.xGroupValue], width: "100%" }),
-                    class: "el-button--small el-button custom-button",
-                    onClick: (_) => l.toggleRowSelection(o)
-                  }, y(o.xGroupText), 13, C)
-                ]))), 128))
-              ])
-            ]),
-            t("tbody", null, [
-              (e(!0), n(i, null, s((h = l.xyFilters) == null ? void 0 : h.yGroup, (o) => {
-                var _;
-                return e(), n("tr", {
-                  key: o.yGroupValue
-                }, [
-                  t("th", g, [
-                    t("span", {
-                      style: d({ ...l.columnTitleStyle[o.yGroupValue], width: "100%" }),
-                      class: "el-button--small el-button custom-button",
-                      onClick: (u) => l.toggleColumnSelection(o)
-                    }, y(o.yGroupText), 13, v)
+import { defineComponent as A, toRefs as I, reactive as z, ref as G, watch as ee, createElementBlock as f, openBlock as s, createVNode as E, unref as c, withCtx as V, createElementVNode as i, normalizeStyle as b, Fragment as g, renderList as C, toDisplayString as k, createBlock as D, createTextVNode as L } from "vue";
+import { stylesUtils as le } from "../utils/style.js";
+import { M2 as N } from "../utils/translate.js";
+import R from "../_virtual/lodash.js";
+import { ElPopover as oe, ElCheckboxGroup as te, ElCheckbox as ue, ElButton as U } 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 m = 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 ? m.value[n.xGroupValue] = t : d === v ? m.value[n.xGroupValue] = e : m.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'",
+        "popper-class": "custom-popover",
+        onHide: Q,
+        onShow: X
+      }, {
+        reference: V(() => [
+          i("div", pe, [
+            E(c(U), {
+              size: "small",
+              class: "el-button custom-total-button",
+              style: b(T(y.value)),
+              onClick: j
+            }, {
+              default: V(() => [
+                L(k(c(N)("全部")), 1)
+              ]),
+              _: 1
+            }, 8, ["style"]),
+            (s(!0), f(g, null, C(K.value, (e) => (s(), D(c(U), {
+              key: e,
+              style: b(m.value[e.xGroupValue]),
+              class: "custom-button",
+              onClick: (l) => F(e)
+            }, {
+              default: V(() => [
+                L(k(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: b(T(y.value)),
+                      class: "el-button el-button--small custom-button",
+                      onClick: j
+                    }, " 全部 ", 4)
                   ]),
-                  (e(!0), n(i, null, s((_ = l.xyFilters) == null ? void 0 : _.xGroup, (u) => (e(), n("td", {
-                    key: u.xGroupValue
+                  (s(!0), f(g, null, C((e = c(r)) == null ? void 0 : e.xGroup, (t) => (s(), f("th", {
+                    id: "x",
+                    key: t.xGroupValue
                   }, [
-                    p(l.ElCheckboxGroup, {
-                      modelValue: l.checkList[u.xGroupValue + "-" + o.yGroupValue],
-                      "onUpdate:modelValue": (a) => l.checkList[u.xGroupValue + "-" + o.yGroupValue] = a
-                    }, {
-                      default: c(() => [
-                        (e(!0), n(i, null, s(l.getContentForCell(
-                          u.xGroupValue,
-                          o.yGroupValue
-                        ), (a) => (e(), m(l.ElCheckbox, {
-                          key: a.value,
-                          border: "",
-                          class: "el-button el-button-small custom-button",
-                          label: a.text,
-                          value: a.value,
-                          size: "small"
-                        }, {
-                          default: c(() => [
-                            b(y(a.text), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["label", "value"]))), 128))
-                      ]),
-                      _: 2
-                    }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    i("span", {
+                      style: b({ ...m.value[t.xGroupValue], width: "100%" }),
+                      class: "el-button--small el-button custom-button",
+                      onClick: (h) => F(t)
+                    }, k(t.xGroupText), 13, se)
                   ]))), 128))
-                ]);
-              }), 128))
+                ])
+              ]),
+              i("tbody", null, [
+                (s(!0), f(g, null, C((l = c(r)) == null ? void 0 : l.yGroup, (t) => {
+                  var h;
+                  return s(), f("tr", {
+                    key: t.yGroupValue
+                  }, [
+                    i("th", ce, [
+                      i("span", {
+                        style: b({ ..._.value[t.yGroupValue], width: "100%" }),
+                        class: "el-button--small el-button custom-button",
+                        onClick: (v) => Z(t)
+                      }, k(t.yGroupText), 13, ie)
+                    ]),
+                    (s(!0), f(g, null, C((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(g, null, C(J(
+                            v.xGroupValue,
+                            t.yGroupValue
+                          ), (p) => (s(), D(c(ue), {
+                            key: p.value,
+                            border: "",
+                            class: "el-button el-button-small custom-button",
+                            label: p.text,
+                            value: p.value,
+                            size: "small"
+                          }, {
+                            default: V(() => [
+                              L(k(p.text), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["label", "value"]))), 128))
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue"])
+                    ]))), 128))
+                  ]);
+                }), 128))
+              ])
             ])
-          ])
-        ];
-      }),
-      _: 1
-    })
-  ]);
-}
-const H = /* @__PURE__ */ k(f, [["render", x], ["__file", "D:/projects/frontend/common/common_componentsweb/packages/components/src/country-platform-shop-condition/country-platform-shop-condition.vue"]]);
+          ];
+        }),
+        _: 1
+      })
+    ]));
+  }
+});
 export {
-  H as default
+  ke as default
 };

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

@@ -1,127 +1,4 @@
-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 { ElPopover as U, ElCheckboxGroup as Y, ElCheckbox as z, ElButton 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 I;
-    }, get ElCheckbox() {
-      return z;
-    }, get ElCheckboxGroup() {
-      return Y;
-    }, get ElPopover() {
-      return U;
-    } };
-    return Object.defineProperty(C, "__isScriptSetup", { enumerable: !1, value: !0 }), C;
-  }
-});
+import f from "./country-platform-shop-condition.vue.js";
 export {
-  ae as default
+  f as default
 };