yahee-components 0.0.10 → 0.0.13

package/es/index.js

@@ -1,23 +1,31 @@
-import { makeInstaller as o } from "./utils/install.js";
+import { makeInstaller as e } from "./utils/install.js";
 import r from "./installs.js";
 import { config as t } from "./utils/config.js";
-import { YaheeInput as x } from "./input/index.js";
-import { YaheeComprehensiveSearch as Y } from "./comprehensive-search/index.js";
-import { YaheeCopy as g } from "./copy/index.js";
-import { YaheeImageUpload as u } from "./image-upload/index.js";
+import { YaheeInput as l } from "./input/index.js";
+import { YaheeComprehensiveSearch as s } from "./comprehensive-search/index.js";
+import { YaheeCopy as d } from "./copy/index.js";
+import { YaheeImageUpload as c } from "./image-upload/index.js";
 import { YaheeAnnexUpload as I } from "./annex-upload/index.js";
-import { YaheeOperationLog as b } from "./operation-log/index.js";
-const { setConfig: a } = t(), f = o([...r]);
-function i(e) {
-  a(e);
+import { YaheeOperationLog as y } from "./operation-log/index.js";
+import { YaheeCountryPlatformShopCondition as S } from "./country-platform-shop-condition/index.js";
+import { YaheeLeftCondition as b } from "./left-condition/index.js";
+import { YaheeLeftConditionEnum as v } from "./left-condition-enum/index.js";
+import { YaheeDropDownCondition as A } from "./drop-down-condition/index.js";
+const { setConfig: n } = t(), m = e([...r]);
+function i(o) {
+  n(o);
 }
 export {
   I as YaheeAnnexUpload,
-  Y as YaheeComprehensiveSearch,
-  g as YaheeCopy,
-  u as YaheeImageUpload,
-  x as YaheeInput,
-  b as YaheeOperationLog,
-  f as default,
+  s as YaheeComprehensiveSearch,
+  d as YaheeCopy,
+  S as YaheeCountryPlatformShopCondition,
+  A as YaheeDropDownCondition,
+  c as YaheeImageUpload,
+  l as YaheeInput,
+  b as YaheeLeftCondition,
+  v as YaheeLeftConditionEnum,
+  y as YaheeOperationLog,
+  m as default,
   i as useGlobalConfig
 };

package/es/installs.js

@@ -1,17 +1,25 @@
-import { YaheeInput as e } from "./input/index.js";
-import { YaheeComprehensiveSearch as o } from "./comprehensive-search/index.js";
+import { YaheeInput as o } from "./input/index.js";
+import { YaheeComprehensiveSearch as e } from "./comprehensive-search/index.js";
 import { YaheeCopy as r } from "./copy/index.js";
-import { YaheeImageUpload as a } from "./image-upload/index.js";
-import { YaheeOperationLog as m } from "./operation-log/index.js";
-import { YaheeAnnexUpload as p } from "./annex-upload/index.js";
-const l = [
-  e,
+import { YaheeImageUpload as m } from "./image-upload/index.js";
+import { YaheeOperationLog as t } from "./operation-log/index.js";
+import { YaheeAnnexUpload as i } from "./annex-upload/index.js";
+import { YaheeLeftCondition as a } from "./left-condition/index.js";
+import { YaheeLeftConditionEnum as p } from "./left-condition-enum/index.js";
+import { YaheeDropDownCondition as n } from "./drop-down-condition/index.js";
+import { YaheeCountryPlatformShopCondition as f } from "./country-platform-shop-condition/index.js";
+const x = [
   o,
+  e,
   r,
-  a,
   m,
-  p
+  t,
+  i,
+  a,
+  p,
+  n,
+  f
 ];
 export {
-  l as default
+  x as default
 };

package/es/left-condition/index.js

@@ -0,0 +1,7 @@
+import { withInstall as t } from "../utils/install.js";
+import o from "./left-condition.vue.js";
+const e = t(o);
+export {
+  e as YaheeLeftCondition,
+  e as default
+};

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

@@ -0,0 +1,95 @@
+import { defineComponent as A, toRefs as E, ref as p, watch as F, openBlock as s, createElementBlock as u, Fragment as w, createElementVNode as h, normalizeStyle as P, unref as t, withModifiers as U, createCommentVNode as r, createTextVNode as T, toDisplayString as k, nextTick as v } from "vue";
+import N from "../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/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"
+}, 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 s(), u(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)) ? (s(), u("input", {
+            key: 0,
+            checked: c.value,
+            class: "el-checkbox__input",
+            type: "checkbox",
+            onChange: x,
+            onClick: o[0] || (o[0] = U(() => {
+            }, ["stop"]))
+          }, null, 40, q)) : r("", !0),
+          T(" " + k(e.translateUserId ? t(D)(t(l).value, t(l).label) : t(j)(t(l).label)) + " ", 1),
+          t(N).isEmpty(e.countList) ? r("", !0) : (s(), u("span", G, " (" + k((d = e.countList.filter((M) => M.value == t(l).value)[0]) == null ? void 0 : d.count) + ") ", 1))
+        ], 4),
+        t(S) ? (s(), u("span", H, o[1] || (o[1] = [
+          h("em", null, null, -1)
+        ]))) : r("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  W as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./left-condition-sub.vue.js";
+export {
+  f as default
+};

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

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

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

@@ -0,0 +1,4 @@
+import f from "./left-condition.vue.js";
+export {
+  f as default
+};

package/es/left-condition/style/index.css

@@ -0,0 +1,10 @@
+.yahee-left-condition .custom-button + .custom-button {
+  margin-left: 5px;
+  margin-bottom: 5px;
+  position: relative;
+  top: 2px;
+}
+.yahee-left-condition .custom-button {
+  padding: 1px 4px;
+  height: 22px;
+}

package/es/left-condition-enum/index.js

@@ -0,0 +1,7 @@
+import { withInstall as t } from "../utils/install.js";
+import o from "./left-condition-enum.vue.js";
+const n = t(o);
+export {
+  n as YaheeLeftConditionEnum,
+  n as default
+};

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

@@ -0,0 +1,80 @@
+import { defineComponent as f, ref as c, onMounted as d, openBlock as y, createBlock as N } from "vue";
+import h from "../left-condition/left-condition.vue.js";
+import { storage as o } from "../utils/storage.js";
+import { Get as p } from "../packages/components/api/server.js";
+const E = /* @__PURE__ */ f({
+  name: "YaheeLeftConditionEnum",
+  __name: "left-condition-enum",
+  props: {
+    selectList: {
+      type: Array,
+      default: () => []
+    },
+    baseUrl: {
+      type: String,
+      default: ""
+    },
+    countList: {
+      type: Array,
+      required: !1
+    },
+    enumEntity: {
+      type: String,
+      default: ""
+    },
+    filterKey: {
+      type: String,
+      default: ""
+    },
+    totalCount: {
+      type: Number,
+      required: !1
+    },
+    noNeedRefreshNumFilterName: {
+      type: String,
+      required: !1
+    },
+    allIsCheckbox: {
+      type: Boolean,
+      required: !1
+    },
+    allIsEmpty: {
+      type: Boolean,
+      required: !1
+    },
+    translateUserId: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  emits: ["filterChange", "setNoNeedRefreshNumFilterName"],
+  setup(e, { emit: s }) {
+    const t = e, i = s, r = c(t.selectList), u = (l) => {
+      i("filterChange", l);
+    }, m = () => {
+      i("setNoNeedRefreshNumFilterName", t.filterKey);
+    };
+    return d(() => {
+      const l = `filter-key-${t.enumEntity}`, n = o.getWithExpireTime(l);
+      n ? r.value = n : p(`${t.baseUrl}/${t.enumEntity}`).then((a) => {
+        r.value = a.data, o.setWithExpireTime(l, r.value, 1200 * 1e3);
+      }).catch((a) => {
+        console.log(a);
+      });
+    }), (l, n) => (y(), N(h, {
+      "select-list": r.value,
+      "count-list": e.countList,
+      "total-count": e.totalCount,
+      "filter-key": e.filterKey,
+      "no-need-refresh-num-filter-name": e.noNeedRefreshNumFilterName,
+      "all-is-checkbox": e.allIsCheckbox,
+      "translate-user-id": e.translateUserId,
+      "all-is-empty": e.allIsEmpty,
+      onFilterChange: u,
+      onSetNoNeedRefreshNumFilterName: m
+    }, null, 8, ["select-list", "count-list", "total-count", "filter-key", "no-need-refresh-num-filter-name", "all-is-checkbox", "translate-user-id", "all-is-empty"]));
+  }
+});
+export {
+  E as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./left-condition-enum.vue.js";
+export {
+  f as default
+};

package/es/left-condition-enum/style/index.css

@@ -0,0 +1,10 @@
+.yahee-left-condition :deep(.custom-button + .custom-button) {
+  margin-left: 5px;
+  margin-bottom: 5px;
+  position: relative;
+  top: 2px;
+}
+.yahee-left-condition :deep(.custom-button) {
+  padding: 1px 4px;
+  height: 22px;
+}