command-center-v3-common 0.0.22 → 0.0.23

package/dist/hy-test-Bd2z5K3s.js

@@ -0,0 +1,412 @@
+import { ref as v, defineComponent as O, watch as Y, onMounted as P, resolveComponent as y, openBlock as n, createElementBlock as o, createElementVNode as s, createVNode as r, unref as t, isRef as $, withKeys as Q, withCtx as i, Fragment as N, renderList as T, createBlock as X, renderSlot as Z, toDisplayString as a, createCommentVNode as ee, withDirectives as te, vShow as se, normalizeClass as ne } from "vue";
+import { o as oe, u as le, $ as c, t as ae, g as ie, h as L, _ as ce } from "./command-center-v3-common-poB9858m.js";
+function re(f) {
+  const m = v(f.props), g = v(f.params.selectFilterType), l = v(""), d = v([]);
+  async function x() {
+    var u;
+    m.value.getData && ((u = m.value.getData()) == null || u.then(async (p) => {
+      if (!p)
+        return;
+      const _ = await oe(
+        l.value,
+        [...p],
+        {
+          hideDevice: m.value.hideDevice,
+          // 隐藏设备
+          hideOrgNoDevice: m.value.hideOrgNoDevice,
+          // 隐藏部门
+          selectFilterType: g.value
+          // 指定过滤
+        }
+      );
+      console.log("res", _), d.value = _.children, f.params.setViewDepartmentList(d.value);
+    }));
+  }
+  function h() {
+    l.value.length && x();
+  }
+  return {
+    getData: x,
+    query: l,
+    selectChange: h
+  };
+}
+const de = { class: "text-[#f00] flex flex-col h-full px-2" }, he = { class: "flex items-center" }, ue = { class: "!w-[114px]" }, pe = { class: "text-hy-text-main" }, fe = { class: "flex items-center w-full click-box" }, me = { class: "flex-grow w-0 flex items-center" }, _e = { class: "max-w-full overflow-ellipsis overflow-hidden whitespace-nowrap text-sm" }, xe = { class: "text-hy-text-main" }, ye = {
+  key: 0,
+  class: "flex-shrink-0 text-xs ml-1 text-hy-text-secondary"
+}, ve = { class: "flex-shrink-0 ml-1 flex items-center justify-center" }, ge = { class: "flex-shrink-0" }, ke = { class: "flex-grow w-0 overflow-ellipsis overflow-hidden mx-1" }, be = { class: "deviceName" }, we = {
+  key: 0,
+  class: "flex-shrink-0"
+}, De = {
+  key: 0,
+  class: "text-hy-danger text-sm font-bold relative flex-shrink-0"
+}, Ce = {
+  key: 1,
+  class: "deviceType flex-shrink-0"
+}, Se = {
+  key: 2,
+  class: "deviceType flex-shrink-0"
+}, Be = {
+  key: 3,
+  class: "deviceType flex-shrink-0"
+}, Ne = {
+  key: 4,
+  class: "deviceType flex-shrink-0"
+}, Te = {
+  key: 5,
+  class: "deviceType flex-shrink-0"
+}, $e = {
+  key: 6,
+  class: "deviceType flex-shrink-0"
+}, Oe = {
+  key: 7,
+  class: "text-hy-success flex-shrink-0"
+}, Le = {
+  key: 1,
+  class: "flex-shrink-0"
+}, Re = /* @__PURE__ */ s("span", { class: "shrink-0" }, "离线", -1), Ve = [
+  Re
+], ze = {
+  key: 1,
+  class: "w-full flex items-center"
+}, Fe = { class: "max-w-full overflow-ellipsis overflow-hidden whitespace-nowrap text-sm" }, Ge = /* @__PURE__ */ O({
+  __name: "org-group-tree",
+  props: {
+    itemType: {},
+    itemSelectParam: {},
+    height: {},
+    itemSize: { default: 36 },
+    dataList: {},
+    defaultCheckedKeys: { default: () => [] },
+    highlightSelected: { type: Boolean, default: !1 },
+    checkStrictly: { type: Boolean, default: !1 },
+    showCheckbox: { type: Boolean, default: !1 },
+    parentCheckbox: { type: Boolean, default: !0 },
+    showRadio: { type: Boolean, default: !1 },
+    showRadioButton: { type: Boolean, default: !0 },
+    showCheckboxButton: { type: Boolean, default: !0 },
+    getData: { type: Function, default: Function },
+    hideDevice: { type: Boolean, default: !1 },
+    hideOrgNoDevice: { type: Boolean, default: !1 },
+    defaultGetData: { type: Boolean, default: !1 },
+    showOnlineOnly: { type: Boolean, default: !1 },
+    returnDisableDevice: { type: Boolean, default: !0 }
+  },
+  emits: ["onCurrentDepartment", "onCurrent", "onCurrentDelete", "onSelectedData"],
+  setup(f, { expose: m, emit: g }) {
+    const l = f, d = g, {
+      currentDepartment: x,
+      currentDevice: h,
+      currentDeviceDelete: u,
+      elementRef: p,
+      selectedData: _,
+      treeComponentHeight: R,
+      treeComponentRef: V,
+      viewDepartmentList: z,
+      watchTreeComponentHeight: F,
+      setChecked: G,
+      setCheckedKeys: q,
+      setSelectedList: K,
+      selectFilterList: w,
+      selectFilterType: k,
+      getInputPlaceholder: W,
+      setViewDepartmentList: A
+    } = le({
+      emit: d,
+      props: l
+    }), {
+      getData: b,
+      query: C,
+      selectChange: j
+    } = re({
+      emit: d,
+      props: l,
+      params: {
+        selectFilterType: k,
+        setViewDepartmentList: A
+      }
+    });
+    return Y(() => l.showOnlineOnly, () => {
+      b();
+    }), m({
+      setCheckedKeys: q,
+      setSelectedList: K,
+      setChecked: G
+    }), P(() => {
+      F(), w.value = [
+        {
+          label: c("department"),
+          value: 1,
+          placeholder: c("filterByDepartmentName")
+        }
+      ], l.hideDevice || w.value.push({
+        label: c("equipment"),
+        value: 3,
+        placeholder: c("filterByDeviceNumberAndDeviceName")
+      }), k.value = w.value[0].value, l.defaultGetData || b();
+    }), (E, D) => {
+      const H = y("el-option"), I = y("el-select"), S = y("svg-icon"), J = y("el-button"), M = y("el-input"), B = y("el-tooltip");
+      return n(), o("div", de, [
+        s("div", he, [
+          r(M, {
+            modelValue: t(C),
+            "onUpdate:modelValue": D[1] || (D[1] = (e) => $(C) ? C.value = e : null),
+            placeholder: t(W),
+            class: "my-2",
+            clearable: "",
+            size: "small",
+            onClear: t(b),
+            onKeyup: Q(t(b), ["enter"])
+          }, {
+            prepend: i(() => [
+              s("div", ue, [
+                r(I, {
+                  modelValue: t(k),
+                  "onUpdate:modelValue": D[0] || (D[0] = (e) => $(k) ? k.value = e : null),
+                  class: "!m-0",
+                  size: "small",
+                  onChange: t(j)
+                }, {
+                  default: i(() => [
+                    (n(!0), o(N, null, T(t(w), (e, U) => (n(), X(H, {
+                      key: `${U}_selectFilterList`,
+                      label: e.label,
+                      value: e.value
+                    }, null, 8, ["label", "value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "onChange"])
+              ])
+            ]),
+            append: i(() => [
+              s("div", pe, [
+                r(J, {
+                  class: "!m-0 h-[28px] w-[36px] !p-[6px_0px]",
+                  onClick: t(b)
+                }, {
+                  default: i(() => [
+                    r(S, {
+                      name: "base-search",
+                      width: "14",
+                      height: "14"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "placeholder", "onClear", "onKeyup"])
+        ]),
+        Z(E.$slots, "below-the-input"),
+        s("div", {
+          ref_key: "elementRef",
+          ref: p,
+          class: "w-full flex-grow h-0 box-border"
+        }, [
+          r(ae, {
+            ref_key: "treeComponentRef",
+            ref: V,
+            "item-type": 4,
+            "highlight-selected": l.highlightSelected,
+            "item-size": l.itemSize,
+            "data-list": t(z),
+            height: t(R),
+            "check-strictly": l.checkStrictly,
+            "show-checkbox": l.showCheckbox,
+            "parent-checkbox": l.parentCheckbox,
+            "show-radio": l.showRadio,
+            "show-radio-button": l.showRadioButton,
+            "show-checkbox-button": l.showCheckboxButton,
+            "default-checked-keys": l.defaultCheckedKeys,
+            onOnCurrentDepartment: t(x),
+            onOnCurrent: t(h),
+            onOnCurrentDelete: t(u),
+            onOnSelectedData: t(_)
+          }, {
+            "check-content": i(({ row: e }) => [
+              s("div", fe, [
+                s("div", me, [
+                  s("div", _e, [
+                    r(B, {
+                      "show-after": 3e3,
+                      class: "item",
+                      effect: "dark",
+                      placement: "bottom"
+                    }, {
+                      content: i(() => [
+                        s("div", null, a(e.groupName), 1)
+                      ]),
+                      default: i(() => [
+                        s("span", xe, a(e.groupName), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  e.deviceList && e.deviceList.length ? (n(), o("span", ye, "(" + a(e.deviceList.length) + ")", 1)) : ee("", !0)
+                ]),
+                te(s("div", ve, [
+                  r(B, {
+                    class: "item",
+                    content: t(c)("addedIntercomRecordsToday"),
+                    effect: "dark",
+                    placement: "top",
+                    "show-after": 3e3
+                  }, {
+                    default: i(() => [
+                      r(S, {
+                        name: "media-center-2-intercom-2",
+                        class: "!w-[18px] !h-[18px]"
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["content"])
+                ], 512), [
+                  [se, e.todayFile]
+                ])
+              ])
+            ]),
+            "other-content": i(({ row: e }) => [
+              e.type === 3 ? (n(), o("div", {
+                key: 0,
+                class: ne([{ "text-hy-text-main": e.onlineState === 1 }, "w-full flex pr-[10px] border-box items-center"])
+              }, [
+                s("div", ge, [
+                  r(S, {
+                    name: t(ie)(
+                      e.deviceType || e.type
+                    ),
+                    width: "20",
+                    height: "20",
+                    class: "relative top-[2px]"
+                  }, null, 8, ["name"])
+                ]),
+                s("div", ke, [
+                  s("span", be, a(e.devName), 1)
+                ]),
+                e.onlineState === 1 ? (n(), o("div", we, [
+                  e.sos === 1 ? (n(), o("span", De, "SOS")) : e.intercomGroupTem === 1 || e.intercomCall === 1 ? (n(), o("span", Ce, "音频中")) : e.monitor === 1 || e.beMonitor === 1 ? (n(), o("span", Se, "监控中")) : e.videoCall === 1 ? (n(), o("span", Be, "通话中")) : e.videoRecording === 1 ? (n(), o("span", Ne, "录像中")) : e.audioRecording === 1 ? (n(), o("span", Te, "录音中")) : e.broadcast === 1 ? (n(), o("span", $e, "广播中")) : (n(), o("span", Oe, "在线"))
+                ])) : (n(), o("div", Le, Ve))
+              ], 2)) : (n(), o("div", ze, [
+                s("div", Fe, [
+                  r(B, {
+                    "show-after": 3e3,
+                    class: "item",
+                    effect: "dark",
+                    placement: "bottom"
+                  }, {
+                    content: i(() => [
+                      s("div", null, a(e.companyName || e.orgName), 1)
+                    ]),
+                    default: i(() => [
+                      s("span", null, a(e.companyName || e.orgName), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ])
+              ]))
+            ]),
+            _: 1
+          }, 8, ["highlight-selected", "item-size", "data-list", "height", "check-strictly", "show-checkbox", "parent-checkbox", "show-radio", "show-radio-button", "show-checkbox-button", "default-checked-keys", "onOnCurrentDepartment", "onOnCurrent", "onOnCurrentDelete", "onOnSelectedData"])
+        ], 512)
+      ]);
+    };
+  }
+});
+function qe(f) {
+  return L.post({
+    // /organization/orgTree
+    url: "/organization/orgTree",
+    data: f,
+    isJson: !0
+  });
+}
+function Ke(f) {
+  return L.post({
+    // /organization/orgTreeWithGroupAndDevice
+    url: "/organization/orgTreeWithGroupAndDevice",
+    data: f,
+    isJson: !0
+  });
+}
+const We = { class: "h-full overflow-auto" }, Ae = { class: "h-[500px]" }, je = { class: "box-border rounded h-[40px] w-full mb-1 box-hy-border-2 bg-hy-page-bg-3 text-hy-main text-xs flex items-center justify-center px-1" }, Ee = /* @__PURE__ */ s("s", { class: "flex-shrink-0 inline-block w-[10px] h-[10px] mr-1 rounded-full bg-hy-main" }, null, -1), He = { class: "max-w-full overflow-ellipsis overflow-hidden whitespace-nowrap text-center text-hy-hy-text-main" }, Ie = { key: 0 }, Je = { key: 1 }, Me = { class: "text-hy-main" }, Ue = { class: "h-[500px]" }, Ye = { class: "box-border rounded h-[40px] w-full mb-1 box-hy-border-2 bg-hy-page-bg-3 text-hy-main text-xs flex items-center justify-center px-1" }, Pe = /* @__PURE__ */ s("s", { class: "flex-shrink-0 inline-block w-[10px] h-[10px] mr-1 rounded-full bg-hy-main" }, null, -1), Qe = { class: "max-w-full overflow-ellipsis overflow-hidden whitespace-nowrap text-center text-hy-hy-text-main" }, Xe = { key: 0 }, Ze = { key: 1 }, et = { class: "text-hy-main" }, nt = /* @__PURE__ */ O({
+  __name: "hy-test",
+  setup(f) {
+    async function m(h) {
+      const u = await qe(h);
+      if (u.code === 200)
+        return u.data;
+    }
+    async function g(h) {
+      const u = await Ke(h);
+      if (u.code === 200)
+        return u.data;
+    }
+    const l = v(!1), d = v([]);
+    function x(h) {
+      d.value = h.selectedData || [], console.log(h.selectedData);
+    }
+    return (h, u) => (n(), o("div", We, [
+      s("div", Ae, [
+        r(Ge, {
+          "item-size": 36,
+          "get-data": g,
+          "highlight-selected": !0,
+          "show-radio": !0,
+          "hide-device": !0,
+          "show-radio-button": !1,
+          "parent-checkbox": !1,
+          onOnSelectedData: x
+        }, {
+          "below-the-input": i(() => [
+            s("div", null, [
+              s("div", je, [
+                Ee,
+                s("div", He, [
+                  t(d).length === 0 ? (n(), o("span", Ie, a(t(c)("pleaseSelectWhatYouWantToViewBelow")) + a(t(l) ? t(c)("department") : t(c)("equipment")), 1)) : (n(), o("span", Je, [
+                    s("span", Me, a(t(c)("currentlySelected")), 1),
+                    (n(!0), o(N, null, T(t(d), (p, _) => (n(), o("span", {
+                      key: `${_}_selectedDataList`,
+                      class: "text-hy-text-main"
+                    }, a(p.devName || p.groupName), 1))), 128))
+                  ]))
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        })
+      ]),
+      s("div", Ue, [
+        r(ce, {
+          "item-size": 36,
+          "get-data": m,
+          "show-checkbox": !0,
+          "parent-checkbox": !1,
+          onOnSelectedData: x
+        }, {
+          "below-the-input": i(() => [
+            s("div", null, [
+              s("div", Ye, [
+                Pe,
+                s("div", Qe, [
+                  t(d).length === 0 ? (n(), o("span", Xe, a(t(c)("pleaseSelectWhatYouWantToViewBelow")) + a(t(l) ? t(c)("department") : t(c)("equipment")), 1)) : (n(), o("span", Ze, [
+                    s("span", et, a(t(c)("currentlySelected")), 1),
+                    (n(!0), o(N, null, T(t(d), (p, _) => (n(), o("span", {
+                      key: `${_}_selectedDataList`,
+                      class: "text-hy-text-main"
+                    }, a(p.devName || p.companyName || p.orgName), 1))), 128))
+                  ]))
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+});
+export {
+  nt as default
+};

package/dist/index.d.ts

@@ -251,6 +251,7 @@ declare interface BoxBorderProps {
     color?: string;
     width?: string | number;
     height?: string | number;
+    zIndex?: string | number;
 }
 
 declare interface ChanneItem {
@@ -744,6 +745,7 @@ className: string;
 color: string;
 width: string;
 height: string;
+zIndex: number;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BoxBorderProps>, {
 prefix: string;
 name: string;
@@ -751,6 +753,7 @@ className: string;
 color: string;
 width: string;
 height: string;
+zIndex: number;
 }>>>, {}, {}>, {
     content?(_: {}): any;
 }>;
@@ -889,19 +892,19 @@ onVisibleChange?: (...args: any[]) => any;
 size: string;
 optionLabel: string;
 optionValue: string;
+placeholder: string;
 modelValue: any;
+clearable: boolean;
+selectedDataList: any[];
 requestParams: any;
 controller: string;
 filterDataList: any[];
 customDataList: any[];
-selectedDataList: any[];
 requestimmediately: boolean;
-clearable: boolean;
 multiple: boolean;
-placeholder: string;
 }, {}>;
 
-export declare const HySelectDevice: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<Props>, {
+export declare const HySelectDevice: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<TreeCpnsProps & Props>, {
 highlightSelected: boolean;
 getData: FunctionConstructor;
 itemSize: number;
@@ -913,19 +916,21 @@ checkStrictly: boolean;
 showCheckbox: boolean;
 parentCheckbox: boolean;
 showRadio: boolean;
+showCheckboxButton: boolean;
+showRadioButton: boolean;
 defaultCheckedKeys: () => any[];
 disableDeviceList: () => any[];
 returnDisableDevice: boolean;
 }>, {
 setCheckedKeys: (keys: string[]) => void;
-setSelectedList: (dataList: Device[]) => void;
-setChecked: (device: Device, type: boolean) => void;
+setSelectedList: (dataList: any[]) => void;
+setChecked: (item: any, type: boolean) => void;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+onCurrentDepartment: (...args: any[]) => void;
 onCurrent: (...args: any[]) => void;
 onCurrentDelete: (...args: any[]) => void;
 onSelectedData: (...args: any[]) => void;
-onCurrentDepartment: (...args: any[]) => void;
-}, string, PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<Props>, {
+}, string, PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults_4<__VLS_TypePropsToRuntimeProps_4<TreeCpnsProps & Props>, {
 highlightSelected: boolean;
 getData: FunctionConstructor;
 itemSize: number;
@@ -937,26 +942,30 @@ checkStrictly: boolean;
 showCheckbox: boolean;
 parentCheckbox: boolean;
 showRadio: boolean;
+showCheckboxButton: boolean;
+showRadioButton: boolean;
 defaultCheckedKeys: () => any[];
 disableDeviceList: () => any[];
 returnDisableDevice: boolean;
 }>>> & {
+onOnCurrentDepartment?: (...args: any[]) => any;
 onOnCurrent?: (...args: any[]) => any;
 onOnCurrentDelete?: (...args: any[]) => any;
 onOnSelectedData?: (...args: any[]) => any;
-onOnCurrentDepartment?: (...args: any[]) => any;
 }, {
-getData: () => any;
-defaultGetData: boolean;
-checkStrictly: boolean;
+hideDevice: boolean;
+hideOrgNoDevice: boolean;
 itemSize: number;
 defaultCheckedKeys: string[];
 highlightSelected: boolean;
+checkStrictly: boolean;
 showCheckbox: boolean;
 parentCheckbox: boolean;
 showRadio: boolean;
-hideDevice: boolean;
-hideOrgNoDevice: boolean;
+showRadioButton: boolean;
+showCheckboxButton: boolean;
+getData: () => any;
+defaultGetData: boolean;
 showOnlineOnly: boolean;
 disableDeviceList: Device[];
 returnDisableDevice: boolean;
@@ -1154,18 +1163,11 @@ declare interface OrgType {
 }
 
 declare interface Props {
-    highlightSelected?: boolean;
+    getData?: () => any;
     hideDevice?: boolean;
     hideOrgNoDevice?: boolean;
     defaultGetData?: boolean;
-    itemSize?: number;
-    getData?: () => any;
-    defaultCheckedKeys?: string[];
     showOnlineOnly?: boolean;
-    checkStrictly?: boolean;
-    showCheckbox?: boolean;
-    parentCheckbox?: boolean;
-    showRadio?: boolean;
     disableDeviceList?: Device[];
     returnDisableDevice?: boolean;
 }
@@ -1279,4 +1281,20 @@ declare interface TableProps {
     };
 }
 
+declare interface TreeCpnsProps {
+    itemType?: number;
+    itemSelectParam?: string;
+    height?: number;
+    itemSize?: number;
+    dataList?: any[];
+    defaultCheckedKeys?: string[];
+    highlightSelected?: boolean;
+    checkStrictly?: boolean;
+    showCheckbox?: boolean;
+    parentCheckbox?: boolean;
+    showRadio?: boolean;
+    showRadioButton?: boolean;
+    showCheckboxButton?: boolean;
+}
+
 export { }