yahee-components 0.0.77 → 0.0.83

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

@@ -1,219 +1,120 @@
-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)
+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)
                   ]),
-                  (s(!0), f(g, null, C((e = c(r)) == null ? void 0 : e.xGroup, (t) => (s(), f("th", {
-                    id: "x",
-                    key: t.xGroupValue
+                  (e(!0), n(i, null, s((_ = l.xyFilters) == null ? void 0 : _.xGroup, (u) => (e(), n("td", {
+                    key: u.xGroupValue
                   }, [
-                    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)
+                    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"])
                   ]))), 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))
-              ])
+                ]);
+              }), 128))
             ])
-          ];
-        }),
-        _: 1
-      })
-    ]));
-  }
-});
+          ])
+        ];
+      }),
+      _: 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"]]);
 export {
-  ke as default
+  H as default
 };

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 { 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;
+  }
+});
 export {
-  f as default
+  ae as default
 };