yahee-components 0.0.18 → 0.0.20

package/es/image-upload/image-upload.vue.js

@@ -0,0 +1,177 @@
+import { defineComponent as U, ref as g, onMounted as B, getCurrentInstance as N, openBlock as d, createElementBlock as p, Fragment as F, withDirectives as D, createVNode as a, unref as t, normalizeStyle as L, withCtx as o, renderSlot as M, createElementVNode as n, createTextVNode as $, withModifiers as I, createCommentVNode as b, createBlock as P } from "vue";
+import w from "../packages/components/hooks/useImg.js";
+import { useIsImg as T, useUpload as j } from "../packages/components/hooks/useUpload.js";
+import { vLoading as S, ElUpload as A, ElImage as G, ElIcon as c, ElDialog as x, ElMessage as h } from "element-plus";
+import "element-plus/theme-chalk/src/base.scss";
+import "element-plus/theme-chalk/src/upload.scss";
+import "element-plus/theme-chalk/src/progress.scss";
+import "element-plus/theme-chalk/src/dialog.scss";
+import "element-plus/theme-chalk/src/overlay.scss";
+import "element-plus/theme-chalk/src/image.scss";
+import "element-plus/theme-chalk/src/image-viewer.scss";
+import "element-plus/theme-chalk/src/badge.scss";
+import "element-plus/theme-chalk/src/message.scss";
+import { Delete as R, Plus as Y, CircleCloseFilled as _ } from "@element-plus/icons-vue";
+const q = { class: "yahee-image-upload" }, H = {
+  key: 0,
+  style: { width: "100%", height: "100%" }
+}, J = ["src"], de = /* @__PURE__ */ U({
+  name: "YaheeImageUpload",
+  __name: "image-upload",
+  props: {
+    modelValue: { default: () => ({ index: 0, fileId: "", fileName: "" }) },
+    showDelete: { type: Boolean, default: !0 },
+    zoom: { default: 1 },
+    imgSize: { default: () => ({ width: 80, height: 80 }) },
+    limitImgSize: { type: Boolean, default: !0 },
+    limitFileSize: { type: Boolean, default: !0 },
+    fileSize: { default: 50 },
+    fileSizeUnit: { default: "kb" },
+    fileType: { default: "105" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(y, { emit: V }) {
+    const s = y, f = V, u = g(!1), C = (e) => {
+      if (!T(e.raw)) {
+        h.error("只能选择图片格式文件!");
+        return;
+      }
+      if (s.limitFileSize) {
+        let l = e.size;
+        if (s.fileSizeUnit.toLowerCase() == "kb" ? l = e.size / 1024 : l = e.size / 1024 / 1024, !(l < s.fileSize)) {
+          h.error(`图片大小不能超过 ${s.fileSize}${s.fileSizeUnit}!`);
+          return;
+        }
+      }
+      u.value = !0, j(s.fileType, e.raw).then((l) => {
+        const r = {
+          fileName: e.name,
+          fileId: l[0],
+          index: 0
+        };
+        f("update:modelValue", r), f("change", {
+          fileName: e.name,
+          fileId: l[0],
+          index: 0
+        }), u.value = !1;
+      }).catch((l) => {
+        h.error("update image error", l), u.value = !1;
+      });
+    }, k = () => {
+      f("update:modelValue", "");
+    }, z = g(""), m = g(!1), E = () => {
+      var e;
+      z.value = w((e = s.modelValue) == null ? void 0 : e.fileId, !0), m.value = !0;
+    };
+    return B(() => {
+      var i;
+      const e = (i = N()) == null ? void 0 : i.appContext.app;
+      e && e.directive("loading", S);
+    }), (e, i) => (d(), p(F, null, [
+      D((d(), p("div", q, [
+        a(t(A), {
+          class: "picture-uploader",
+          action: "#",
+          style: L({ width: e.imgSize.width * e.zoom + "px", height: e.imgSize.height * e.zoom + "px" }),
+          "show-file-list": !1,
+          multiple: !1,
+          "auto-upload": !1,
+          accept: "image/jpeg,image/jpg,image/gif,image/png",
+          "on-change": C
+        }, {
+          default: o(() => {
+            var l;
+            return [
+              M(e.$slots, "default", {
+                value: (l = e.modelValue) == null ? void 0 : l.fileId
+              }, () => {
+                var r, v;
+                return [
+                  (r = e.modelValue) != null && r.fileId ? (d(), p("div", H, [
+                    a(t(G), {
+                      class: "picture",
+                      src: t(w)((v = e.modelValue) == null ? void 0 : v.fileId)
+                    }, {
+                      error: o(() => i[2] || (i[2] = [
+                        n("div", { style: { display: "none" } }, null, -1)
+                      ])),
+                      placeholder: o(() => i[3] || (i[3] = [
+                        n("div", { class: "image-slot" }, [
+                          $("Loading"),
+                          n("span", { class: "dot" }, "...")
+                        ], -1)
+                      ])),
+                      _: 1
+                    }, 8, ["src"]),
+                    n("span", {
+                      class: "upload-actions",
+                      onClick: I(E, ["stop"])
+                    }, [
+                      e.showDelete ? (d(), p("span", {
+                        key: 0,
+                        class: "upload-delete",
+                        onClick: I(k, ["stop"])
+                      }, [
+                        a(t(c), {
+                          size: 20,
+                          color: "#ff1e1e"
+                        }, {
+                          default: o(() => [
+                            a(t(R))
+                          ]),
+                          _: 1
+                        })
+                      ])) : b("", !0)
+                    ])
+                  ])) : (d(), P(t(c), {
+                    key: 1,
+                    class: "picture-uploader-icon",
+                    size: 20
+                  }, {
+                    default: o(() => [
+                      a(t(Y))
+                    ]),
+                    _: 1
+                  }))
+                ];
+              })
+            ];
+          }),
+          _: 3
+        }, 8, ["style"])
+      ])), [
+        [t(S), u.value]
+      ]),
+      a(t(x), {
+        modelValue: m.value,
+        "onUpdate:modelValue": i[1] || (i[1] = (l) => m.value = l),
+        "show-close": !1
+      }, {
+        header: o(() => [
+          a(t(c), {
+            size: 40,
+            color: "#a4a4a4",
+            class: "pull-right marginB6",
+            onClick: i[0] || (i[0] = (l) => m.value = !1)
+          }, {
+            default: o(() => [
+              a(t(_))
+            ]),
+            _: 1
+          })
+        ]),
+        default: o(() => [
+          n("img", {
+            style: { width: "100%" },
+            src: z.value,
+            alt: "Preview Image"
+          }, null, 8, J)
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ], 64));
+  }
+});
+export {
+  de as default
+};

package/es/image-upload/image-upload.vue2.js

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

package/es/image-upload/index.js

@@ -0,0 +1,7 @@
+import { withInstall as a } from "../utils/install.js";
+import o from "./image-upload.vue.js";
+const e = a(o);
+export {
+  e as YaheeImageUpload,
+  e as default
+};

package/es/image-upload/style/index.css

@@ -0,0 +1,33 @@
+.yahee-image-upload .el-upload {
+  height: 100%;
+  width: 100%;
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+.yahee-image-upload .el-upload:hover {
+  border: 1px dashed blue;
+}
+.yahee-image-upload .picture {
+  width: 100%;
+}
+.yahee-image-upload .picture-uploader {
+  position: relative;
+}
+.yahee-image-upload .upload-actions {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  padding: 2px;
+}
+.yahee-image-upload .picture-uploader-icon {
+  height: 100%;
+  width: 100%;
+  font-size: 28px;
+  color: #8c939d;
+  text-align: center;
+}

package/es/index.js

@@ -1,12 +1,31 @@
 import { makeInstaller as e } from "./utils/install.js";
-import o from "./installs.js";
-import { YaheeInput as f } from "./input/index.js";
+import r from "./installs.js";
+import { config as t } from "./utils/config.js";
+import { YaheeInput as l } from "./input/index.js";
 import { YaheeComprehensiveSearch as s } from "./comprehensive-search/index.js";
-import { YaheeCopy as i } from "./copy/index.js";
-const a = e([...o]);
+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 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,
   s as YaheeComprehensiveSearch,
-  i as YaheeCopy,
-  f as YaheeInput,
-  a as default
+  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,7 +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";
-const p = [e, o, r];
+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,
+  m,
+  t,
+  i,
+  a,
+  p,
+  n,
+  f
+];
 export {
-  p 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
+};