smart-web-ui 1.0.0 → 1.0.1

package/dist/PieChartOne.js

@@ -0,0 +1,438 @@
+import { ref as A, computed as f, watch as s, onMounted as y, onBeforeUnmount as S, openBlock as b, createElementBlock as N, mergeProps as C, nextTick as B } from "vue";
+import { i as E } from "./chunks/index-CBkwld9S.js";
+import { _ as w } from "./chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+import { m as F } from "./chunks/merge-H4ZkNr1T.js";
+const U = {
+  __name: "PieChartOne",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    },
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    colorData: {
+      type: Array,
+      default: () => ["#438AF4", "#a1ffcb", "#f69d7b", "#b9e5ff", "#c392bb", "#65d1f8"]
+    },
+    zoomKey: {
+      type: String,
+      // 'none' | 'ctrl' | 'alt' | 'shift'
+      default: "ctrl"
+      // 默认按住 Ctrl 键缩放
+    },
+    // 圆环间隙大小
+    padAngle: {
+      type: Number,
+      default: 5
+    },
+    // 移入提示框背景颜色
+    tooltipBgColor: {
+      type: String,
+      default: "rgba(1, 13, 19, 0.6)"
+    },
+    // 移入提示框边框颜色
+    tooltipBorderColor: {
+      type: String,
+      default: "#ffffff40"
+    },
+    // 移入提示框文字颜色
+    tooltipTextColor: {
+      type: String,
+      default: "#ffffff"
+    },
+    // 移入提示框文字大小
+    tooltipTextFontSize: {
+      type: Number,
+      default: 12
+    },
+    // 圆环大小数据
+    radiusData: {
+      type: Array,
+      default: () => ["140%", "170%"]
+    },
+    // 外圆环大小数据
+    waiRadiusData: {
+      type: Array,
+      default: () => ["95%", "95%"]
+    },
+    // 圆环位置
+    centerData: {
+      type: Array,
+      default: ["50%", "50%"]
+    },
+    // 图例区域总高度
+    itemHeight: {
+      type: Number,
+      default: 80
+    },
+    // 初始顶部位置（从底部开始）
+    topPosition: {
+      type: Number,
+      default: 90
+    },
+    // legend数据相对右侧位置
+    legendRight: {
+      type: String,
+      default: "0%"
+    },
+    // legend图例宽度
+    legendWidth: {
+      type: Number,
+      default: 180
+    },
+    // legend图例色块宽度
+    legendItemWidth: {
+      type: Number,
+      default: 14
+    },
+    // legend图例色块高度
+    legendItemHeight: {
+      type: Number,
+      default: 14
+    },
+    // legend整体宽度
+    textStyleWidth: {
+      type: Number,
+      default: 160
+    },
+    // legend名称字体大小
+    legendNameFontSize: {
+      type: Number,
+      default: 13
+    },
+    // legend名称字体颜色
+    legendNameColor: {
+      type: String,
+      default: "#fff"
+    },
+    // legend名称padding值
+    legendNamePadding: {
+      type: Array,
+      default: [0, 0, 0, 4]
+    },
+    // legend value值字体大小
+    legendValueFontSize: {
+      type: Number,
+      default: 15
+    },
+    // legend value值字体粗度
+    legendValuefontWeight: {
+      type: Number,
+      default: 700
+    },
+    // 中间图片地址
+    imgUrl: {
+      type: String,
+      default: () => new URL("data:image/png;base64,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", import.meta.url).href
+    },
+    // 图片宽度
+    imgWidth: {
+      type: Number,
+      default: 100
+    },
+    // 图片高度
+    imgHeight: {
+      type: Number,
+      default: 100
+    },
+    // 图片靠左侧位置
+    imgLeft: {
+      type: String,
+      default: "center"
+    },
+    // 中心文字总数
+    total: {
+      type: String,
+      default: "2312"
+    },
+    // 中心文字单位
+    centerName: {
+      type: String,
+      default: "总车位数"
+    },
+    // 总数字体大小
+    totalFontSize: {
+      type: Number,
+      default: 28
+    },
+    // 总数字体颜色
+    totalColor: {
+      type: String,
+      default: "#99F7FF"
+    },
+    // 总数字体大小
+    centerNameFontSize: {
+      type: Number,
+      default: 14
+    },
+    // 总数字体颜色
+    centerNameColor: {
+      type: String,
+      default: "#fff"
+    },
+    // 中间文字靠左距离
+    titleLeft: {
+      type: String,
+      default: "47%"
+    },
+    // 中间文字靠顶部距离
+    titleTop: {
+      type: String,
+      default: "30%"
+    }
+  },
+  setup(l) {
+    const e = l, i = A(null);
+    let t = null;
+    const m = f(() => {
+      const r = e.data, a = [], c = e.colorData;
+      for (let o = 0; o < r.length; o++)
+        a.push({
+          value: r[o].data,
+          name: r[o].name
+        });
+      const h = [
+        {
+          name: "",
+          type: "pie",
+          clockwise: !1,
+          padAngle: e.padAngle,
+          radius: e.radiusData,
+          center: e.centerData,
+          itemStyle: {
+            borderRadius: "50%"
+          },
+          top: "center",
+          label: {
+            show: !1
+          },
+          data: a
+        },
+        {
+          type: "pie",
+          tooltip: {
+            show: !1
+          },
+          center: e.centerData,
+          radius: e.waiRadiusData,
+          legend: {
+            show: !1
+            // 强制不展示图例
+          },
+          label: {
+            show: !1
+            // 不展示data中的value和name
+          },
+          emphasis: {
+            scale: !1
+            // 禁止鼠标移入放大
+          },
+          data: [
+            {
+              value: 0,
+              // 此处的值无所谓是多少
+              name: "",
+              // 因为不展示label，可不填
+              itemStyle: {
+                // 边框样式，浅蓝色，颜色可自行修改
+                borderWidth: 1,
+                // 边框宽度
+                borderColor: "rgba(108, 128, 151, 0.70)",
+                // 边框颜色
+                shadowBlur: 3,
+                shadowColor: "rgba(108, 128, 151, 0.70)"
+              }
+            }
+          ]
+        }
+      ];
+      return {
+        tooltip: {
+          show: !0,
+          trigger: "item",
+          backgroundColor: e.tooltipBgColor,
+          borderColor: e.tooltipBorderColor,
+          textStyle: {
+            color: e.tooltipTextColor,
+            fontSize: e.tooltipTextFontSize,
+            fontFamily: "PingFang SC"
+          }
+        },
+        color: c,
+        graphic: {
+          elements: [
+            {
+              type: "image",
+              z: 9,
+              style: {
+                image: e.imgUrl,
+                width: e.imgWidth,
+                height: e.imgHeight
+              },
+              left: e.imgLeft,
+              top: "center"
+            }
+          ]
+        },
+        title: {
+          text: e.total,
+          subtext: e.centerName,
+          textAlign: "center",
+          textStyle: {
+            color: e.totalColor,
+            fontSize: e.totalFontSize,
+            fontFamily: "D-DIN"
+          },
+          subtextStyle: {
+            fontSize: e.centerNameFontSize,
+            color: e.centerNameColor,
+            fontFamily: "PingFang SC"
+          },
+          left: e.titleLeft,
+          top: e.titleTop
+        },
+        // legend: legendConfig,
+        //  {
+        //   type: "scroll",
+        //   orient: "vertical",
+        //   right: 10,
+        //   top: "center",
+        //   bottom: 20,
+        //   data: data,
+        //   icon: "roundRect", // 改变legend小图标形状
+        //   width: props.legendWidth,
+        //   itemWidth: props.legendItemWidth, // 设置宽度
+        //   itemHeight: props.legendItemHeight, // 设置高度
+        //   // 移除图例整体背景色，改为单个图例项背景色
+        //   // backgroundColor: "rgba(49, 82, 105, 0.40)",
+        //   // 为图例添加圆角
+        //   borderRadius: 4,
+        //   // 为图例添加内边距
+        //   padding: [8, 12],
+        //   formatter: (name) => {
+        //     // 查找对应名称的数据项
+        //     const item = data.find((item) => item.name === name);
+        //     console.log(item);
+        //     const value = item ? item.value : 0;
+        //     // 使用富文本格式，为每个图例项添加背景
+        //     return `{name|${name}}{value|${value}}`;
+        //   },
+        //   textStyle: {
+        //     width: props.textStyleWidth,
+        //     align: "left",
+        //     verticalAlign: "middle",
+        //     rich: {
+        //       bg: {
+        //         // 单个图例项背景色
+        //         backgroundColor: "rgba(49, 82, 105, 0.40)",
+        //         borderRadius: 4,
+        //         padding: [4, 8], // 调整内边距
+        //         display: "block", // 使背景色覆盖整个图例项
+        //         marginBottom: 4, // 图例项之间的间距
+        //       },
+        //       icon: {
+        //         width: props.legendItemWidth,
+        //         height: props.legendItemHeight,
+        //         // 动态获取图例项颜色
+        //         backgroundColor: (name) => {
+        //           const item = data.find((item) => item.name === name);
+        //           console.log(item);
+        //           return item
+        //             ? item.color || props.colorData[data.indexOf(item)]
+        //             : "#65d1f8";
+        //         },
+        //         borderRadius: 2,
+        //         marginRight: 4,
+        //       },
+        //       name: {
+        //         fontSize: props.legendNameFontSize,
+        //         fontFamily: "PingFang SC",
+        //         align: "left",
+        //         color: props.legendNameColor, // name颜色为白色
+        //         padding: [0, 4, 0, 0],
+        //       },
+        //       value: {
+        //         fontSize: props.legendValueFontSize,
+        //         fontFamily: "D-DIN",
+        //         align: "right",
+        //         fontWeight: props.legendValuefontWeight,
+        //         // 动态获取值的颜色
+        //         color: "#fff",
+        //       },
+        //     },
+        //   },
+        // },
+        series: h,
+        // // 数据缩放配置
+        // dataZoom: [
+        //   {
+        //     type: "inside", // 内置型数据缩放组件
+        //     xAxisIndex: 0, // 控制第一个 x 轴
+        //     // 根据 zoomKey 的值设置是否需要按键触发缩放
+        //     zoomOnMouseWheel: props.zoomKey === "none" ? true : props.zoomKey,
+        //     moveOnMouseMove: true, // 允许鼠标拖动平移
+        //     moveOnMouseWheel: true, // 允许鼠标滚轮平移
+        //     preventDefaultMouseMove: false, // 允许默认滚动行为
+        //     throttle: 50, // 操作节流时间
+        //     start: 0,
+        //     end:
+        //       (props.data && props.data.length) > 30
+        //         ? props.data.length / 1.7
+        //         : (props.data && props.data.length) > 23
+        //         ? props.data.length / 1.5
+        //         : (props.data && props.data.length) > 13
+        //         ? 50
+        //         : (props.data && props.data.length) > 7
+        //         ? 70
+        //         : 100,
+        // maxSpan: 80, // 最大缩放范围
+        // minSpan: 20, // 最小缩放范围
+        // },
+        // ],
+        animation: !0
+        // 禁用动画提升性能
+      };
+    }), d = f(
+      () => F({}, m.value, e.options)
+    ), g = () => {
+      i.value && (t = E(
+        i.value,
+        {},
+        {
+          renderer: "svg"
+        }
+      ), n(), t.dispatchAction({
+        type: "takeGlobalCursor",
+        key: "dataZoomSelect",
+        dataZoomSelectActive: !0
+      }));
+    }, n = () => {
+      t && (t.setOption(d.value, !0), B(() => t.resize()));
+    }, u = () => {
+      t == null || t.resize({ animation: { duration: 300 } });
+    };
+    return s(
+      () => e.data,
+      (r, a) => {
+        JSON.stringify(r) !== JSON.stringify(a) && n();
+      },
+      { deep: !0 }
+    ), s(d, n), y(() => {
+      g(), window.addEventListener("resize", u);
+    }), S(() => {
+      window.removeEventListener("resize", u), t == null || t.dispose(), t = null;
+    }), (r, a) => (b(), N("div", C({
+      ref_key: "chartContainer",
+      ref: i
+    }, r.$attrs, { class: "echarts-container" }), null, 16));
+  }
+}, p = /* @__PURE__ */ w(U, [["__scopeId", "data-v-7a3fffe9"]]);
+p.install = (l) => {
+  l.component("PieChartOne", p);
+};
+export {
+  p as default
+};

