yahee-components 0.0.81 → 0.0.84

package/es/left-condition/left-condition-sub.vue.js

@@ -1,36 +1,95 @@
-import s from "./left-condition-sub.vue2.js";
-import { createElementBlock as n, openBlock as l, Fragment as d, createElementVNode as a, createCommentVNode as c, normalizeStyle as k, createTextVNode as u, withModifiers as _, toDisplayString as m } from "vue";
-import f from "../_virtual/_plugin-vue_export-helper.js";
-const b = ["checked"], h = { key: 1 }, y = {
+import { defineComponent as A, toRefs as E, ref as p, watch as F, createElementBlock as s, openBlock as u, Fragment as w, createElementVNode as h, createCommentVNode as r, normalizeStyle as P, unref as t, createTextVNode as U, withModifiers as T, toDisplayString as k, nextTick as v } from "vue";
+import N from "../_virtual/lodash.js";
+import { stylesUtils as z } from "../utils/style.js";
+import { translateEmployeeName as D, M2 as j } from "../utils/translate.js";
+const q = ["checked"], G = { key: 1 }, H = {
   key: 0,
   class: "num"
-};
-function x(C, t, o, e, g, v) {
-  var i;
-  return l(), n(d, null, [
-    a("span", {
-      class: "el-button custom-button el-button--small",
-      style: k(e.stylesUtils.getBackgroundColor(e.value)),
-      onClick: e.onClick
-    }, [
-      o.allIsCheckbox || e.isMultiSelect(e.item) ? (l(), n("input", {
-        key: 0,
-        checked: e.checkboxValue,
-        class: "el-checkbox__input",
-        type: "checkbox",
-        onChange: e.checkboxChange,
-        onClick: t[0] || (t[0] = _(() => {
-        }, ["stop"]))
-      }, null, 40, b)) : c("", !0),
-      u(" " + m(o.translateUserId ? e.translateEmployeeName(e.item.value, e.item.label) : e.M2(e.item.label)) + " ", 1),
-      e._.isEmpty(o.countList) ? c("", !0) : (l(), n("span", h, " (" + m((i = o.countList.filter((r) => r.value == e.item.value)[0]) == null ? void 0 : i.count) + ") ", 1))
-    ], 4),
-    e.hasNum ? (l(), n("span", y, t[1] || (t[1] = [
-      a("em", null, null, -1)
-    ]))) : c("", !0)
-  ], 64);
-}
-const V = /* @__PURE__ */ f(s, [["render", x], ["__file", "D:/projects/frontend/common/common_componentsweb/packages/components/src/left-condition/left-condition-sub.vue"]]);
+}, W = /* @__PURE__ */ A({
+  __name: "left-condition-sub",
+  props: {
+    multiSelectList: { default: () => [] },
+    countList: {},
+    item: { default: () => ({ label: "", value: "" }) },
+    hasNum: { type: Boolean, default: !1 },
+    allIsCheckbox: { type: Boolean, default: !1 },
+    translateUserId: { type: Boolean, default: !1 }
+  },
+  emits: [
+    "resetAllCheckedValue",
+    "setSelectedStatusMap",
+    "resetRange",
+    "resetIsSelectAll",
+    "notifyParent",
+    "setNoNeedRefreshNumFilterName"
+  ],
+  setup(y, { expose: b, emit: C }) {
+    const g = y, { item: l, hasNum: S, multiSelectList: V } = E(g), n = C, a = p(!1), c = p(!1);
+    function x(e) {
+      n("setNoNeedRefreshNumFilterName"), n("resetRange"), a.value = e.target.checked, f(a.value), i();
+    }
+    function i() {
+      v(() => {
+        n("notifyParent");
+      });
+    }
+    function f(e) {
+      c.value = e;
+    }
+    function m(e) {
+      a.value = e;
+    }
+    function R() {
+      a.value = !1, c.value = !1;
+    }
+    function _() {
+      return l.value;
+    }
+    function B() {
+      n("resetAllCheckedValue");
+    }
+    function I() {
+      n("setNoNeedRefreshNumFilterName"), n("resetRange"), B(), v(() => {
+        m(!0);
+      }), i();
+    }
+    function L(e) {
+      return N.includes(V.value, e.value);
+    }
+    return F(a, (e) => {
+      console.log("left condition subview watch value", e), n("setSelectedStatusMap", { ...l.value, selected: e });
+    }), b({
+      resetValue: R,
+      getValue: _,
+      setCurrentValue: m,
+      setCheckboxValue: f
+    }), (e, o) => {
+      var d;
+      return u(), s(w, null, [
+        h("span", {
+          class: "el-button custom-button el-button--small",
+          style: P(t(z).getBackgroundColor(a.value)),
+          onClick: I
+        }, [
+          e.allIsCheckbox || L(t(l)) ? (u(), s("input", {
+            key: 0,
+            checked: c.value,
+            class: "el-checkbox__input",
+            type: "checkbox",
+            onChange: x,
+            onClick: o[0] || (o[0] = T(() => {
+            }, ["stop"]))
+          }, null, 40, q)) : r("", !0),
+          U(" " + k(e.translateUserId ? t(D)(t(l).value, t(l).label) : t(j)(t(l).label)) + " ", 1),
+          t(N).isEmpty(e.countList) ? r("", !0) : (u(), s("span", G, " (" + k((d = e.countList.filter((M) => M.value == t(l).value)[0]) == null ? void 0 : d.count) + ") ", 1))
+        ], 4),
+        t(S) ? (u(), s("span", H, o[1] || (o[1] = [
+          h("em", null, null, -1)
+        ]))) : r("", !0)
+      ], 64);
+    };
+  }
+});
 export {
-  V as default
+  W as default
 };

