yahee-components 0.0.92 → 0.0.94-test

package/es/echart-gauge/echart-gauge.vue2.js

@@ -1,4 +1,149 @@
-import f from "./echart-gauge.vue.js";
+import { defineComponent as c, ref as m, watch as w } from "vue";
+import { useEcharts as b } from "../packages/components/hooks/useEcharts.js";
+import { mapValue as l, numberToFixed as y } from "../utils/charts.js";
+const $ = /* @__PURE__ */ c({
+  __name: "echart-gauge",
+  props: {
+    data: {
+      type: Number,
+      default: 0
+    },
+    rangeValue: {
+      type: Object,
+      default: () => ({ low: 0, high: 0, reverse: !1 })
+    }
+  },
+  setup(f, { expose: V }) {
+    V();
+    const u = m(null), i = b(u), e = f;
+    let t = [], r = 0;
+    const s = () => e.rangeValue.reverse ? [
+      [r / 100, t[0]],
+      [0.5, t[1]],
+      [1, t[2]]
+    ] : [
+      [0.5, t[0]],
+      [r / 100, t[1]],
+      [1, t[2]]
+    ], g = () => {
+      let a = 0;
+      if (e.rangeValue.reverse)
+        if (e.data >= 0 && e.data < e.rangeValue.low)
+          a = l(e.data, 0, e.rangeValue.low, 0, r);
+        else if (e.data >= e.rangeValue.low && e.data < e.rangeValue.high)
+          a = l(e.data, e.rangeValue.low, e.rangeValue.high, r, 50);
+        else if (e.data >= e.rangeValue.high && e.data <= 100)
+          a = l(e.data, e.rangeValue.high, 100, 50, 100);
+        else
+          throw new Error("Input value must be between 0 and 100");
+      else if (e.data >= 0 && e.data < e.rangeValue.low)
+        a = l(e.data, 0, e.rangeValue.low, 0, 50);
+      else if (e.data >= e.rangeValue.low && e.data < e.rangeValue.high)
+        a = l(
+          e.data,
+          e.rangeValue.low,
+          e.rangeValue.high,
+          50,
+          r
+        );
+      else if (e.data >= e.rangeValue.high && e.data <= 100)
+        a = l(e.data, e.rangeValue.high, 100, r, 100);
+      else
+        throw new Error("Input value must be between 0 and 100");
+      return y(a);
+    }, o = (a) => `<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:${a};"></span>`, d = () => {
+      const a = {
+        tooltip: {
+          trigger: "item",
+          formatter: () => {
+            let n = "";
+            return n += `${o(t[0])} 0~${e.rangeValue.low}%<br>`, n += `${o(t[1])} ${e.rangeValue.low}%~${e.rangeValue.high}%<br>`, n += `${o(t[2])} ${e.rangeValue.high}%~100%`, n;
+          }
+        },
+        series: [
+          {
+            type: "gauge",
+            radius: "100%",
+            axisLine: {
+              lineStyle: {
+                width: 8,
+                color: s()
+              }
+            },
+            pointer: {
+              width: 3,
+              itemStyle: {
+                color: "auto"
+              }
+            },
+            axisTick: {
+              show: !0,
+              splitNumber: 2,
+              distance: 3,
+              lineStyle: {
+                opacity: 0.4
+              }
+            },
+            splitLine: {
+              show: !1
+            },
+            axisLabel: {
+              show: !1,
+              color: "#666",
+              distance: 0,
+              fontSize: 10
+            },
+            // "{value}%"
+            detail: {
+              fontSize: 16,
+              valueAnimation: !0,
+              formatter: () => `${e.data}%`,
+              color: "inherit",
+              offsetCenter: [0, 44]
+            },
+            data: [
+              {
+                value: g()
+              }
+            ]
+          }
+        ]
+      };
+      i.setOption(a);
+    }, h = () => {
+      e.rangeValue.reverse ? (t = ["#008b48", "#fadd1d", "#ffaa01"], r = l(
+        e.rangeValue.low,
+        0,
+        e.rangeValue.high,
+        0,
+        50
+      )) : (t = ["#ffaa01", "#fadd1d", "#008b48"], r = l(
+        e.rangeValue.high,
+        e.rangeValue.low,
+        100,
+        50,
+        100
+      ));
+    };
+    w(
+      () => e.data,
+      (a) => {
+        h(), d();
+      },
+      { immediate: !0 }
+    );
+    const p = { gaugeChart: u, myChart: i, props: e, get color() {
+      return t;
+    }, set color(a) {
+      t = a;
+    }, get mappedValue() {
+      return r;
+    }, set mappedValue(a) {
+      r = a;
+    }, getColorRange: s, getMappedValue: g, getMarker: o, drawChart: d, getRangeData: h };
+    return Object.defineProperty(p, "__isScriptSetup", { enumerable: !1, value: !0 }), p;
+  }
+});
 export {
-  f as default
+  $ as default
 };

package/es/echart-gauge/index.js

@@ -1,7 +1,7 @@
 import { withInstall as t } from "../utils/install.js";
 import a from "./echart-gauge.vue.js";
-const e = t(a);
+const o = t(a);
 export {
-  e as YaheeEchartGauge,
-  e as default
+  o as YaheeEchartGauge,
+  o as default
 };

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

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

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