package/dist/PopupFrame.js

@@ -0,0 +1,131 @@
+import { computed as r, ref as v, watch as X, onMounted as Z, onUnmounted as U, openBlock as Q, createBlock as E, Teleport as I, createElementVNode as e, normalizeStyle as i, toDisplayString as L, renderSlot as S, createCommentVNode as z } from "vue";
+import { b as T } from "./chunks/index-CYrEZgNC.js";
+import { _ as C } from "./chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const j = { class: "card-dialog-head-title" }, K = { class: "card-dialog-body" }, F = { class: "card-dialog-content" }, R = {
+  __name: "PopupFrame",
+  props: {
+    // 控制弹窗是否显示
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    // 弹窗的宽度
+    width: {
+      type: String,
+      default: "400px"
+    },
+    // 弹窗的高度
+    height: {
+      type: String,
+      default: ""
+    },
+    // 弹窗的标题
+    title: {
+      type: String,
+      default: () => "告警记录"
+    }
+  },
+  emits: ["update:visible", "onSend"],
+  setup(d, { emit: c }) {
+    const A = d, y = c, g = r({
+      get: () => A.visible,
+      set: (o) => {
+        y("update:visible", o);
+      }
+    }), l = v(), u = v(), n = v({
+      left: "50%",
+      top: "50%",
+      width: A.width,
+      ...A.height && { height: A.height }
+    });
+    X(
+      () => [A.width, A.height],
+      () => {
+        n.value = {
+          left: "50%",
+          top: "50%",
+          width: A.width,
+          height: A.height
+        };
+      }
+    );
+    let s = 0, a = 0;
+    const f = () => {
+      s = document.body.clientWidth, a = document.body.clientHeight;
+    }, m = (o) => {
+      l.value && (n.value.left = o.x / s * 100 + l.value.clientWidth / 2 / s * 100 + "%", n.value.top = o.y / a * 100 + l.value.clientHeight / 2 / a * 100 + "%");
+    }, p = () => {
+      f(), l.value && (n.value.left = l.value.offsetLeft / s * 100 + "%", n.value.top = l.value.offsetTop / a * 100 + "%");
+    };
+    Z(() => {
+      f(), window.addEventListener("resize", p);
+    }), U(() => {
+      window.removeEventListener("resize", p);
+    }), T(l, {
+      handle: u,
+      onMove: m
+    });
+    const B = new URL("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE3SURBVHgB7ZW/asJAHMfvylE6SGuxhaLQUnwM+wgtfYAOLR3atFQKrYhgwEFFBycVRAdx0MVNVHDxFXwDcVX8g4YMLhLvhwoSE3MXOFz8QiC5y+/z+V1yITiRr8563e4cCci913tGAN6o16ZIQB6fnp0nSHCOAvsC/+frZTjw40IWgfv8H29ObgHWsPb9/uLaJ5HpXOhXur44d5hyiNlEulCaQiGVXMF1PJUd6+FftIFcsTKKpbITbgEkui7US1jhlgIjCaYHK5xJYCRhhUOYt6m2an7n3CpMK9g883qrPaN0DLsLxvUv3pZgGy79yYPNOKuE2IFL/3KfVUJ44UYSRVEXGfrdcAmgyAy+LVFUdXHruSHcK0ibdKRPMJIc7ps//g8OLyBuj/vU53twIAEBNi43O3dIYJYVppzhg1RDkQAAAABJRU5ErkJggg==", import.meta.url).href, P = new URL("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI5SURBVHgBxZNNaxRBEIbf6u6ZnuzsOpuwYw7ZgDe/8CCKR/Ggv0JEJBLIQdGbN/WYi3o0F0HwIAjJUX9AQPAgiBAEDQlKRGJM1s3Xzs52l7W7ZDUYjRHEFwa6p7uefquKAv6pmAl7lPo5kKl8CUn5GpexB3UBZ9ikR1BJP2N55gk1B67wPk3ZYNiycRThy+wd+vBnIHExMIZqHGEwRFabhV1IHaqhQiUJXWq0XhkK8erpbarjt6mBOCPkvomgYM3xU6XsdEGhZOTEyRdQfnBN5efPjTdP7uIIaNckAQ7Hgav2F33VKErrDfM6y926DX1aCimNQk4LVoKiYHxqjBZ3cATUFrDaXTk4sWE0x5W4NTKY+LNKrrlegMBc9nBkYvPyjo7aql7PjvVbfSju89VShCEJOmo1HbCGTa2hJglsilZAIdrOKgXrMwt3f/xC8ZHalqgXsOuYkqp1H2EGy3bF++9vEzExe5L74lzNt/+areMToxwsEWJoCdPCZCj2yricpz/W6UUUoBKLE26zBa6Unqi3gsf3LtLqNtCcRV8pl0UkHKfRyH2jvkEPshZtFCNUJH7LzxvyfGtiJJz7MZkeKFtdL5TKcafQnvjt/LJ/JkUuJ6FJveRKrDZ9y09N3gimsYO6oJus7CICyTpvQr98Diykm63hsM+0eyit4vlP/Xr63VWd4RfqjUhxGANrDdSwNSIO+0OgmFi8n7lLy9hFvRHplEDa0dmOcpJoqK9LqAvY4e/FCv9L3wApbtdAsVhrvQAAAABJRU5ErkJggg==", import.meta.url).href, w = new URL("data:image/png;base64,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", import.meta.url).href, H = r(() => ({
+      backgroundImage: `url(${B})`,
+      width: "24px",
+      height: "24px"
+    })), N = r(() => ({
+      backgroundImage: `url(${P})`,
+      width: "18px",
+      height: "18px",
+      marginRight: "5px"
+    })), b = r(() => ({
+      backgroundImage: `url(${w})`
+    }));
+    return (o, t) => g.value ? (Q(), E(I, {
+      key: 0,
+      to: "#app"
+    }, [
+      e("div", {
+        ref_key: "modalRef",
+        ref: l,
+        class: "card-dialog",
+        style: i(n.value)
+      }, [
+        t[1] || (t[1] = e("div", { class: "leftTopCorner" }, null, -1)),
+        t[2] || (t[2] = e("div", { class: "leftBottomCorner" }, null, -1)),
+        t[3] || (t[3] = e("div", { class: "rightTopCorner" }, null, -1)),
+        t[4] || (t[4] = e("div", { class: "rightBottomCorner" }, null, -1)),
+        e("div", {
+          ref_key: "modalHeadRef",
+          ref: u,
+          class: "card-dialog-head"
+        }, [
+          e("div", j, [
+            e("div", {
+              style: i(N.value)
+            }, null, 4),
+            e("b", null, L(d.title), 1)
+          ]),
+          e("div", {
+            class: "card-dialog-head-close",
+            style: i(H.value),
+            onClick: t[0] || (t[0] = () => {
+              g.value = !1;
+            })
+          }, null, 4)
+        ], 512),
+        e("div", {
+          class: "card-dialog-line",
+          style: i(b.value)
+        }, null, 4),
+        e("div", K, [
+          e("div", F, [
+            S(o.$slots, "default", {}, void 0, !0)
+          ])
+        ])
+      ], 4)
+    ])) : z("", !0);
+  }
+}, h = /* @__PURE__ */ C(R, [["__scopeId", "data-v-dc094aa6"]]);
+h.install = (d) => {
+  d.component("PopupFrame", h);
+};
+export {
+  h as default
+};