yahee-components 0.0.83 → 0.0.85

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

@@ -1,149 +1,4 @@
-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;
-  }
-});
+import f from "./echart-gauge.vue.js";
 export {
-  $ as default
+  f 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 o = t(a);
+const e = t(a);
 export {
-  o as YaheeEchartGauge,
-  o as default
+  e as YaheeEchartGauge,
+  e as default
 };

package/es/filter-container/filter-container.vue.js

@@ -0,0 +1,67 @@
+import { defineComponent as K, ref as v, computed as p, useSlots as S, provide as M, onMounted as V, onUnmounted as j, createElementBlock as i, openBlock as u, createCommentVNode as g, renderSlot as y } from "vue";
+import I from "../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/debounce.js";
+const x = { class: "yahee-filter-container" }, N = {
+  key: 0,
+  class: "filter-section"
+}, O = {
+  key: 1,
+  class: "search-section"
+}, G = /* @__PURE__ */ K({
+  __name: "filter-container",
+  props: {
+    debounceInterval: { default: 300 },
+    immediate: { type: Boolean, default: !1 },
+    initialSearchItem: { default: () => ({}) },
+    showSearchSection: { type: Boolean, default: !1 }
+  },
+  emits: ["change", "search"],
+  setup(C, { expose: _, emit: b }) {
+    const A = Symbol("filterContainer"), r = C, c = b, t = v({ ...r.initialSearchItem }), s = v(/* @__PURE__ */ new Map()), k = p(() => s.value.size > 0 || !!S().filters), w = p(() => r.showSearchSection || Array.from(s.value.values()).some((e) => e.type === "search") || !!S().search), h = I((e) => {
+      c("change", e);
+    }, r.debounceInterval), m = I((e) => {
+      c("search", e);
+    }, r.debounceInterval), E = (e, o, n = "filter") => {
+      console.log(`注册组件: ${e}, 类型: ${n}`), s.value.set(e, { methods: o, type: n });
+    }, $ = (e) => {
+      console.log(`注销组件: ${e}`), s.value.delete(e);
+    }, d = (e) => {
+      const o = Array.isArray(e) ? e : [e], n = { ...t.value };
+      o.forEach((z) => {
+        const { filterKey: l, checkedValues: a } = z;
+        a.length === 0 || a[0] === "" || a[0] === null || a[0] === void 0 ? delete n[l] : a.length === 1 ? n[l] = a[0] : n[l] = a;
+      }), t.value = n, h({ ...n });
+    }, B = (e) => {
+      const o = { ...t.value, ...e };
+      t.value = o, m({ ...o });
+    }, F = () => {
+      t.value = { ...r.initialSearchItem }, s.value.forEach((e) => {
+        e.methods.reset && e.methods.reset();
+      }), c("change", { ...t.value });
+    }, f = () => ({ ...t.value });
+    return M(A, {
+      registerComponent: E,
+      unregisterComponent: $,
+      updateSearchItem: d,
+      handleSearch: B,
+      getCurrentSearchItem: f
+    }), _({
+      resetAllFilters: F,
+      getCurrentSearchItem: f,
+      updateSearchItem: d
+    }), V(() => {
+      console.log("FilterContainer 已挂载，注册组件数量:", s.value.size), r.immediate && Object.keys(t.value).length > 0 && c("change", { ...t.value });
+    }), j(() => {
+      h.cancel(), m.cancel();
+    }), (e, o) => (u(), i("div", x, [
+      k.value ? (u(), i("div", N, [
+        y(e.$slots, "filters")
+      ])) : g("", !0),
+      w.value ? (u(), i("div", O, [
+        y(e.$slots, "search")
+      ])) : g("", !0)
+    ]));
+  }
+});
+export {
+  G as default
+};

package/es/filter-container/filter-container.vue2.js

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

package/es/filter-container/index.js

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

package/es/filter-container/style/index.css

@@ -0,0 +1,17 @@
+.yahee-filter-container {
+  display: flex;
+  width: 100%;
+}
+.yahee-filter-container .filter-section {
+  min-width: 200px;
+}
+.yahee-filter-container .search-section {
+  min-height: 60px;
+  position: fixed;
+  right: -50px;
+}
+.yahee-filter-container .content-section {
+  flex: 1;
+  padding: 16px;
+  overflow: auto;
+}

package/es/filter-wrapper/filter-wrapper.vue.js

@@ -0,0 +1,7 @@
+import r from "./filter-wrapper.vue2.js";
+/* empty css                    */
+import o from "../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ o(r, [["__scopeId", "data-v-841c990f"]]);
+export {
+  e as default
+};

package/es/filter-wrapper/filter-wrapper.vue2.js

@@ -0,0 +1,59 @@
+import { defineComponent as f, inject as m, onMounted as d, onUnmounted as h, createElementBlock as y, openBlock as S, renderSlot as g } from "vue";
+const I = { class: "filter-wrapper yahee-filter-wrapper" }, K = /* @__PURE__ */ f({
+  name: "YaheeFilterWrapper",
+  __name: "filter-wrapper",
+  props: {
+    id: {},
+    filterKey: {},
+    type: { default: "filter" },
+    reset: {},
+    immediate: { type: Boolean, default: !1 }
+  },
+  setup(p, { expose: l }) {
+    const u = Symbol("filterContainer"), r = p, e = m(u), n = (t = {}) => {
+      e && e.registerComponent(
+        r.id,
+        {
+          reset: r.reset || t.reset,
+          ...t
+        },
+        r.type
+      );
+    }, a = (t) => {
+      if (!e) return;
+      const c = Array.isArray(t) ? t : [t];
+      e.updateSearchItem({
+        filterKey: r.filterKey,
+        checkedValues: c
+      });
+    }, s = () => e != null && e.getCurrentSearchItem ? e.getCurrentSearchItem() : {}, o = (t) => {
+      e != null && e.handleSearch && e.handleSearch(t);
+    }, i = () => {
+      r.reset && r.reset();
+    };
+    return l({
+      register: n,
+      updateFilter: a,
+      getCurrentSearchItem: s,
+      handleSearch: o,
+      reset: i
+    }), d(() => {
+      if (n({ reset: i }), r.immediate && (e != null && e.getCurrentSearchItem)) {
+        const t = e.getCurrentSearchItem();
+        t[r.filterKey] && a(t[r.filterKey]);
+      }
+    }), h(() => {
+      e && e.unregisterComponent(r.id);
+    }), (t, c) => (S(), y("div", I, [
+      g(t.$slots, "default", {
+        register: n,
+        update: a,
+        getCurrentSearchItem: s,
+        handleSearch: o
+      }, void 0, !0)
+    ]));
+  }
+});
+export {
+  K as default
+};

package/es/filter-wrapper/index.js

@@ -0,0 +1,7 @@
+import { withInstall as r } from "../utils/install.js";
+import t from "./filter-wrapper.vue.js";
+const a = r(t);
+export {
+  a as YaheeFilterWrapper,
+  a as default
+};

package/es/filter-wrapper/style/index.css

@@ -0,0 +1,3 @@
+.yahee-filter-wrapper {
+  font-size: 20px;
+}

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

@@ -1,116 +1,177 @@
-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 c, createCommentVNode as y } from "vue";
-import I from "../_virtual/_plugin-vue_export-helper.js";
-const k = { class: "yahee-image-upload" }, p = {
+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 = {
   key: 0,
   style: { width: "100%", height: "100%" }
-}, z = ["src"];
-function C(g, l, o, e, E, 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, r;
-              return [
-                (m = o.modelValue) != null && m.fileId ? (t(), s("div", p, [
-                  a(e.ElImage, {
-                    class: "picture",
-                    src: e.useImage((r = o.modelValue) == null ? void 0 : r.fileId)
+}, 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
                   }, {
-                    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)
-                    ])),
+                    default: o(() => [
+                      a(t(Y))
+                    ]),
                     _: 1
-                  }, 8, ["src"]),
-                  n("span", {
-                    class: "upload-actions",
-                    onClick: c(e.handleFilePreview, ["stop"])
-                  }, [
-                    o.showDelete ? (t(), s("span", {
-                      key: 0,
-                      class: "upload-delete",
-                      onClick: c(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
-        })
-      ]),
-      default: i(() => [
-        n("img", {
-          style: { width: "100%" },
-          src: e.dialogImageUrl,
-          alt: "Preview Image"
-        }, null, 8, z)
+                  }))
+                ];
+              })
+            ];
+          }),
+          _: 3
+        }, 8, ["style"])
+      ])), [
+        [t(S), u.value]
       ]),
-      _: 1
-    }, 8, ["modelValue"])
-  ], 64);
-}
-const B = /* @__PURE__ */ I(f, [["render", C], ["__file", "D:/projects/frontend/common/common_componentsweb/packages/components/src/image-upload/image-upload.vue"]]);
+      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 {
-  B as default
+  de as default
 };