yahee-components 0.0.113 → 0.0.114

package/es/height-collapse/height-collapse.vue2.js

@@ -0,0 +1,44 @@
+import { defineComponent as h, mergeDefaults as x, ref as i, watch as w, onMounted as H, onUnmounted as _, nextTick as f } from "vue";
+import { defaultHeightCollapseProps as b } from "./props.js";
+const E = /* @__PURE__ */ h({
+  __name: "height-collapse",
+  props: /* @__PURE__ */ x({
+    maxHeight: { type: Number, required: !1 },
+    defaultExpand: { type: Boolean, required: !1 },
+    expandTitle: { type: String, required: !1 },
+    collapseTitle: { type: String, required: !1 }
+  }, b()),
+  emits: ["change"],
+  setup(v, { expose: d, emit: m }) {
+    d();
+    const t = v, u = m, l = i(t.defaultExpand), c = i(!1), e = i(null), r = i(t.maxHeight + 5);
+    let a = null;
+    const s = () => {
+      if (!e.value) {
+        r.value = t.maxHeight + 5;
+        return;
+      }
+      l.value ? r.value = e.value.scrollHeight : r.value = Math.min(e.value.clientHeight, t.maxHeight);
+    }, n = async () => {
+      if (await f(), !e.value) return;
+      const { scrollHeight: o } = e.value;
+      c.value = o > t.maxHeight, s();
+    }, g = async () => {
+      l.value = !l.value, u("change", l.value), await f(), s();
+    };
+    w(() => t.maxHeight, n), H(() => {
+      n(), e.value && (a = new ResizeObserver(n), a.observe(e.value)), window.addEventListener("resize", n);
+    }), _(() => {
+      a == null || a.disconnect(), window.removeEventListener("resize", n);
+    });
+    const p = { props: t, emit: u, isExpand: l, isOverflow: c, contentRef: e, buttonTop: r, get resizeObserver() {
+      return a;
+    }, set resizeObserver(o) {
+      a = o;
+    }, updateButtonTop: s, calcOverflow: n, clickToggleFilter: g };
+    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
+  }
+});
+export {
+  E as default
+};

package/es/height-collapse/index.js

@@ -0,0 +1,7 @@
+import { withInstall as t } from "../utils/install.js";
+import e from "./height-collapse.vue.js";
+const a = t(e);
+export {
+  a as YaheeHeightCollapse,
+  a as default
+};

package/es/height-collapse/props.js

@@ -0,0 +1,11 @@
+function e() {
+  return {
+    maxHeight: 140,
+    defaultExpand: !1,
+    expandTitle: "点击收缩",
+    collapseTitle: "点击加载更多"
+  };
+}
+export {
+  e as defaultHeightCollapseProps
+};

package/es/height-collapse/style/index.css

@@ -0,0 +1,32 @@
+@charset "UTF-8";
+.yahee-height-collapse-wrapper {
+  width: 100%;
+  position: relative;
+}
+.yahee-height-collapse-wrapper .height-collapse-content {
+  width: 100%;
+  transition: max-height 0.2s ease;
+}
+.yahee-height-collapse-wrapper .show-filters {
+  cursor: pointer;
+  width: 100%;
+  background: #eaeded;
+  font-weight: bold;
+  color: #3366cc;
+  text-align: center;
+  font-size: 10px;
+  height: 12px;
+  z-index: 1111;
+  display: inline-block;
+  position: absolute;
+  margin: 0;
+  border-bottom: 1px solid #3366cc;
+  border-top: 1px solid #ddd;
+  line-height: 9px;
+  left: 0;
+  /* 收起状态的额外样式可以通过 .show-filters.more 来扩展 */
+}
+.yahee-height-collapse-wrapper .show-filters:hover {
+  background: #9bafbf;
+  color: #fff;
+}

package/es/help-tag/help-tag.vue.js

