yahee-components 0.0.113 → 0.0.115

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

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

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

@@ -0,0 +1,125 @@
+import C 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 v from "../_virtual/_plugin-vue_export-helper.js";
+const y = { class: "yahee-drop-down-condition" }, m = { key: 0 }, f = { style: { display: "flex", "align-items": "center", outline: "none" } }, g = { key: 0 }, w = { style: { display: "flex", width: "auto", padding: "10px" } }, V = ["onClick"], E = { class: "scrollable-container" }, p = { key: 0 };
+function S(N, B, M, e, z, D) {
+  return l(), n("div", y, [
+    _(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),
+        e.totalCount ? (l(), n("span", m, "(" + c(e.totalNum) + ")", 1)) : i("", !0)
+      ]),
+      _: 1
+    }, 8, ["style"]),
+    _(e.ElDropdown, {
+      ref: "dropdown1",
+      "popper-class": "custom-dropdown",
+      onVisibleChange: e.handleVisible
+    }, {
+      dropdown: a(() => [
+        k("div", w, [
+          (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,
+            size: "small",
+            class: "checkbox-group inner-checkbox-group custom-dropdown-checkbox-group",
+            onChange: (t) => e.changeCheckbox(o)
+          }, {
+            default: a(() => [
+              e._.isNil(o.subs) ? (l(), d(e.ElCheckbox, {
+                key: 1,
+                value: o.value,
+                class: "checkbox custom-dropdown-button",
+                border: ""
+              }, {
+                default: a(() => [
+                  r(c(e.M2(o.text)), 1)
+                ]),
+                _: 2
+              }, 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, V),
+                k("div", E, [
+                  (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),
+                        e._.isEmpty(e.level2Num) ? i("", !0) : (l(), n("span", p, "(" + c((u = e.level2Num.filter((b) => b.value == t.value)[0]) == null ? void 0 : u.count) + ")", 1))
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["value"]))), 128))
+                ])
+              ], 64))
+            ]),
+            _: 2
+          }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))), 128))
+        ])
+      ]),
+      default: a(() => [
+        k("div", f, [
+          (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)
+                  ]),
+                  _: 2
+                }, 1032, ["value"])) : i("", !0)
+              ]),
+              _: 2
+            }, 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),
+                  e._.isEmpty(e.level1Num) ? i("", !0) : (l(), n("span", g, "(" + c((t = e.level1Num.filter((u) => u.value == o.value)[0]) == null ? void 0 : t.count) + ")", 1))
+                ];
+              }),
+              _: 2
+            }, 1032, ["style", "onClick"]))
+          ], 64))), 256))
+        ])
+      ]),
+      _: 1
+    }, 512)
+  ]);
+}
+const G = /* @__PURE__ */ v(C, [["render", S], ["__file", "E:/工作/项目代码/common_componentsweb/packages/components/src/drop-down-condition/drop-down-condition.vue"]]);
+export {
+  G as default
+};

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

@@ -0,0 +1,129 @@
+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;
+  }
+});
+export {
+  de 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,64 @@
+@charset "UTF-8";
+.yahee-drop-down-condition .checkbox {
+  margin-top: 5px;
+}
+.yahee-drop-down-condition .custom-total-button {
+  margin-right: 5px;
+  padding: 1px 4px;
+  height: 22px;
+}
+.yahee-drop-down-condition .checkbox-group {
+  display: flex;
+  flex-direction: column;
+}
+.yahee-drop-down-condition .custom-dropdown-button {
+  min-height: 22px;
+  height: 22px;
+  position: relative;
+  top: 2px;
+}
+
+.scrollable-container {
+  max-height: 700px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.scrollable-container::-webkit-scrollbar {
+  width: 5px;
+}
+
+/* 滚动槽 */
+.scrollable-container::-webkit-scrollbar-track {
+  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  border-radius: 10px;
+}
+
+/* 滚动条滑块 */
+.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);
+}
+
+.el-button + .el-button.custom-dropdown-button {
+  margin-left: 5px;
+}
+
+.custom-dropdown .checkbox {
+  margin-top: 5px;
+}
+.custom-dropdown .custom-dropdown-button {
+  margin-right: 0;
+  padding: 1px 4px;
+  min-height: 22px;
+  height: 22px;
+}
+.custom-dropdown .custom-dropdown-button.inner-el-button {
+  margin-top: 5px;
+}
+
+.custom-dropdown-checkbox-group {
+  margin-right: 10px;
+}

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

@@ -0,0 +1,14 @@
+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 {
+  h as default
+};

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

@@ -0,0 +1,149 @@
+import { defineComponent as c, ref as m, watch 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__ */ c({
+  __name: "echart-gauge",
+  props: {
+    data: {
+      type: Number,
+      default: 0
+    },
+    rangeValue: {
+      type: Object,
+      default: () => ({ low: 0, high: 0, reverse: !1 })
+    }
+  },
+  setup(f, { expose: V }) {
+    V();
+    const u = m(null), i = b(u), e = f;
+    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]]
+    ], g = () => {
+      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>`, d = () => {
+      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: g()
+              }
+            ]
+          }
+        ]
+      };
+      i.setOption(a);
+    }, h = () => {
+      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
+      ));
+    };
+    w(
+      () => e.data,
+      (a) => {
+        h(), d();
+      },
+      { immediate: !0 }
+    );
+    const p = { gaugeChart: u, myChart: i, props: e, get color() {
+      return t;
+    }, set color(a) {
+      t = a;
+    }, get mappedValue() {
+      return r;
+    }, set mappedValue(a) {
+      r = a;
+    }, getColorRange: s, getMappedValue: g, getMarker: o, drawChart: d, getRangeData: h };
+    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
+  }
+});
+export {
+  $ as default
+};

package/es/echart-gauge/index.js

@@ -0,0 +1,7 @@
+import { withInstall as t } from "../utils/install.js";
+import a from "./echart-gauge.vue.js";
+const o = t(a);
+export {
+  o as YaheeEchartGauge,
+  o as default
+};

package/es/echart-gauge/props.js

@@ -0,0 +1,9 @@
+function e() {
+  return {
+    data: 0,
+    rangeValue: () => ({ low: 0, high: 0, reverse: !1 })
+  };
+}
+export {
+  e as defaultEchartGaugeProps
+};

package/es/echart-gauge/style/index.css

@@ -0,0 +1,4 @@
+.yahee-echart-gauge {
+  width: 100%;
+  height: 100%;
+}