yahee-components 0.0.77 → 0.0.83

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

@@ -1,95 +1,36 @@
-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 = {
+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 = {
   key: 0,
   class: "num"
-}, 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);
-    };
-  }
-});
+};
+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"]]);
 export {
-  W as default
+  V as default
 };

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

@@ -1,4 +1,78 @@
-import f from "./left-condition-sub.vue.js";
+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;
+  }
+});
 export {
-  f as default
+  I as default
 };

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

@@ -1,225 +1,77 @@
-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 = {
+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 = {
   key: 1,
   class: "el-button custom-button el-button--small",
   style: { "margin-left": "5px", display: "inline-flex" }
-}, _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"])
+};
+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)
           ]),
           _: 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 {
-  _e as default
+  I as default
 };