@@ -0,0 +1,46 @@
+import c from "./help-tag.vue2.js";
+import { createElementBlock as i, openBlock as r, createVNode as t, withCtx as o, withDirectives as a, createElementVNode as l, withModifiers as p } from "vue";
+import d from "../_virtual/_plugin-vue_export-helper.js";
+const s = {
+  class: "yahee-help-tag",
+  ref: "yaheeHelpTag"
+}, f = ["innerHTML"];
+function _(h, m, n, e, g, v) {
+  return r(), i("div", s, [
+    t(e.ElPopover, {
+      ref: "popoverRef",
+      placement: "bottom",
+      width: n.tipsContentSize.width,
+      "append-to": e.yaheeHelpTag,
+      trigger: "click"
+    }, {
+      reference: o(() => [
+        t(e.ElIcon, {
+          size: "18",
+          color: "#ccc",
+          onClick: p(e.getTipsContent, ["stop"]),
+          style: { cursor: "pointer" }
+        }, {
+          default: o(() => [
+            t(e.InfoFilled)
+          ]),
+          _: 1
+        })
+      ]),
+      default: o(() => [
+        a(l("div", {
+          class: "tips-content",
+          ref: "contentRef",
+          innerHTML: e.tipsContent
+        }, null, 8, f), [
+          [e.vLoading, e.loading]
+        ])
+      ]),
+      _: 1
+    }, 8, ["width", "append-to"])
+  ], 512);
+}
+const C = /* @__PURE__ */ d(c, [["render", _], ["__file", "E:/工作/项目代码/common_componentsweb/packages/components/src/help-tag/help-tag.vue"]]);
+export {
+  C as default
+};

package/es/help-tag/help-tag.vue2.js

@@ -0,0 +1,51 @@
+import { defineComponent as f, ref as e, nextTick as c } from "vue";
+import { GetHelpTag as d } from "../packages/components/api/log/index.js";
+import { InfoFilled as g } from "@element-plus/icons-vue";
+import { vLoading as m, ElIcon as v, ElPopover as h } from "element-plus";
+import "element-plus/theme-chalk/src/base.scss";
+import "element-plus/theme-chalk/src/popper.scss";
+import "element-plus/theme-chalk/src/popover.scss";
+const E = /* @__PURE__ */ f({
+  __name: "help-tag",
+  props: {
+    tipsId: {
+      type: String,
+      default: ""
+    },
+    tipsContentSize: {
+      type: Object,
+      default: () => ({ width: 80, height: 80 }),
+      required: !1
+    }
+  },
+  setup(a, { expose: u }) {
+    u();
+    const n = e(), s = e(null), t = e(null), o = e(null), p = e(!1), i = a;
+    c(() => {
+      o.value && (o.value.style.height = `${i.tipsContentSize.height}px`), t.value && typeof t.value.updatePopper == "function" && t.value.updatePopper();
+    });
+    const r = { tipsContent: n, yaheeHelpTag: s, popoverRef: t, contentRef: o, loading: p, props: i, getTipsContent: () => {
+      p.value = !0, setTimeout(() => {
+        d({ Id: i.tipsId }).then((l) => {
+          l && l.Content && (n.value = l.Content.Content);
+        }).catch(() => {
+          n.value = "加载失败，请重试";
+        }).finally(() => {
+          p.value = !1;
+        });
+      }, 3e3);
+    }, get InfoFilled() {
+      return g;
+    }, get ElPopover() {
+      return h;
+    }, get ElIcon() {
+      return v;
+    }, get vLoading() {
+      return m;
+    } };
+    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+  }
+});
+export {
+  E as default
+};

package/es/help-tag/index.js

@@ -0,0 +1,7 @@
+import { withInstall as t } from "../utils/install.js";
+import a from "./help-tag.vue.js";
+const l = t(a);
+export {
+  l as YaheeHelpTag,
+  l as default
+};

package/es/help-tag/props.js

@@ -0,0 +1,9 @@
+function t() {
+  return {
+    tipsContentSize: () => ({ width: 80, height: 80 }),
+    tipsId: ""
+  };
+}
+export {
+  t as defaultHelpTagProps
+};

package/es/help-tag/style/index.css

@@ -0,0 +1,8 @@
+.yahee-help-tag {
+  display: flex;
+  align-items: center;
+}
+.yahee-help-tag .tips-content {
+  overflow: auto;
+  text-align: left;
+}

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

