yahee-components 0.0.40 → 0.0.42

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

@@ -1,207 +1,225 @@
-import v from "./drop-down-condition.vue2.js";
-import { createElementBlock as n, openBlock as l, createVNode as _, normalizeStyle as x, withCtx as a, createTextVNode as r, createCommentVNode as i, toDisplayString as c, 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",
+import { defineComponent as se, ref as m, reactive as _, toRefs as ae, watch as re, onMounted as ce, createElementBlock as i, openBlock as a, createVNode as W, unref as u, normalizeStyle as R, withCtx as d, createTextVNode as k, createCommentVNode as N, toDisplayString as v, 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 c = _({}), p = _({}), h = m(!0), x = H, $ = J, { filterKey: w, filterList: M, totalCount: C, level1Count: V, level2Count: F, noNeedRefreshNumFilterName: O } = ae(x), T = m(s.get(C, "value", 0)), S = m(s.get(V, "value", [])), B = m(s.get(F, "value", [])), r = m();
+    M.value && (r.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), c[o] = U.getBackgroundColor(!0), h.value = !1) : (ne(o), c[t.text] = {}, h.value = !0), h.value = L(), D();
+    }
+    function L() {
+      const t = r.value.filter((l) => !s.isEmpty(l.subs)).flatMap((l) => l.subs).length, o = r.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]) ? (c[t.text] = {}, p[t.text] = !1) : n[t.text].length === s.get(t, "subs.length", 1) ? (c[t.text] = U.getBackgroundColor(!0), p[t.text] = !0) : c[t.text] = {
+        backgroundColor: "#0F7535",
+        color: "#fff",
+        borderColor: "#0F7535"
+      }, h.value = L(), D();
+    }
+    function Z() {
+      h.value = L(), D();
+    }
+    function D() {
+      $("setNoNeedRefreshNumFilterName", w.value);
+    }
+    function ee() {
+      h.value = !0;
+      for (const t in c)
+        c[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: w.value,
+          checkedValues: Object.values(n).flat()
+        }
+      ]);
+    }
+    function oe(t) {
+      const o = r.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 ? r.value = o : (console.log(x.enumEntity), x.initFilters(x.enumEntity).then((e) => {
+        console.log(e), r.value = e.data, G.setWithExpireTime(t, r.value, 1200 * 1e3), console.log(r.value);
+      }).catch((e) => {
+        console.log(e);
+      }));
+    }
+    return re(
+      [() => C.value, () => V.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, w.value)) && (T.value = C.value, S.value = V.value, B.value = F.value);
+      }
+    ), ce(() => {
+      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,
         "popper-class": "custom-dropdown",
-        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,
+        onVisibleChange: le
+      }, {
+        dropdown: d(() => [
+          E("div", he, [
+            (a(!0), i(b, null, z(r.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 custom-dropdown-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-dropdown-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-dropdown-button el-button--small inner-el-button",
+                    style: R(c[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-dropdown-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(r.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 custom-dropdown-checkbox-group",
-                onChange: (t) => e.changeCheckbox(o)
+                onChange: Z
               }, {
-                default: a(() => [
-                  e._.isNil(o.subs) ? (l(), d(e.ElCheckbox, {
-                    key: 1,
-                    value: o.value,
-                    class: "checkbox custom-dropdown-button",
+                default: d(() => [
+                  e.isCheckbox ? (a(), g(u(j), {
+                    key: 0,
+                    class: "custom-dropdown-button",
+                    value: e.value,
                     border: ""
                   }, {
-                    default: a(() => [
-                      r(
-                        c(e.M2(o.text)),
-                        1
-                        /* TEXT */
-                      )
+                    default: d(() => [
+                      k(v(u(y)(e.text)), 1)
                     ]),
                     _: 2
-                    /* 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 */
-                  ))
+                  }, 1032, ["value"])) : N("", !0)
                 ]),
                 _: 2
-                /* 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 */
-            ))
+              }, 1032, ["modelValue", "onUpdate:modelValue"])) : (a(), g(u(P), {
+                key: e.text,
+                style: R(c[e.text]),
+                class: "custom-dropdown-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
-        /* 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"]]);
+      }, 512)
+    ]));
+  }
+});
 export {
-  F as default
+  Ae as default
 };

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

@@ -1,129 +1,4 @@
-import { defineComponent as U, ref as f, reactive as C, toRefs as Y, watch as $, onMounted as z } from "vue";
-import n from "../_virtual/lodash.js";
-import { stylesUtils as S } from "../utils/style.js";
-import { storage as L } from "../utils/storage.js";
-import { M2 as H } from "../utils/translate.js";
-import { ElDropdown as J, ElCheckboxGroup as Q, ElCheckbox as X, ElButton as Z } 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 = /* @__PURE__ */ U({
-  name: "YaheeDropDownCondition",
-  __name: "drop-down-condition",
-  props: {
-    filterList: { type: Array, required: !1 },
-    totalCount: { type: Number, required: !1 },
-    level1Count: { type: Array, required: !1 },
-    level2Count: { type: Array, required: !1 },
-    filterKey: { type: String, required: !0 },
-    enumEntity: { type: String, required: !0 },
-    noNeedRefreshNumFilterName: { type: String, required: !1 },
-    initFilters: { type: Function, required: !1 }
-  },
-  emits: ["filterChange", "setNoNeedRefreshNumFilterName"],
-  setup(B, { expose: R, emit: K }) {
-    R();
-    const M = f(), l = C({});
-    let g = C({});
-    const s = C({}), i = C({}), a = f(!0), c = B, N = K, { filterKey: p, filterList: b, totalCount: d, level1Count: m, level2Count: v, noNeedRefreshNumFilterName: x } = Y(c), _ = f(n.get(d, "value", 0)), F = f(n.get(m, "value", [])), q = f(n.get(v, "value", [])), u = f();
-    b.value && (u.value = [...b.value]);
-    function O(e) {
-      const { text: t, value: r } = e, o = l[t];
-      n.isNil(o) || n.isEmpty(o) ? l[t] = [r] : l[t] = [], i[t] = !i[t], i[t] ? (A(t), s[t] = S.getBackgroundColor(!0), a.value = !1) : (j(t), s[e.text] = {}, a.value = !0), a.value = h(), y();
-    }
-    function h() {
-      const e = u.value.filter((o) => !n.isEmpty(o.subs)).flatMap((o) => o.subs).length, t = u.value.filter((o) => n.isEmpty(o.subs)).length;
-      return Object.values(l).map((o) => o.length).reduce((o, k) => o + k, 0) === e + t || n.isEmpty(Object.values(l).flat());
-    }
-    function G(e) {
-      n.isEmpty(l[e.text]) ? (s[e.text] = {}, i[e.text] = !1) : l[e.text].length === n.get(e, "subs.length", 1) ? (s[e.text] = S.getBackgroundColor(!0), i[e.text] = !0) : s[e.text] = {
-        backgroundColor: "#0F7535",
-        color: "#fff",
-        borderColor: "#0F7535"
-      }, a.value = h(), y();
-    }
-    function I() {
-      a.value = h(), y();
-    }
-    function y() {
-      N("setNoNeedRefreshNumFilterName", p.value);
-    }
-    function P() {
-      a.value = !0;
-      for (const e in s)
-        s[e] = {};
-      for (const e in l)
-        delete l[e];
-      for (const e in i)
-        delete i[e];
-      E();
-    }
-    const T = (e) => S.getBackgroundColor(e);
-    function V(e) {
-      if (e)
-        g = n.cloneDeep(l);
-      else {
-        if (n.isEqual(g, l))
-          return;
-        E();
-      }
-    }
-    function E() {
-      N("filterChange", [
-        {
-          filterKey: p.value,
-          checkedValues: Object.values(l).flat()
-        }
-      ]);
-    }
-    function A(e) {
-      const t = u.value.find((r) => r.text === e);
-      t && t.subs && (l[e] = t.subs.map((r) => r.value));
-    }
-    function j(e) {
-      l[e] = [];
-    }
-    function w() {
-      const e = `filter-key-${c.enumEntity}`, t = L.getWithExpireTime(e);
-      t ? u.value = t : (console.log(c.enumEntity), c.initFilters(c.enumEntity).then((r) => {
-        console.log(r), u.value = r.data, L.setWithExpireTime(e, u.value, 1200 * 1e3), console.log(u.value);
-      }).catch((r) => {
-        console.log(r);
-      }));
-    }
-    $(
-      [() => d.value, () => m.value, () => v.value],
-      ([e, t, r], [o, k, W]) => {
-        console.log(e, t, r), console.log(o, k, W), (!x.value || !n.eq(x.value, p.value)) && (_.value = d.value, F.value = m.value, q.value = v.value);
-      }
-    ), z(() => {
-      w();
-    });
-    const D = { dropdown1: M, totalCheckBoxStatus: l, get judgeChange() {
-      return g;
-    }, set judgeChange(e) {
-      g = e;
-    }, selectedStyles: s, selectedAllStatus: i, isSelectedAll: a, props: c, emit: N, filterKey: p, filterList: b, totalCount: d, level1Count: m, level2Count: v, noNeedRefreshNumFilterName: x, totalNum: _, level1Num: F, level2Num: q, selectList: u, onClick: O, getIsNeedSelectAll: h, changeCheckbox: G, singleChangeCheckbox: I, setNoNeedRefreshNumFilterName: y, selectAll: P, getDefaultSelectedAllStyle: T, handleVisible: V, updateParentForm: E, selectAllCheckboxes: A, deSelectCheckboxes: j, initData: w, get _() {
-      return n;
-    }, get M2() {
-      return H;
-    }, get ElButton() {
-      return Z;
-    }, get ElCheckbox() {
-      return X;
-    }, get ElCheckboxGroup() {
-      return Q;
-    }, get ElDropdown() {
-      return J;
-    } };
-    return Object.defineProperty(D, "__isScriptSetup", { enumerable: !1, value: !0 }), D;
-  }
-});
+import f from "./drop-down-condition.vue.js";
 export {
-  de as default
+  f as default
 };