package/es/left-condition/left-condition-sub.vue2.js

@@ -1,78 +1,4 @@
-import { defineComponent as C, toRefs as x, ref as p, watch as R, nextTick as h } from "vue";
-import y from "../_virtual/lodash.js";
-import { stylesUtils as V } from "../utils/style.js";
-import { translateEmployeeName as q, M2 as A } from "../utils/translate.js";
-const I = /* @__PURE__ */ C({
-  __name: "left-condition-sub",
-  props: {
-    multiSelectList: { type: Array, required: !0, default: () => [] },
-    countList: { type: Array, required: !1 },
-    item: { type: Object, required: !0, default: () => ({ label: "", value: "" }) },
-    hasNum: { type: Boolean, required: !0, default: !1 },
-    allIsCheckbox: { type: Boolean, required: !1, default: !1 },
-    translateUserId: { type: Boolean, required: !0, default: !1 }
-  },
-  emits: [
-    "resetAllCheckedValue",
-    "setSelectedStatusMap",
-    "resetRange",
-    "resetIsSelectAll",
-    "notifyParent",
-    "setNoNeedRefreshNumFilterName"
-  ],
-  setup(N, { expose: v, emit: _ }) {
-    const o = N, { item: r, hasNum: g, multiSelectList: i } = x(o), t = _, l = p(!1), a = p(!1);
-    function b(e) {
-      t("setNoNeedRefreshNumFilterName"), t("resetRange"), l.value = e.target.checked, s(l.value), u();
-    }
-    function u() {
-      h(() => {
-        t("notifyParent");
-      });
-    }
-    function s(e) {
-      a.value = e;
-    }
-    function n(e) {
-      l.value = e;
-    }
-    function c() {
-      l.value = !1, a.value = !1;
-    }
-    function f() {
-      return r.value;
-    }
-    function m() {
-      t("resetAllCheckedValue");
-    }
-    function k() {
-      t("setNoNeedRefreshNumFilterName"), t("resetRange"), m(), h(() => {
-        n(!0);
-      }), u();
-    }
-    function S(e) {
-      return y.includes(i.value, e.value);
-    }
-    R(l, (e) => {
-      console.log("left condition subview watch value", e), t("setSelectedStatusMap", { ...r.value, selected: e });
-    }), v({
-      resetValue: c,
-      getValue: f,
-      setCurrentValue: n,
-      setCheckboxValue: s
-    });
-    const d = { props: o, item: r, hasNum: g, multiSelectList: i, emit: t, value: l, checkboxValue: a, checkboxChange: b, notifyParent: u, setCheckboxValue: s, setCurrentValue: n, resetValue: c, getValue: f, resetAllCheckedValue: m, onClick: k, isMultiSelect: S, get _() {
-      return y;
-    }, get stylesUtils() {
-      return V;
-    }, get M2() {
-      return A;
-    }, get translateEmployeeName() {
-      return q;
-    } };
-    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
-  }
-});
+import f from "./left-condition-sub.vue.js";
 export {
-  I as default
+  f as default
 };

package/es/left-condition/left-condition.vue.js