@@ -0,0 +1,116 @@
+import f from "./image-upload.vue2.js";
+import { createElementBlock as s, openBlock as t, Fragment as h, withDirectives as u, createVNode as o, normalizeStyle as _, withCtx as i, renderSlot as w, createBlock as V, createElementVNode as n, createTextVNode as v, withModifiers as c, createCommentVNode as y } from "vue";
+import I from "../_virtual/_plugin-vue_export-helper.js";
+const k = { class: "yahee-image-upload" }, E = {
+  key: 0,
+  style: { width: "100%", height: "100%" }
+}, p = ["src"];
+function z(g, l, a, e, C, x) {
+  return t(), s(h, null, [
+    u((t(), s("div", k, [
+      o(e.ElUpload, {
+        class: "picture-uploader",
+        action: "#",
+        style: _({ width: a.imgSize.width * a.zoom + "px", height: a.imgSize.height * a.zoom + "px" }),
+        "show-file-list": !1,
+        multiple: !1,
+        "auto-upload": !1,
+        accept: "image/jpeg,image/jpg,image/gif,image/png",
+        "on-change": e.handleUploadChange
+      }, {
+        default: i(() => {
+          var d;
+          return [
+            w(g.$slots, "default", {
+              value: (d = a.modelValue) == null ? void 0 : d.fileId
+            }, () => {
+              var m, r;
+              return [
+                (m = a.modelValue) != null && m.fileId ? (t(), s("div", E, [
+                  o(e.ElImage, {
+                    class: "picture",
+                    src: e.useImage((r = a.modelValue) == null ? void 0 : r.fileId)
+                  }, {
+                    error: i(() => l[2] || (l[2] = [
+                      n("div", { style: { display: "none" } }, null, -1)
+                    ])),
+                    placeholder: i(() => l[3] || (l[3] = [
+                      n("div", { class: "image-slot" }, [
+                        v("Loading"),
+                        n("span", { class: "dot" }, "...")
+                      ], -1)
+                    ])),
+                    _: 1
+                  }, 8, ["src"]),
+                  n("span", {
+                    class: "upload-actions",
+                    onClick: c(e.handleFilePreview, ["stop"])
+                  }, [
+                    a.showDelete ? (t(), s("span", {
+                      key: 0,
+                      class: "upload-delete",
+                      onClick: c(e.handleFileRemove, ["stop"])
+                    }, [
+                      o(e.ElIcon, {
+                        size: 20,
+                        color: "#ff1e1e"
+                      }, {
+                        default: i(() => [
+                          o(e.Delete)
+                        ]),
+                        _: 1
+                      })
+                    ])) : y("", !0)
+                  ])
+                ])) : (t(), V(e.ElIcon, {
+                  key: 1,
+                  class: "picture-uploader-icon",
+                  size: 20
+                }, {
+                  default: i(() => [
+                    o(e.Plus)
+                  ]),
+                  _: 1
+                }))
+              ];
+            })
+          ];
+        }),
+        _: 3
+      }, 8, ["style"])
+    ])), [
+      [e.vLoading, e.loading]
+    ]),
+    o(e.ElDialog, {
+      modelValue: e.dialogVisible,
+      "onUpdate:modelValue": l[1] || (l[1] = (d) => e.dialogVisible = d),
+      "show-close": !1
+    }, {
+      header: i(() => [
+        o(e.ElIcon, {
+          size: 40,
+          color: "#a4a4a4",
+          class: "pull-right marginB6",
+          onClick: l[0] || (l[0] = (d) => e.dialogVisible = !1)
+        }, {
+          default: i(() => [
+            o(e.CircleCloseFilled)
+          ]),
+          _: 1
+        })
+      ]),
+      default: i(() => [
+        n("img", {
+          style: { width: "100%" },
+          src: e.dialogImageUrl,
+          alt: "Preview Image"
+        }, null, 8, p)
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ], 64);
+}
+const D = /* @__PURE__ */ I(f, [["render", z], ["__file", "E:/工作/项目代码/common_componentsweb/packages/components/src/image-upload/image-upload.vue"]]);
+export {
+  D as default
+};

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

@@ -0,0 +1,93 @@
+import { defineComponent as y, ref as o, onMounted as v, getCurrentInstance as E } from "vue";
+import p from "../packages/components/hooks/useImg.js";
+import { useIsImg as _, useUpload as b } from "../packages/components/hooks/useUpload.js";
+import { vLoading as f, ElMessage as u, ElImage as q, ElIcon as C, ElDialog as U, ElUpload as w } 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 { CircleCloseFilled as x, Plus as F, Delete as V } from "@element-plus/icons-vue";
+const Y = /* @__PURE__ */ y({
+  name: "YaheeImageUpload",
+  __name: "image-upload",
+  props: {
+    modelValue: { type: Object, required: !0, default: () => ({ index: 0, fileId: "", fileName: "" }) },
+    showDelete: { type: Boolean, required: !1, default: !0 },
+    zoom: { type: Number, required: !1, default: 1 },
+    imgSize: { type: Object, required: !1, default: () => ({ width: 80, height: 80 }) },
+    limitImgSize: { type: Boolean, required: !1, default: !0 },
+    limitFileSize: { type: Boolean, required: !1, default: !0 },
+    fileSize: { type: Number, required: !1, default: 50 },
+    fileSizeUnit: { type: String, required: !1, default: "kb" },
+    fileType: { type: String, required: !1, default: "105" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(g, { expose: c, emit: I }) {
+    c();
+    const t = g, r = I, l = o(!1), z = (e) => {
+      if (!_(e.raw)) {
+        u.error("只能选择图片格式文件!");
+        return;
+      }
+      if (t.limitFileSize) {
+        let i = e.size;
+        if (t.fileSizeUnit.toLowerCase() == "kb" ? i = e.size / 1024 : i = e.size / 1024 / 1024, !(i < t.fileSize)) {
+          u.error(`图片大小不能超过 ${t.fileSize}${t.fileSizeUnit}!`);
+          return;
+        }
+      }
+      l.value = !0, b(t.fileType, e.raw).then((i) => {
+        const m = {
+          fileName: e.name,
+          fileId: i[0],
+          index: 0
+        };
+        r("update:modelValue", m), r("change", {
+          fileName: e.name,
+          fileId: i[0],
+          index: 0
+        }), l.value = !1;
+      }).catch((i) => {
+        u.error("update image error", i), l.value = !1;
+      });
+    }, S = () => {
+      r("update:modelValue", "");
+    }, n = o(""), s = o(!1), h = () => {
+      var e;
+      n.value = p((e = t.modelValue) == null ? void 0 : e.fileId, !0), s.value = !0;
+    };
+    v(() => {
+      var a;
+      const e = (a = E()) == null ? void 0 : a.appContext.app;
+      e && e.directive("loading", f);
+    });
+    const d = { props: t, emits: r, loading: l, handleUploadChange: z, handleFileRemove: S, dialogImageUrl: n, dialogVisible: s, handleFilePreview: h, get useImage() {
+      return p;
+    }, get ElUpload() {
+      return w;
+    }, get ElDialog() {
+      return U;
+    }, get ElIcon() {
+      return C;
+    }, get ElImage() {
+      return q;
+    }, get vLoading() {
+      return f;
+    }, get Delete() {
+      return V;
+    }, get Plus() {
+      return F;
+    }, get CircleCloseFilled() {
+      return x;
+    } };
+    return Object.defineProperty(d, "__isScriptSetup", { enumerable: !1, value: !0 }), d;
+  }
+});
+export {
+  Y 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 m = a(o);
+export {
+  m as YaheeImageUpload,
+  m 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

@@ -0,0 +1,63 @@
+import { makeInstaller as o } from "./utils/install.js";
+import r from "./installs.js";
+import { config as t } from "./utils/config.js";
+import { YaheeComplexSearch as i } from "./complex-search/index.js";
+import { YaheeCopy as s } from "./copy/index.js";
+import { YaheeImageUpload as u } from "./image-upload/index.js";
+import { YaheeAnnexUpload as c } from "./annex-upload/index.js";
+import { YaheeOperationLog as P } from "./operation-log/index.js";
+import { YaheeCountryPlatformShopCondition as W } from "./country-platform-shop-condition/index.js";
+import { YaheeLeftCondition as F } from "./left-condition/index.js";
+import { YaheeLeftConditionEnum as w } from "./left-condition-enum/index.js";
+import { YaheeDropDownCondition as E } from "./drop-down-condition/index.js";
+import { YaheeCommonImport as I } from "./common-import/index.js";
+import { YaheeBorderWrap as B } from "./border-wrap/index.js";
+import { YaheeEchartGauge as U } from "./echart-gauge/index.js";
+import { YaheeScaleScreen as k } from "./scale-screen/index.js";
+import { YaheeHelpTag as O } from "./help-tag/index.js";
+import { YaheeFilterContainer as q } from "./filter-container/index.js";
+import { YaheeFilterWrapper as z } from "./filter-wrapper/index.js";
+import { YaheeHeightCollapse as K } from "./height-collapse/index.js";
+import { YaheeFileDownloadWrapper as N } from "./file-download-wrapper/index.js";
+import { defaultComplexSearchProps as R } from "./complex-search/props.js";
+import { defaultCopyProps as X } from "./copy/props.js";
+import { defaultBorderWrapPropsProps as _ } from "./border-wrap/props.js";
+import { defaultEchartGaugeProps as ee } from "./echart-gauge/props.js";
+import { defaultScaleScreenProps as re } from "./scale-screen/props.js";
+import { defaultHelpTagProps as pe } from "./help-tag/props.js";
+import { defaultHeightCollapseProps as fe } from "./height-collapse/props.js";
+import { defaultFileDownloadWrapperProps as le } from "./file-download-wrapper/props.js";
+const { setConfig: p } = t(), l = o([...r]);
+function n(e) {
+  p(e);
+}
+export {
+  c as YaheeAnnexUpload,
+  B as YaheeBorderWrap,
+  I as YaheeCommonImport,
+  i as YaheeComplexSearch,
+  s as YaheeCopy,
+  W as YaheeCountryPlatformShopCondition,
+  E as YaheeDropDownCondition,
+  U as YaheeEchartGauge,
+  N as YaheeFileDownloadWrapper,
+  q as YaheeFilterContainer,
+  z as YaheeFilterWrapper,
+  K as YaheeHeightCollapse,
+  O as YaheeHelpTag,
+  u as YaheeImageUpload,
+  F as YaheeLeftCondition,
+  w as YaheeLeftConditionEnum,
+  P as YaheeOperationLog,
+  k as YaheeScaleScreen,
+  l as default,
+  _ as defaultBorderWrapPropsProps,
+  R as defaultComplexSearchProps,
+  X as defaultCopyProps,
+  ee as defaultEchartGaugeProps,
+  le as defaultFileDownloadWrapperProps,
+  fe as defaultHeightCollapseProps,
+  pe as defaultHelpTagProps,
+  re as defaultScaleScreenProps,
+  n as useGlobalConfig
+};

package/es/installs.js

@@ -0,0 +1,41 @@
+import { YaheeComplexSearch as o } from "./complex-search/index.js";
+import { YaheeCopy as e } from "./copy/index.js";
+import { YaheeImageUpload as r } from "./image-upload/index.js";
+import { YaheeOperationLog as m } from "./operation-log/index.js";
+import { YaheeAnnexUpload as a } from "./annex-upload/index.js";
+import { YaheeLeftCondition as t } from "./left-condition/index.js";
+import { YaheeLeftConditionEnum as p } from "./left-condition-enum/index.js";
+import { YaheeDropDownCondition as i } from "./drop-down-condition/index.js";
+import { YaheeCountryPlatformShopCondition as f } from "./country-platform-shop-condition/index.js";
+import { YaheeCommonImport as h } from "./common-import/index.js";
+import { YaheeBorderWrap as n } from "./border-wrap/index.js";
+import { YaheeEchartGauge as Y } from "./echart-gauge/index.js";
+import { YaheeScaleScreen as l } from "./scale-screen/index.js";
+import { YaheeHelpTag as C } from "./help-tag/index.js";
+import { YaheeFilterContainer as d } from "./filter-container/index.js";
+import { YaheeFilterWrapper as c } from "./filter-wrapper/index.js";
+import { YaheeHeightCollapse as g } from "./height-collapse/index.js";
+import { YaheeFileDownloadWrapper as s } from "./file-download-wrapper/index.js";
+const T = [
+  o,
+  e,
+  r,
+  m,
+  a,
+  t,
+  p,
+  i,
+  f,
+  h,
+  n,
+  Y,
+  l,
+  C,
+  d,
+  c,
+  g,
+  s
+];
+export {
+  T 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 n = t(o);
+export {
+  n as YaheeLeftCondition,
+  n as default
+};

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

@@ -0,0 +1,36 @@
+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"
+};
+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", "E:/工作/项目代码/common_componentsweb/packages/components/src/left-condition/left-condition-sub.vue"]]);
+export {
+  V as default
+};