@@ -0,0 +1,49 @@
+import { defineComponent as f, ref as o, nextTick as s } from "vue";
+import { GetHelpTag as c } from "../packages/components/api/log/index.js";
+import { InfoFilled as d } from "@element-plus/icons-vue";
+import { vLoading as v, ElIcon as g, ElPopover as m } 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 = o(), e = o(null), t = o(null), p = o(!1), r = a;
+    s(() => {
+      t.value && (t.value.style.height = `${r.tipsContentSize.height}px`, t.value.style.overflowY = "auto"), e.value && typeof e.value.updatePopper == "function" && e.value.updatePopper();
+    });
+    const i = { tipsContent: n, popoverRef: e, contentRef: t, loading: p, props: r, getTipsContent: () => {
+      p.value = !0, c({ Id: r.tipsId }).then((l) => {
+        l && l.Content && (n.value = l.Content.Content);
+      }).catch(() => {
+        n.value = "加载失败，请重试";
+      }).finally(() => {
+        p.value = !1;
+      });
+    }, get InfoFilled() {
+      return d;
+    }, get ElPopover() {
+      return m;
+    }, get ElIcon() {
+      return g;
+    }, get vLoading() {
+      return v;
+    } };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+  }
+});
+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,4 @@
+.yahee-help-tag {
+  display: flex;
+  align-items: center;
+}

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

@@ -1,177 +1,116 @@
-import { defineComponent as U, ref as g, onMounted as B, getCurrentInstance as N, createElementBlock as p, openBlock as d, Fragment as F, withDirectives as D, createVNode as a, unref as t, normalizeStyle as L, withCtx as o, renderSlot as M, createBlock as $, createElementVNode as n, createTextVNode as b, withModifiers as I, createCommentVNode 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 = {
+import f from "./image-upload.vue2.js";
+import { createElementBlock as s, openBlock as t, Fragment as h, withDirectives as u, createVNode as a, normalizeStyle as _, withCtx as i, renderSlot as w, createBlock as V, createElementVNode as n, createTextVNode as v, withModifiers as r, createCommentVNode as y } from "vue";
+import I from "../_virtual/_plugin-vue_export-helper.js";
+const k = { class: "yahee-image-upload" }, p = {
   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" }, [
-                          b("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
-                        })
-                      ])) : P("", !0)
-                    ])
-                  ])) : (d(), $(t(c), {
-                    key: 1,
-                    class: "picture-uploader-icon",
-                    size: 20
+}, E = ["src"];
+function z(g, l, o, e, C, x) {
+  return t(), s(h, null, [
+    u((t(), s("div", k, [
+      a(e.ElUpload, {
+        class: "picture-uploader",
+        action: "#",
+        style: _({ width: o.imgSize.width * o.zoom + "px", height: o.imgSize.height * o.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 = o.modelValue) == null ? void 0 : d.fileId
+            }, () => {
+              var m, c;
+              return [
+                (m = o.modelValue) != null && m.fileId ? (t(), s("div", p, [
+                  a(e.ElImage, {
+                    class: "picture",
+                    src: e.useImage((c = o.modelValue) == null ? void 0 : c.fileId)
                   }, {
-                    default: o(() => [
-                      a(t(Y))
-                    ]),
+                    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
-                  }))
-                ];
-              })
-            ];
-          }),
-          _: 3
-        }, 8, ["style"])
-      ])), [
-        [t(S), u.value]
+                  }, 8, ["src"]),
+                  n("span", {
+                    class: "upload-actions",
+                    onClick: r(e.handleFilePreview, ["stop"])
+                  }, [
+                    o.showDelete ? (t(), s("span", {
+                      key: 0,
+                      class: "upload-delete",
+                      onClick: r(e.handleFileRemove, ["stop"])
+                    }, [
+                      a(e.ElIcon, {
+                        size: 20,
+                        color: "#ff1e1e"
+                      }, {
+                        default: i(() => [
+                          a(e.Delete)
+                        ]),
+                        _: 1
+                      })
+                    ])) : y("", !0)
+                  ])
+                ])) : (t(), V(e.ElIcon, {
+                  key: 1,
+                  class: "picture-uploader-icon",
+                  size: 20
+                }, {
+                  default: i(() => [
+                    a(e.Plus)
+                  ]),
+                  _: 1
+                }))
+              ];
+            })
+          ];
+        }),
+        _: 3
+      }, 8, ["style"])
+    ])), [
+      [e.vLoading, e.loading]
+    ]),
+    a(e.ElDialog, {
+      modelValue: e.dialogVisible,
+      "onUpdate:modelValue": l[1] || (l[1] = (d) => e.dialogVisible = d),
+      "show-close": !1
+    }, {
+      header: i(() => [
+        a(e.ElIcon, {
+          size: 40,
+          color: "#a4a4a4",
+          class: "pull-right marginB6",
+          onClick: l[0] || (l[0] = (d) => e.dialogVisible = !1)
+        }, {
+          default: i(() => [
+            a(e.CircleCloseFilled)
+          ]),
+          _: 1
+        })
       ]),
-      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));
-  }
-});
+      default: i(() => [
+        n("img", {
+          style: { width: "100%" },
+          src: e.dialogImageUrl,
+          alt: "Preview Image"
+        }, null, 8, E)
+      ]),
+      _: 1
+    }, 8, ["modelValue"])
+  ], 64);
+}
+const D = /* @__PURE__ */ I(f, [["render", z], ["__file", "E:/project/common_componentsweb_new/common_componentsweb/packages/components/src/image-upload/image-upload.vue"]]);
 export {
-  de as default
+  D as default
 };

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

@@ -1,4 +1,93 @@
-import f from "./image-upload.vue.js";
+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 {
-  f as default
+  Y as default
 };

package/es/image-upload/index.js

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