@@ -1,77 +1,225 @@
-import h from "./left-condition.vue2.js";
-import { resolveComponent as i, createElementBlock as o, openBlock as n, createVNode as a, withCtx as d, createCommentVNode as f, normalizeStyle as S, toDisplayString as m, Fragment as b, renderList as x, createBlock as k, createTextVNode as s } from "vue";
-import y from "../_virtual/_plugin-vue_export-helper.js";
-const N = { class: "yahee-left-condition" }, C = {
+import { defineComponent as re, toRefs as ie, ref as v, computed as ce, watch as fe, onMounted as de, nextTick as L, resolveComponent as K, createElementBlock as b, openBlock as p, createVNode as C, withCtx as q, unref as s, createCommentVNode as z, normalizeStyle as ve, toDisplayString as F, Fragment as me, renderList as pe, createBlock as ge, createTextVNode as M } from "vue";
+import l from "../_virtual/lodash.js";
+import ye from "./left-condition-sub.vue.js";
+import { stylesUtils as he } from "../utils/style.js";
+import { M2 as J } from "../utils/translate.js";
+const ke = { class: "yahee-left-condition" }, Ne = {
   key: 1,
   class: "el-button custom-button el-button--small",
   style: { "margin-left": "5px", display: "inline-flex" }
-};
-function V(R, t, r, e, B, L) {
-  const c = i("el-input-number"), u = i("el-form-item"), _ = i("el-form");
-  return n(), o("div", N, [
-    a(_, null, {
-      default: d(() => [
-        a(u, { label: e.label }, {
-          default: d(() => [
-            e.showTotal ? (n(), o("span", {
-              key: 0,
-              class: "el-button custom-button el-button--small",
-              style: S(e.stylesUtils.getBackgroundColor(e.isSelectAll)),
-              onClick: e.clickAllSelected
-            }, m(e.totalNum ? `${e.M2("全部")}(${e.totalNum})` : e.M2("全部")), 5)) : f("", !0),
-            (n(!0), o(b, null, x(e.getSortedSelectedList, (l, g) => (n(), k(e.LeftConditionSub, {
-              key: g,
-              ref_for: !0,
-              ref: "itemRefs",
-              "all-is-checkbox": r.allIsCheckbox,
-              "multi-select-list": e.multiSelectList,
-              "translate-user-id": e.translateUserId,
-              "count-list": e.numList,
-              item: l,
-              "has-num": e.hasNum,
-              onResetAllCheckedValue: e.resetAllCheckedValue,
-              onSetSelectedStatusMap: e.setSelectedStatusMap,
-              onResetRange: e.resetRange,
-              onSetNoNeedRefreshNumFilterName: e.setNoNeedRefreshNumFilterName,
-              onNotifyParent: e.notifyParent,
-              onResetIsSelectAll: e.resetIsSelectAll
-            }, null, 8, ["all-is-checkbox", "multi-select-list", "translate-user-id", "count-list", "item", "has-num"]))), 128)),
-            e.displayRangeInput ? (n(), o("div", C, [
-              s(m(r.rangeLabel) + "  ", 1),
-              a(c, {
-                modelValue: e.rangeStart,
-                "onUpdate:modelValue": t[0] || (t[0] = (l) => e.rangeStart = l),
-                style: { "margin-left": "2px", width: "60px", height: "22px" },
-                precision: 2,
-                step: 0.01,
-                min: 1,
-                max: 100,
-                controls: !1,
-                onBlur: e.handleStartBlur
-              }, null, 8, ["modelValue"]),
-              s("   %   " + m(r.rangeDelimiter) + "   ", 1),
-              a(c, {
-                modelValue: e.rangeEnd,
-                "onUpdate:modelValue": t[1] || (t[1] = (l) => e.rangeEnd = l),
-                style: { width: "60px", height: "22px" },
-                precision: 2,
-                step: 0.01,
-                size: "small",
-                max: 100,
-                controls: !1,
-                onChange: e.handleEndBlur
-              }, null, 8, ["modelValue"]),
-              t[2] || (t[2] = s(" %   "))
-            ])) : f("", !0)
+}, _e = /* @__PURE__ */ re({
+  name: "YaheeLeftCondition",
+  __name: "left-condition",
+  props: {
+    multiSelectList: { default: () => [] },
+    selectList: { default: () => [] },
+    countList: { default: () => [] },
+    totalCount: { default: 0 },
+    hasNum: { type: Boolean, default: !1 },
+    displayRangeInput: { type: Boolean, default: !1 },
+    rangeLabel: { default: "区间" },
+    rangeStartKey: { default: "rangeStart" },
+    rangeEndKey: { default: "rangeEnd" },
+    rangeDelimiter: { default: "——" },
+    allIsCheckbox: { type: Boolean },
+    allIsEmpty: { type: Boolean, default: !1 },
+    translateUserId: { type: Boolean },
+    staticSearch: { type: Boolean, default: !1 },
+    label: { default: "" },
+    noNeedRefreshNumFilterName: { default: "" },
+    filterKey: { default: "" },
+    defaultValues: { default: () => [] },
+    showTotal: { type: Boolean, default: !0 }
+  },
+  emits: ["filterChange", "setNoNeedRefreshNumFilterName"],
+  setup(O, { expose: Y, emit: j }) {
+    const G = O, {
+      multiSelectList: w,
+      displayRangeInput: R,
+      selectList: g,
+      hasNum: H,
+      allIsEmpty: Q,
+      translateUserId: W,
+      label: X,
+      filterKey: y,
+      rangeStartKey: r,
+      rangeEndKey: i,
+      noNeedRefreshNumFilterName: $,
+      defaultValues: h,
+      totalCount: _,
+      countList: x,
+      showTotal: Z
+    } = ie(G), E = j, A = v(_.value), f = v(), d = v(), T = v(x.value), u = /* @__PURE__ */ new Map(), c = v(!0), m = v([]), k = () => {
+      console.log("left condition notifyParent start"), L(() => {
+        var o, V;
+        const e = N(), t = ue();
+        if (l.isEmpty(e) && l.isEmpty(t)) {
+          S();
+          return;
+        }
+        const a = [
+          {
+            filterKey: y.value,
+            checkedValues: l.map(e, (n) => n.value)
+          }
+        ];
+        R.value && (a.push({
+          filterKey: r.value,
+          checkedValues: [(o = u.get(r.value)) == null ? void 0 : o.value]
+        }), a.push({
+          filterKey: i.value,
+          checkedValues: [(V = u.get(i.value)) == null ? void 0 : V.value]
+        })), E("filterChange", a), console.log(
+          `left condition notifyParent nextTick after emit, filterKey: ${y.value}, checkedValues: ${JSON.stringify(l.map(e, (n) => n.value))}`
+        );
+      });
+    }, ee = () => {
+      E("setNoNeedRefreshNumFilterName");
+    }, U = () => {
+      I(), B({ label: r.value, selected: !0, value: f.value }), B({ label: i.value, selected: !0, value: d.value });
+    }, te = () => {
+      const e = u.get(r.value);
+      l.isEmpty(e) && !f.value || l.get(e, "value") === f.value || (U(), k());
+    }, le = () => {
+      const e = u.get(i.value);
+      l.isEmpty(e) && !d.value || l.get(e, "value") === d.value || (U(), k());
+    };
+    function B(e) {
+      console.log(`left condition setSelectedStatusMap start, item: ${JSON.stringify(e)}`), u.set(e.label, {
+        selected: e.selected,
+        value: e.value
+      }), c.value = l.eq(N().length, g.value.length);
+    }
+    function P(e) {
+      return l.includes(w.value, e.value);
+    }
+    function I() {
+      const e = l.map(N(), (t) => t.value);
+      u.clear(), l.forEach(m.value, (t) => {
+        l.includes(e, t.getValue().value) && t.resetValue();
+      }), c.value = !1;
+    }
+    function ae() {
+      const e = l.map(N(), (t) => t.value);
+      u.clear(), l.forEach(m.value, (t) => {
+        l.includes(e, t.getValue().value) && t.resetValue();
+      }), c.value = !0, S();
+    }
+    const N = () => {
+      const e = l.filter(
+        Array.from(u.values()),
+        (t) => t.selected
+      );
+      return l.filter(e, (t) => {
+        const a = Array.from(u.keys()).find((o) => u.get(o) === t);
+        return ![r.value, i.value].includes(a);
+      });
+    }, ue = () => l.filter(Array.from(u.values()), (e) => {
+      const t = Array.from(u.keys()).find((a) => u.get(a) === e);
+      return [r.value, i.value].includes(t);
+    }), ne = () => {
+      c.value = !1;
+    }, se = ce(() => l.sortBy(g.value, (e) => P(e))), D = () => {
+      f.value = void 0, d.value = void 0, u.delete(r.value), u.delete(i.value);
+    };
+    function S() {
+      I(), L(() => {
+        console.log("selectList.value:", g.value), c.value = !0;
+        const e = g.value.filter((a) => !P(a)), t = l.map(e, (a) => a.value);
+        E("filterChange", [
+          {
+            filterKey: y.value,
+            checkedValues: Q.value ? [] : t
+          }
+        ]);
+      }), R.value && D();
+    }
+    return fe(
+      [() => _.value, () => x.value],
+      ([e, t], [a, o]) => {
+        console.log(e, t), console.log(a, o), (!$.value || !l.eq($.value, y.value)) && (A.value = _.value, T.value = x.value);
+      }
+    ), Y({
+      clickAllSelected: S,
+      resetAllCheckedValueAndSelectAll: ae
+    }), de(() => {
+      if (!Array.isArray(h.value) || l.isEmpty(h.value)) {
+        c.value = !0;
+        return;
+      }
+      console.log("defaultValues.value", h.value), console.log("itemRefs:", m.value), L(() => {
+        l.filter(m.value, (e) => e != null && e.getValue ? l.includes(h.value, e.getValue().value) : !1).forEach((e) => {
+          e.setCurrentValue(!0), e.setCheckboxValue(!0);
+        }), k();
+      });
+    }), (e, t) => {
+      const a = K("el-input-number"), o = K("el-form-item"), V = K("el-form");
+      return p(), b("div", ke, [
+        C(V, null, {
+          default: q(() => [
+            C(o, { label: s(X) }, {
+              default: q(() => [
+                s(Z) ? (p(), b("span", {
+                  key: 0,
+                  class: "el-button custom-button el-button--small",
+                  style: ve(s(he).getBackgroundColor(c.value)),
+                  onClick: S
+                }, F(A.value ? `${s(J)("全部")}(${A.value})` : s(J)("全部")), 5)) : z("", !0),
+                (p(!0), b(me, null, pe(se.value, (n, oe) => (p(), ge(ye, {
+                  key: oe,
+                  ref_for: !0,
+                  ref_key: "itemRefs",
+                  ref: m,
+                  "all-is-checkbox": e.allIsCheckbox,
+                  "multi-select-list": s(w),
+                  "translate-user-id": s(W),
+                  "count-list": T.value,
+                  item: n,
+                  "has-num": s(H),
+                  onResetAllCheckedValue: I,
+                  onSetSelectedStatusMap: B,
+                  onResetRange: D,
+                  onSetNoNeedRefreshNumFilterName: ee,
+                  onNotifyParent: k,
+                  onResetIsSelectAll: ne
+                }, null, 8, ["all-is-checkbox", "multi-select-list", "translate-user-id", "count-list", "item", "has-num"]))), 128)),
+                s(R) ? (p(), b("div", Ne, [
+                  M(F(e.rangeLabel) + "  ", 1),
+                  C(a, {
+                    modelValue: f.value,
+                    "onUpdate:modelValue": t[0] || (t[0] = (n) => f.value = n),
+                    style: { "margin-left": "2px", width: "60px", height: "22px" },
+                    precision: 2,
+                    step: 0.01,
+                    min: 1,
+                    max: 100,
+                    controls: !1,
+                    onBlur: te
+                  }, null, 8, ["modelValue"]),
+                  M("   %   " + F(e.rangeDelimiter) + "   ", 1),
+                  C(a, {
+                    modelValue: d.value,
+                    "onUpdate:modelValue": t[1] || (t[1] = (n) => d.value = n),
+                    style: { width: "60px", height: "22px" },
+                    precision: 2,
+                    step: 0.01,
+                    size: "small",
+                    max: 100,
+                    controls: !1,
+                    onChange: le
+                  }, null, 8, ["modelValue"]),
+                  t[2] || (t[2] = M(" %   "))
+                ])) : z("", !0)
+              ]),
+              _: 1
+            }, 8, ["label"])
           ]),
           _: 1
-        }, 8, ["label"])
-      ]),
-      _: 1
-    })
-  ]);
-}
-const I = /* @__PURE__ */ y(h, [["render", V], ["__file", "D:/projects/frontend/common/common_componentsweb/packages/components/src/left-condition/left-condition.vue"]]);
+        })
+      ]);
+    };
+  }
+});
 export {
-  I as default
+  _e as default
 };