yahee-components 0.0.107 → 0.0.109

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

@@ -1,285 +1,129 @@
-import { defineComponent as he, ref as k, reactive as j, toRefs as ee, watch as I, onMounted as pe, resolveComponent as F, createElementBlock as p, openBlock as i, createVNode as K, normalizeStyle as M, withCtx as b, createTextVNode as N, createCommentVNode as T, toDisplayString as g, unref as h, createElementVNode as B, Fragment as E, renderList as q, createBlock as V } from "vue";
-import r from "../_virtual/lodash.js";
-import { stylesUtils as w } from "../utils/style.js";
-import { storage as te } from "../utils/storage.js";
-import { M2 as m } from "../utils/translate.js";
-const be = { class: "yahee-drop-down-condition" }, ge = { key: 0 }, xe = { style: { display: "flex", "align-items": "center", outline: "none" } }, ke = { key: 0 }, me = { style: { display: "flex", width: "auto", padding: "10px" } }, ye = ["onClick", "disabled"], _e = { class: "scrollable-container" }, Ce = { key: 0 }, Se = /* @__PURE__ */ he({
+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: {
-    max: {},
-    filterList: {},
-    totalCount: {},
-    level1Count: {},
-    level2Count: {},
-    filterKey: {},
-    enumEntity: {},
-    noNeedRefreshNumFilterName: {},
-    initFilters: { type: Function }
+    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(le, { emit: oe }) {
-    const ne = k(), t = j({}), W = j({}), u = j({}), d = j({}), y = k(!0), f = k([]), x = le, { max: v = 1 / 0 } = ee(x), P = oe, { filterKey: D, filterList: O, totalCount: A, level1Count: Y, level2Count: G, noNeedRefreshNumFilterName: H } = ee(x), J = k(r.get(A, "value", 0)), R = k(r.get(Y, "value", [])), z = k(r.get(G, "value", []));
-    function ae() {
-      return Object.values(t).flat().length;
+  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 _(e) {
-      return v.value === 1 / 0 || ae() < v.value ? !1 : !Object.values(t).flat().includes(e);
+    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 Q() {
-      if (v.value === 1 / 0) return;
-      const e = Object.values(t).flat();
-      if (e.length > v.value) {
-        const l = e.slice(0, v.value);
-        Object.keys(t).forEach((o) => {
-          t[o] = [], u[o] = {}, d[o] = !1;
-        }), l.forEach((o) => {
-          var s;
-          for (const a of f.value)
-            if (a.value === o) {
-              t[a.text] = [o], u[a.text] = w.getBackgroundColor(!0), d[a.text] = !0;
-              break;
-            } else if ((s = a.subs) != null && s.some((C) => C.value === o)) {
-              t[a.text] || (t[a.text] = []), t[a.text].push(o);
-              const C = t[a.text].length, n = a.subs.length;
-              C === n ? (u[a.text] = w.getBackgroundColor(!0), d[a.text] = !0) : u[a.text] = {
-                backgroundColor: "#0F7535",
-                color: "#fff",
-                borderColor: "#0F7535"
-              };
-              break;
-            }
-        });
-      }
-    }
-    function se() {
-      if (O.value && O.value.length > 0) {
-        f.value = [...O.value];
-        return;
-      }
-      const e = `filter-key-${x.enumEntity}`, l = te.getWithExpireTime(e);
-      l ? f.value = l : x.initFilters && x.initFilters(x.enumEntity).then((o) => {
-        f.value = o.data, te.setWithExpireTime(e, f.value, 1200 * 1e3);
-      }).catch((o) => {
-        console.error(`获取${x.enumEntity}筛选列表失败:`, o);
-      });
-    }
-    function X(e) {
-      const { text: l, value: o } = e, s = t[l];
-      v.value === 1 && Object.keys(t).forEach((a) => {
-        t[a] = [], u[a] = {}, d[a] = !1;
-      }), r.isNil(s) || r.isEmpty(s) ? t[l] = [o] : t[l] = [], d[l] = !d[l], d[l] ? (de(l), u[l] = w.getBackgroundColor(!0)) : (fe(l), u[e.text] = {}), y.value = L(), U();
-    }
-    function L() {
-      if (!f.value.length) return !0;
-      const e = f.value.filter((s) => !r.isEmpty(s.subs)).flatMap((s) => s.subs).length, l = f.value.filter((s) => r.isEmpty(s.subs)).length, o = Object.values(t).flat().length;
-      return o === e + l || o === 0;
-    }
-    function ue(e) {
-      if (v.value === 1) {
-        const s = t[e.text].slice(-1)[0];
-        Object.keys(t).forEach((a) => {
-          t[a] = [], u[a] = {}, d[a] = !1;
-        }), s && (t[e.text] = [s]);
-      }
-      Q();
-      const l = t[e.text] || [], o = r.get(e, "subs.length", 1);
-      r.isEmpty(l) ? (u[e.text] = {}, d[e.text] = !1) : l.length === o ? (u[e.text] = w.getBackgroundColor(!0), d[e.text] = !0) : u[e.text] = {
+    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"
-      }, y.value = L(), U();
+      }, a.value = h(), y();
     }
-    function ce() {
-      if (v.value === 1) {
-        let e;
-        for (const l in t)
-          if (t[l].length > 0) {
-            e = t[l][0];
-            break;
-          }
-        e && Object.keys(t).forEach((l) => {
-          t[l] = t[l].filter((o) => o === e);
-        });
-      }
-      Q(), y.value = L(), U();
+    function I() {
+      a.value = h(), y();
     }
-    function U() {
-      P("setNoNeedRefreshNumFilterName", D.value);
+    function y() {
+      N("setNoNeedRefreshNumFilterName", p.value);
     }
-    function $() {
-      y.value = !0, Object.keys(u).forEach((e) => {
-        u[e] = {};
-      }), Object.keys(t).forEach((e) => {
-        delete t[e];
-      }), Object.keys(d).forEach((e) => {
-        delete d[e];
-      }), Z();
+    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 re = (e) => w.getBackgroundColor(e);
-    function ie(e) {
-      e ? Object.assign(W, r.cloneDeep(t)) : r.isEqual(W, t) || Z();
+    const T = (e) => S.getBackgroundColor(e);
+    function V(e) {
+      if (e)
+        g = n.cloneDeep(l);
+      else {
+        if (n.isEqual(g, l))
+          return;
+        E();
+      }
     }
-    function Z() {
-      P("filterChange", [
+    function E() {
+      N("filterChange", [
         {
-          filterKey: D.value,
-          checkedValues: Object.values(t).flat()
+          filterKey: p.value,
+          checkedValues: Object.values(l).flat()
         }
       ]);
     }
-    function de(e) {
-      const l = f.value.find((o) => o.text === e);
-      l != null && l.subs && (v.value === 1 ? t[e] = [l.subs[0].value] : t[e] = l.subs.map((o) => o.value));
+    function A(e) {
+      const t = u.value.find((r) => r.text === e);
+      t && t.subs && (l[e] = t.subs.map((r) => r.value));
     }
-    function fe(e) {
-      t[e] = [];
+    function j(e) {
+      l[e] = [];
     }
-    return I(
-      () => O.value,
-      (e) => {
-        e && e.length > 0 && (f.value = [...e], $());
-      },
-      { deep: !0 }
-    ), I(
-      () => v.value,
-      () => {
-        $();
-      }
-    ), I(
-      [() => A.value, () => Y.value, () => G.value],
-      ([e, l, o]) => {
-        (!H.value || !r.eq(H.value, D.value)) && (J.value = e, R.value = l, z.value = o);
+    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);
       }
-    ), pe(() => {
-      se();
-    }), (e, l) => {
-      const o = F("el-button"), s = F("el-checkbox"), a = F("el-checkbox-group"), C = F("el-dropdown");
-      return i(), p("div", be, [
-        K(o, {
-          size: "small",
-          class: "el-button el-button--small custom-total-button",
-          style: M(re(y.value)),
-          onClick: $
-        }, {
-          default: b(() => [
-            N(g(h(m)("全部")) + " ", 1),
-            h(A) ? (i(), p("span", ge, "(" + g(J.value) + ")", 1)) : T("", !0)
-          ]),
-          _: 1
-        }, 8, ["style"]),
-        K(C, {
-          ref_key: "dropdown1",
-          ref: ne,
-          "popper-class": "custom-dropdown",
-          onVisibleChange: ie
-        }, {
-          dropdown: b(() => [
-            B("div", me, [
-              (i(!0), p(E, null, q(f.value, (n) => (i(), V(a, {
-                key: n.value,
-                modelValue: t[n.text],
-                "onUpdate:modelValue": (c) => t[n.text] = c,
-                size: "small",
-                class: "checkbox-group inner-checkbox-group custom-dropdown-checkbox-group",
-                onChange: (c) => ue(n)
-              }, {
-                default: b(() => [
-                  h(r).isNil(n.subs) ? (i(), V(s, {
-                    key: 1,
-                    value: n.value,
-                    class: "checkbox custom-dropdown-button",
-                    border: "",
-                    disabled: _(n.value)
-                  }, {
-                    default: b(() => [
-                      N(g(h(m)(n.text)), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["value", "disabled"])) : (i(), p(E, { key: 0 }, [
-                    B("span", {
-                      class: "el-button custom-dropdown-button el-button--small inner-el-button",
-                      style: M(u[n.text]),
-                      onClick: (c) => X(n),
-                      disabled: _(n.value)
-                    }, g(h(m)(n.text)), 13, ye),
-                    B("div", _e, [
-                      (i(!0), p(E, null, q(n.subs, (c) => (i(), V(s, {
-                        key: c.value,
-                        class: "checkbox custom-dropdown-button",
-                        value: c.value,
-                        border: "",
-                        disabled: _(c.value)
-                      }, {
-                        default: b(() => {
-                          var S;
-                          return [
-                            N(g(h(m)(c.text)), 1),
-                            h(r).isEmpty(z.value) ? T("", !0) : (i(), p("span", Ce, "(" + g((S = z.value.filter((ve) => ve.value == c.value)[0]) == null ? void 0 : S.count) + ")", 1))
-                          ];
-                        }),
-                        _: 2
-                      }, 1032, ["value", "disabled"]))), 128))
-                    ])
-                  ], 64))
-                ]),
-                _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))), 128))
-            ])
-          ]),
-          default: b(() => [
-            B("div", xe, [
-              (i(!0), p(E, null, q(f.value, (n) => (i(), p(E, {
-                key: n.value
-              }, [
-                n.isCheckbox ? (i(), V(a, {
-                  key: 0,
-                  modelValue: t[n.text],
-                  "onUpdate:modelValue": (c) => t[n.text] = c,
-                  class: "checkbox-group",
-                  size: "small",
-                  onChange: ce
-                }, {
-                  default: b(() => [
-                    K(s, {
-                      class: "custom-dropdown-button",
-                      value: n.value,
-                      border: "",
-                      disabled: _(n.value)
-                    }, {
-                      default: b(() => [
-                        N(g(h(m)(n.text)), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["value", "disabled"])
-                  ]),
-                  _: 2
-                }, 1032, ["modelValue", "onUpdate:modelValue"])) : (i(), V(o, {
-                  key: 1,
-                  style: M(u[n.text]),
-                  class: "custom-dropdown-button",
-                  size: "small",
-                  onClick: (c) => X(n),
-                  disabled: _(n.value)
-                }, {
-                  default: b(() => {
-                    var c;
-                    return [
-                      N(g(h(m)(n.text)) + " ", 1),
-                      h(r).isEmpty(R.value) ? T("", !0) : (i(), p("span", ke, "(" + g((c = R.value.filter((S) => S.value == n.value)[0]) == null ? void 0 : c.count) + ")", 1))
-                    ];
-                  }),
-                  _: 2
-                }, 1032, ["style", "onClick", "disabled"]))
-              ], 64))), 128))
-            ])
-          ]),
-          _: 1
-        }, 512)
-      ]);
-    };
+    ), 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;
   }
 });
 export {
-  Se as default
+  de as default
 };

package/es/echart-gauge/echart-gauge.vue.js

@@ -1,142 +1,14 @@
-import { defineComponent as f, ref as p, watch as V, createElementBlock as m, openBlock as w } from "vue";
-import { useEcharts as b } from "../packages/components/hooks/useEcharts.js";
-import { mapValue as l, numberToFixed as y } from "../utils/charts.js";
-const $ = /* @__PURE__ */ f({
-  __name: "echart-gauge",
-  props: {
-    data: {
-      type: Number,
-      default: 0
-    },
-    rangeValue: {
-      type: Object,
-      default: () => ({ low: 0, high: 0, reverse: !1 })
-    }
-  },
-  setup(u) {
-    const i = p(null), g = b(i), e = u;
-    let t = [], r = 0;
-    const s = () => e.rangeValue.reverse ? [
-      [r / 100, t[0]],
-      [0.5, t[1]],
-      [1, t[2]]
-    ] : [
-      [0.5, t[0]],
-      [r / 100, t[1]],
-      [1, t[2]]
-    ], d = () => {
-      let a = 0;
-      if (e.rangeValue.reverse)
-        if (e.data >= 0 && e.data < e.rangeValue.low)
-          a = l(e.data, 0, e.rangeValue.low, 0, r);
-        else if (e.data >= e.rangeValue.low && e.data < e.rangeValue.high)
-          a = l(e.data, e.rangeValue.low, e.rangeValue.high, r, 50);
-        else if (e.data >= e.rangeValue.high && e.data <= 100)
-          a = l(e.data, e.rangeValue.high, 100, 50, 100);
-        else
-          throw new Error("Input value must be between 0 and 100");
-      else if (e.data >= 0 && e.data < e.rangeValue.low)
-        a = l(e.data, 0, e.rangeValue.low, 0, 50);
-      else if (e.data >= e.rangeValue.low && e.data < e.rangeValue.high)
-        a = l(
-          e.data,
-          e.rangeValue.low,
-          e.rangeValue.high,
-          50,
-          r
-        );
-      else if (e.data >= e.rangeValue.high && e.data <= 100)
-        a = l(e.data, e.rangeValue.high, 100, r, 100);
-      else
-        throw new Error("Input value must be between 0 and 100");
-      return y(a);
-    }, o = (a) => `<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:${a};"></span>`, h = () => {
-      const a = {
-        tooltip: {
-          trigger: "item",
-          formatter: () => {
-            let n = "";
-            return n += `${o(t[0])} 0~${e.rangeValue.low}%<br>`, n += `${o(t[1])} ${e.rangeValue.low}%~${e.rangeValue.high}%<br>`, n += `${o(t[2])} ${e.rangeValue.high}%~100%`, n;
-          }
-        },
-        series: [
-          {
-            type: "gauge",
-            radius: "100%",
-            axisLine: {
-              lineStyle: {
-                width: 8,
-                color: s()
-              }
-            },
-            pointer: {
-              width: 3,
-              itemStyle: {
-                color: "auto"
-              }
-            },
-            axisTick: {
-              show: !0,
-              splitNumber: 2,
-              distance: 3,
-              lineStyle: {
-                opacity: 0.4
-              }
-            },
-            splitLine: {
-              show: !1
-            },
-            axisLabel: {
-              show: !1,
-              color: "#666",
-              distance: 0,
-              fontSize: 10
-            },
-            // "{value}%"
-            detail: {
-              fontSize: 16,
-              valueAnimation: !0,
-              formatter: () => `${e.data}%`,
-              color: "inherit",
-              offsetCenter: [0, 44]
-            },
-            data: [
-              {
-                value: d()
-              }
-            ]
-          }
-        ]
-      };
-      g.setOption(a);
-    }, c = () => {
-      e.rangeValue.reverse ? (t = ["#008b48", "#fadd1d", "#ffaa01"], r = l(
-        e.rangeValue.low,
-        0,
-        e.rangeValue.high,
-        0,
-        50
-      )) : (t = ["#ffaa01", "#fadd1d", "#008b48"], r = l(
-        e.rangeValue.high,
-        e.rangeValue.low,
-        100,
-        50,
-        100
-      ));
-    };
-    return V(
-      () => e.data,
-      (a) => {
-        c(), h();
-      },
-      { immediate: !0 }
-    ), (a, n) => (w(), m("div", {
-      ref_key: "gaugeChart",
-      ref: i,
-      class: "yahee-echart-gauge"
-    }, null, 512));
-  }
-});
+import e from "./echart-gauge.vue2.js";
+import { createElementBlock as o, openBlock as t } from "vue";
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const c = {
+  ref: "gaugeChart",
+  class: "yahee-echart-gauge"
+};
+function a(n, s, p, _, m, u) {
+  return t(), o("div", c, null, 512);
+}
+const h = /* @__PURE__ */ r(e, [["render", a], ["__file", "E:/工作/项目代码/common_componentsweb/packages/components/src/echart-gauge/echart-gauge.vue"]]);
 export {
-  $ as default
+  h as default
 };