mixdashboards 1.0.32 → 1.0.39

package/dist/timeQueryBar-BeMu_DYr.js

@@ -0,0 +1,155 @@
+var T = Object.defineProperty, h = Object.defineProperties;
+var E = Object.getOwnPropertyDescriptors;
+var y = Object.getOwnPropertySymbols;
+var I = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
+var D = (l, a, o) => a in l ? T(l, a, { enumerable: !0, configurable: !0, writable: !0, value: o }) : l[a] = o, M = (l, a) => {
+  for (var o in a || (a = {}))
+    I.call(a, o) && D(l, o, a[o]);
+  if (y)
+    for (var o of y(a))
+      S.call(a, o) && D(l, o, a[o]);
+  return l;
+}, C = (l, a) => h(l, E(a));
+import { ElDatePicker as O, ElButton as A, ElIcon as N } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/icon/style/css";
+import "element-plus/es/components/date-picker/style/css";
+import { defineComponent as V, useCssVars as x, ref as Y, computed as B, onMounted as U, openBlock as b, createElementBlock as _, createElementVNode as p, Fragment as w, renderList as Q, normalizeClass as j, toDisplayString as z, createVNode as u, withCtx as H, unref as L, createTextVNode as R, renderSlot as F } from "vue";
+import { Search as P } from "@element-plus/icons-vue";
+import { u as q, d as $, _ as G } from "./index-kShjySl9.js";
+import { A as J, D as K } from "./ele-dateTime-icon-BEGFlwID.js";
+const W = { class: "time-query-bar" }, X = { class: "granularity-tabs" }, Z = ["onClick"], ee = { class: "time-range" }, te = {
+  DEFAULT_ICON: K,
+  ACTIVE_ICON: J,
+  NAME_CN: "时间查询栏",
+  NAME_EN: "Time Query Bar",
+  ORDER: 10
+}, ae = {
+  bgColor: { value: "#ffffff", type: "color", label: "component.options.bgColor" },
+  textColor: { value: "#333333", type: "color", label: "component.options.textColor" },
+  accentColor: { value: "#409eff", type: "color", label: "component.options.accentColor" }
+}, oe = [
+  { targetComponentId: "" }
+], le = ["targetComponentId"], re = [], se = { useAlias: !1, multiObject: !1, source: "" }, ne = { DEFAULT: te, OPTIONS: ae, DATA: oe, PARAMS: le, SOURCE: re, COMMON: se }, me = /* @__PURE__ */ V(C(M({}, ne), {
+  __name: "timeQueryBar",
+  props: {
+    conf: { type: Object, default: () => ({}) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(l) {
+    x((t) => ({
+      v7c4d01ae: i.value.bgColor,
+      v341175c6: i.value.textColor,
+      v29229c49: i.value.accentColor
+    }));
+    const a = q(), o = l, g = [
+      { label: "小时", value: "hour" },
+      { label: "日均", value: "day" },
+      { label: "今日", value: "today" },
+      { label: "近7天", value: "week" },
+      { label: "近30天", value: "month" }
+    ], c = Y("hour"), s = Y(""), n = Y(""), i = B(() => {
+      var m, d, f, r;
+      const { options: t, data: e } = o.conf || {};
+      return {
+        targetComponentId: ((m = e == null ? void 0 : e[0]) == null ? void 0 : m.targetComponentId) || "",
+        bgColor: ((d = t == null ? void 0 : t.bgColor) == null ? void 0 : d.value) || "#ffffff",
+        textColor: ((f = t == null ? void 0 : t.textColor) == null ? void 0 : f.value) || "#333333",
+        accentColor: ((r = t == null ? void 0 : t.accentColor) == null ? void 0 : r.value) || "#409eff"
+      };
+    }), v = (t) => {
+      c.value = t;
+      const e = $();
+      switch (t) {
+        case "hour":
+          s.value = e.subtract(1, "hour").format("YYYY-MM-DD HH:mm:ss"), n.value = e.format("YYYY-MM-DD HH:mm:ss");
+          break;
+        case "day":
+          s.value = e.subtract(1, "day").format("YYYY-MM-DD HH:mm:ss"), n.value = e.format("YYYY-MM-DD HH:mm:ss");
+          break;
+        case "today":
+          s.value = e.startOf("day").format("YYYY-MM-DD HH:mm:ss"), n.value = e.format("YYYY-MM-DD HH:mm:ss");
+          break;
+        case "week":
+          s.value = e.subtract(7, "day").format("YYYY-MM-DD HH:mm:ss"), n.value = e.format("YYYY-MM-DD HH:mm:ss");
+          break;
+        case "month":
+          s.value = e.subtract(30, "day").format("YYYY-MM-DD HH:mm:ss"), n.value = e.format("YYYY-MM-DD HH:mm:ss");
+          break;
+      }
+    }, k = () => {
+      const t = i.value.targetComponentId;
+      t && (a.publish("deepDisplacement3D", {
+        objectId: t,
+        type: "query",
+        fv: {
+          granularity: c.value,
+          startTime: s.value,
+          endTime: n.value,
+          sourceUid: o.uid
+        },
+        source: "timeQueryBar"
+      }), console.log("[TimeQueryBar] 发送查询请求:", { targetId: t, granularity: c.value, startTime: s.value, endTime: n.value }));
+    };
+    return U(() => {
+      v("month");
+    }), (t, e) => {
+      const m = O, d = N, f = A;
+      return b(), _("div", W, [
+        p("div", X, [
+          (b(), _(w, null, Q(g, (r) => p("span", {
+            key: r.value,
+            class: j(["tab-item", { active: c.value === r.value }]),
+            onClick: (ue) => v(r.value)
+          }, z(r.label), 11, Z)), 64))
+        ]),
+        p("div", ee, [
+          u(m, {
+            modelValue: s.value,
+            "onUpdate:modelValue": e[0] || (e[0] = (r) => s.value = r),
+            type: "datetime",
+            placeholder: "开始时间",
+            format: "YYYY-MM-DD HH:mm:ss",
+            "value-format": "YYYY-MM-DD HH:mm:ss",
+            size: "small",
+            class: "time-picker"
+          }, null, 8, ["modelValue"]),
+          e[2] || (e[2] = p("span", { class: "range-separator" }, "→", -1)),
+          u(m, {
+            modelValue: n.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (r) => n.value = r),
+            type: "datetime",
+            placeholder: "结束时间",
+            format: "YYYY-MM-DD HH:mm:ss",
+            "value-format": "YYYY-MM-DD HH:mm:ss",
+            size: "small",
+            class: "time-picker"
+          }, null, 8, ["modelValue"])
+        ]),
+        u(f, {
+          type: "primary",
+          size: "small",
+          onClick: k
+        }, {
+          default: H(() => [
+            u(d, null, {
+              default: H(() => [
+                u(L(P))
+              ]),
+              _: 1
+            }),
+            e[3] || (e[3] = R(" 搜索 ", -1))
+          ]),
+          _: 1
+        }),
+        F(t.$slots, "default", {}, void 0, !0)
+      ]);
+    };
+  }
+})), Ce = /* @__PURE__ */ G(me, [["__scopeId", "data-v-2a5561c6"]]);
+export {
+  Ce as default
+};

package/dist/timeQueryBar-BuKakMy8.cjs

@@ -0,0 +1 @@
+"use strict";var g=Object.defineProperty,k=Object.defineProperties;var N=Object.getOwnPropertyDescriptors;var y=Object.getOwnPropertySymbols;var V=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var D=(r,o,l)=>o in r?g(r,o,{enumerable:!0,configurable:!0,writable:!0,value:l}):r[o]=l,C=(r,o)=>{for(var l in o||(o={}))V.call(o,l)&&D(r,l,o[l]);if(y)for(var l of y(o))E.call(o,l)&&D(r,l,o[l]);return r},M=(r,o)=>k(r,N(o));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/icon/style/css");require("element-plus/es/components/date-picker/style/css");const e=require("vue"),T=require("@element-plus/icons-vue"),v=require("./index-Mh5Dw2sd.cjs"),b=require("./ele-dateTime-icon-BgZ2_KWW.cjs"),I={class:"time-query-bar"},O={class:"granularity-tabs"},S=["onClick"],h={class:"time-range"},A={DEFAULT_ICON:b.DEFAULT_ICON,ACTIVE_ICON:b.ACTIVE_ICON,NAME_CN:"时间查询栏",NAME_EN:"Time Query Bar",ORDER:10},q={bgColor:{value:"#ffffff",type:"color",label:"component.options.bgColor"},textColor:{value:"#333333",type:"color",label:"component.options.textColor"},accentColor:{value:"#409eff",type:"color",label:"component.options.accentColor"}},x=[{targetComponentId:""}],B=["targetComponentId"],U=[],w={useAlias:!1,multiObject:!1,source:""},j={DEFAULT:A,OPTIONS:q,DATA:x,PARAMS:B,SOURCE:U,COMMON:w},L=e.defineComponent(M(C({},j),{__name:"timeQueryBar",props:{conf:{type:Object,default:()=>({})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(r){e.useCssVars(a=>({v7c4d01ae:i.value.bgColor,v341175c6:i.value.textColor,v29229c49:i.value.accentColor}));const o=v.useLinkStore(),l=r,_=[{label:"小时",value:"hour"},{label:"日均",value:"day"},{label:"今日",value:"today"},{label:"近7天",value:"week"},{label:"近30天",value:"month"}],m=e.ref("hour"),n=e.ref(""),u=e.ref(""),i=e.computed(()=>{var c,d,Y,s;const{options:a,data:t}=l.conf||{};return{targetComponentId:((c=t==null?void 0:t[0])==null?void 0:c.targetComponentId)||"",bgColor:((d=a==null?void 0:a.bgColor)==null?void 0:d.value)||"#ffffff",textColor:((Y=a==null?void 0:a.textColor)==null?void 0:Y.value)||"#333333",accentColor:((s=a==null?void 0:a.accentColor)==null?void 0:s.value)||"#409eff"}}),p=a=>{m.value=a;const t=v.dayjs();switch(a){case"hour":n.value=t.subtract(1,"hour").format("YYYY-MM-DD HH:mm:ss"),u.value=t.format("YYYY-MM-DD HH:mm:ss");break;case"day":n.value=t.subtract(1,"day").format("YYYY-MM-DD HH:mm:ss"),u.value=t.format("YYYY-MM-DD HH:mm:ss");break;case"today":n.value=t.startOf("day").format("YYYY-MM-DD HH:mm:ss"),u.value=t.format("YYYY-MM-DD HH:mm:ss");break;case"week":n.value=t.subtract(7,"day").format("YYYY-MM-DD HH:mm:ss"),u.value=t.format("YYYY-MM-DD HH:mm:ss");break;case"month":n.value=t.subtract(30,"day").format("YYYY-MM-DD HH:mm:ss"),u.value=t.format("YYYY-MM-DD HH:mm:ss");break}},H=()=>{const a=i.value.targetComponentId;a&&(o.publish("deepDisplacement3D",{objectId:a,type:"query",fv:{granularity:m.value,startTime:n.value,endTime:u.value,sourceUid:l.uid},source:"timeQueryBar"}),console.log("[TimeQueryBar] 发送查询请求:",{targetId:a,granularity:m.value,startTime:n.value,endTime:u.value}))};return e.onMounted(()=>{p("month")}),(a,t)=>{const c=f.ElDatePicker,d=f.ElIcon,Y=f.ElButton;return e.openBlock(),e.createElementBlock("div",I,[e.createElementVNode("div",O,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(_,s=>e.createElementVNode("span",{key:s.value,class:e.normalizeClass(["tab-item",{active:m.value===s.value}]),onClick:z=>p(s.value)},e.toDisplayString(s.label),11,S)),64))]),e.createElementVNode("div",h,[e.createVNode(c,{modelValue:n.value,"onUpdate:modelValue":t[0]||(t[0]=s=>n.value=s),type:"datetime",placeholder:"开始时间",format:"YYYY-MM-DD HH:mm:ss","value-format":"YYYY-MM-DD HH:mm:ss",size:"small",class:"time-picker"},null,8,["modelValue"]),t[2]||(t[2]=e.createElementVNode("span",{class:"range-separator"},"→",-1)),e.createVNode(c,{modelValue:u.value,"onUpdate:modelValue":t[1]||(t[1]=s=>u.value=s),type:"datetime",placeholder:"结束时间",format:"YYYY-MM-DD HH:mm:ss","value-format":"YYYY-MM-DD HH:mm:ss",size:"small",class:"time-picker"},null,8,["modelValue"])]),e.createVNode(Y,{type:"primary",size:"small",onClick:H},{default:e.withCtx(()=>[e.createVNode(d,null,{default:e.withCtx(()=>[e.createVNode(e.unref(T.Search))]),_:1}),t[3]||(t[3]=e.createTextVNode(" 搜索 ",-1))]),_:1}),e.renderSlot(a.$slots,"default",{},void 0,!0)])}}})),Q=v._export_sfc(L,[["__scopeId","data-v-2a5561c6"]]);exports.default=Q;