hy-dispatch-ui-v3 0.2.65 → 0.2.67

package/dist/tailwind.css

@@ -50,7 +50,6 @@
   --tw-contain-layout:  ;
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
-  box-sizing: border-box;
   /* 1 */
   border-width: 0;
   /* 2 */
@@ -276,6 +275,10 @@
   z-index: 1;
 }
 
+.z-\[2\] {
+  z-index: 2;
+}
+
 .z-\[3\] {
   z-index: 3;
 }
@@ -537,8 +540,8 @@
   height: 42px !important;
 }
 
-.\!h-\[46px\] {
-  height: 46px !important;
+.\!h-\[56px\] {
+  height: 56px !important;
 }
 
 .\!h-\[66px\] {
@@ -561,6 +564,10 @@
   height: 0.375rem;
 }
 
+.h-2 {
+  height: 0.5rem;
+}
+
 .h-2\.5 {
   height: 0.625rem;
 }
@@ -753,8 +760,8 @@
   width: 42px !important;
 }
 
-.\!w-\[46px\] {
-  width: 46px !important;
+.\!w-\[56px\] {
+  width: 56px !important;
 }
 
 .\!w-\[58px\] {
@@ -777,6 +784,10 @@
   width: 0.375rem;
 }
 
+.w-2 {
+  width: 0.5rem;
+}
+
 .w-3 {
   width: 0.75rem;
 }
@@ -916,6 +927,11 @@
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.translate-x-1\/2 {
+  --tw-translate-x: 50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .transform {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -936,10 +952,6 @@
   cursor: pointer;
 }
 
-.cursor-wait {
-  cursor: wait;
-}
-
 .select-none {
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -1150,6 +1162,10 @@
   border-color: transparent;
 }
 
+.\!bg-\[rgba\(var\(--hy-background\)\2c 0\.7\)\] {
+  background-color: rgba(var(--hy-background),0.7) !important;
+}
+
 .\!bg-background {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(var(--hy-background), var(--tw-bg-opacity, 1)) !important;
@@ -1212,6 +1228,11 @@
   background-color: rgb(var(--hy-success), var(--tw-bg-opacity, 1));
 }
 
+.bg-success-3 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--hy-success-3), var(--tw-bg-opacity, 1));
+}
+
 .bg-theme {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--hy-theme), var(--tw-bg-opacity, 1));
@@ -1225,6 +1246,10 @@
   padding: 0.25rem;
 }
 
+.p-4 {
+  padding: 1rem;
+}
+
 .p-5 {
   padding: 1.25rem;
 }
@@ -1317,6 +1342,11 @@
   padding-bottom: 0.5rem;
 }
 
+.py-2\.5 {
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+}
+
 .py-4 {
   padding-top: 1rem;
   padding-bottom: 1rem;
@@ -1371,6 +1401,10 @@
   padding-left: 52px;
 }
 
+.pr-1 {
+  padding-right: 0.25rem;
+}
+
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -1395,6 +1429,10 @@
   padding-right: 62px;
 }
 
+.pt-0 {
+  padding-top: 0px;
+}
+
 .pt-2 {
   padding-top: 0.5rem;
 }
@@ -1411,10 +1449,6 @@
   padding-top: 1.5rem;
 }
 
-.pt-\[11px\] {
-  padding-top: 11px;
-}
-
 .pt-\[32px\] {
   padding-top: 32px;
 }
@@ -1572,6 +1606,10 @@
   outline-offset: 0px;
 }
 
+.\!outline-danger-2 {
+  outline-color: rgb(var(--hy-danger-2), 1) !important;
+}
+
 .outline-transparent {
   outline-color: transparent;
 }

package/es/api/organization.mjs

@@ -0,0 +1,43 @@
+import '../hooks/index.mjs';
+import { unref } from 'vue';
+import { useLocale } from '../hooks/useLocale.mjs';
+import { useApi } from '../hooks/useApi.mjs';
+
+function orgListWithDev3Api(params) {
+  return new Promise((resolve, reject) => {
+    const { t } = useLocale();
+    const { api } = useApi();
+    const http = unref(api);
+    http.post("organization/orgTree", params).then((res) => {
+      resolve(res.data);
+    }).catch((res) => {
+      reject(new Error(t("interfaceError")));
+    });
+  });
+}
+function orgTreeWithGroupAndDeviceApi(params) {
+  return new Promise((resolve, reject) => {
+    const { t } = useLocale();
+    const { api } = useApi();
+    const http = unref(api);
+    http.post("organization/orgTreeWithGroupAndDevice", params).then((res) => {
+      return resolve(res.data);
+    }).catch((res) => {
+      reject(new Error(t("interfaceError")));
+    });
+  });
+}
+function orgTreeWithPlanGroupAndDeviceApi(params) {
+  return new Promise((resolve, reject) => {
+    const { t } = useLocale();
+    const { api } = useApi();
+    const http = unref(api);
+    http.post("organization/orgTreeWithPlanGroupAndDevice", params).then((res) => {
+      return resolve(res.data);
+    }).catch((res) => {
+      reject(new Error(t("interfaceError")));
+    });
+  });
+}
+
+export { orgListWithDev3Api, orgTreeWithGroupAndDeviceApi, orgTreeWithPlanGroupAndDeviceApi };

package/es/bussiness/hyAcquisitionStationTree/acquisitionStationTree.vue.mjs

@@ -0,0 +1,245 @@
+import { defineComponent, useSlots, openBlock, createElementBlock, createCommentVNode, createVNode, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import '../../components/index.mjs';
+import '../../hooks/index.mjs';
+import { useAcquisitionStationTree } from './js/index.mjs';
+import { useMixins } from '../../hooks/useMixins.mjs';
+import { HyTree } from '../../components/hyTree/index.mjs';
+
+import "./style/acquisitionStationTree.scss";
+
+const __default__ = defineComponent({
+  name: "HyAcquisitionStationTree"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    // 数据获取类型 custom 自定义数据
+    type: {
+      type: String,
+      default: "default"
+    },
+    // 请求的额外参数
+    requestParams: {
+      type: Object,
+      default: () => ({})
+    },
+    /* 禁止选择 */
+    disableSelection: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    // 是否开启按照设备在线和离线状态排序，仅支持 device 和 groupDevice 业务类型
+    deviceOrderSort: {
+      type: Boolean,
+      default: true
+    },
+    // 设置勤务状态
+    getDutyRoster: {
+      type: Boolean,
+      default: false
+    },
+    // 仅展示在线数据
+    showOnlineOnly: {
+      type: Boolean,
+      default: false
+    },
+    /* 是否开启多选框 */
+    showCheckbox: {
+      type: Boolean,
+      default: true
+    },
+    /* 是否开启单选框 */
+    showSinglebox: {
+      type: Boolean,
+      default: false
+    },
+    // 是否清除无数据的部门
+    clearEmptyBusiness: {
+      type: Boolean,
+      default: false
+    },
+    // 是否显示通道节点的选择框
+    isShowChannelSelect: {
+      type: Boolean,
+      default: false
+    },
+    // 是否显示自定义空数据显示
+    showCustomEmpty: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u8F93\u5165"
+    },
+    // 是否返回默认选择的数据
+    isBackDefaultSelected: {
+      type: Boolean,
+      default: false
+    },
+    /* 默认选中列表 */
+    selectedByDefault: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    // 默认需要选中的部门ID
+    defaultSelectedOrgID: {
+      default: null
+    },
+    // 搜索类型
+    searchType: {
+      type: Number,
+      default: 1
+    },
+    // 筛选列表
+    selectFilterList: {
+      type: Array,
+      default: () => []
+    },
+    // 是否高亮选中节点
+    highlight: {
+      type: Boolean,
+      default: false
+    },
+    // 是否严格的遵循父子不互相关联
+    checkStrictly: {
+      type: Boolean,
+      default: false
+    },
+    // 单选时可以取消选中
+    cancelable: {
+      type: Boolean,
+      default: true
+    },
+    // 是否显示多选框或单选框
+    showSelectBox: {
+      type: Boolean,
+      default: true
+    },
+    // 是否在点击节点的时候展开或者收缩节点
+    expandOnClickNode: {
+      type: Boolean,
+      default: true
+    },
+    // 是否在点击节点的时候选中节点
+    checkOnClickNode: {
+      type: Boolean,
+      default: false
+    },
+    // 点击叶节点(最后一个子节点)时是否检查或取消节点
+    checkOnClickLeaf: {
+      type: Boolean,
+      default: true
+    },
+    // 双击父节点会触发选中功能
+    checkOnDblclickParentNode: {
+      type: Boolean,
+      default: true
+    },
+    // 初始化过滤数据
+    filterConfig: {
+      type: Array,
+      default: () => []
+    },
+    // 外部自定义过滤函数
+    filterMethod: {
+      type: Function,
+      default: null
+    }
+  },
+  emits: [
+    "on-load",
+    "onRefreshData",
+    "on-click-delete",
+    "on-click",
+    "on-check-tree",
+    "on-department-click",
+    "on-click-device",
+    "on-contextmenu",
+    "on-dblclick",
+    "on-selectedDataList"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const slots = useSlots();
+    const {
+      containerRef,
+      hyTreeRef,
+      treeHeight,
+      setData,
+      getData,
+      onClickDelete,
+      onClick,
+      onCheckTree,
+      onDepartmentClick,
+      onClickDevice,
+      onContextmenu,
+      onDblclick,
+      onSelectedDataList,
+      singleRemovalFn,
+      setCheckedKeys,
+      setChecked,
+      getSelectedDataList,
+      refreshData,
+      getNode
+    } = useMixins({ props, emits }, [useAcquisitionStationTree]);
+    __expose({
+      getData,
+      singleRemovalFn,
+      setCheckedKeys,
+      setChecked,
+      getSelectedDataList,
+      refreshData,
+      getNode
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "containerRef",
+          ref: containerRef,
+          class: "w-full h-full"
+        },
+        [
+          createCommentVNode(" HyAcquisitionStationTree \u91C7\u96C6\u7AD9\u6811\u5F62 "),
+          createVNode(unref(HyTree), mergeProps({
+            ref_key: "hyTreeRef",
+            ref: hyTreeRef
+          }, { ...props }, {
+            treeType: "cs",
+            treeHeight: unref(treeHeight),
+            onOnRefreshData: unref(setData),
+            onOnClickDelete: unref(onClickDelete),
+            onOnClick: unref(onClick),
+            onOnCheckTree: unref(onCheckTree),
+            onOnDepartmentClick: unref(onDepartmentClick),
+            onOnClickDevice: unref(onClickDevice),
+            onOnContextmenu: unref(onContextmenu),
+            onOnDblclick: unref(onDblclick),
+            onOnSelectedDataList: unref(onSelectedDataList)
+          }), createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            renderList(unref(slots), (_, slotName) => {
+              return {
+                name: slotName,
+                fn: withCtx((scope) => [
+                  renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(scope)))
+                ])
+              };
+            })
+          ]), 1040, ["treeHeight", "onOnRefreshData", "onOnClickDelete", "onOnClick", "onOnCheckTree", "onOnDepartmentClick", "onOnClickDevice", "onOnContextmenu", "onOnDblclick", "onOnSelectedDataList"])
+        ],
+        512
+        /* NEED_PATCH */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/bussiness/hyAcquisitionStationTree/index.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './acquisitionStationTree.vue.mjs';
+import '../../utils/index.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const HyAcquisitionStationTree = withInstall(_sfc_main);
+
+export { HyAcquisitionStationTree, HyAcquisitionStationTree as default };

package/es/bussiness/hyAcquisitionStationTree/js/index.mjs

@@ -0,0 +1,124 @@
+import { useTemplateRef, ref, onMounted, nextTick, onUnmounted } from 'vue';
+import { orgListWithDev3Api } from '../../../api/organization.mjs';
+
+function useAcquisitionStationTree(hy) {
+  const emits = hy.emits;
+  const props = hy.props;
+  const hyTreeRef = useTemplateRef("hyTreeRef");
+  const containerRef = useTemplateRef("containerRef");
+  const treeHeight = ref(400);
+  let resizeObserver;
+  function updateTreeHeight() {
+    const height = hy.containerRef.value?.getBoundingClientRect().height;
+    if (height > 0 && height - 12 !== hy.treeHeight.value) {
+      hy.treeHeight.value = Math.round(height) - 12;
+    }
+  }
+  async function setData() {
+    if (props.type === "custom") {
+      emits("onRefreshData");
+      return;
+    }
+    const data = await orgListWithDev3Api({
+      ...props.requestParams
+    });
+    hy.hyTreeRef.value.getData(data).then(() => {
+      emits("on-load");
+    });
+  }
+  function getData(data) {
+    return new Promise((resolve) => {
+      hy.hyTreeRef.value.getData(data).then(() => {
+        emits("on-load");
+        resolve(200);
+      });
+    });
+  }
+  onMounted(() => {
+    if (props.type !== "custom") {
+      hy.setData();
+    }
+    nextTick(() => {
+      hy.updateTreeHeight();
+      if (typeof ResizeObserver === "function" && hy.containerRef.value) {
+        hy.resizeObserver = new ResizeObserver(hy.updateTreeHeight);
+        hy.resizeObserver.observe(hy.containerRef.value);
+      } else if (typeof window !== "undefined") {
+        window.addEventListener("resize", hy.updateTreeHeight);
+      }
+    });
+  });
+  onUnmounted(() => {
+    hy.resizeObserver?.disconnect();
+    if (typeof window !== "undefined") {
+      window.removeEventListener("resize", hy.updateTreeHeight);
+    }
+  });
+  function onClickDelete(data) {
+    emits("on-click-delete", data);
+  }
+  function onClick(data) {
+    emits("on-click", data);
+  }
+  function onCheckTree(list, checkObj) {
+    emits("on-check-tree", list, checkObj);
+  }
+  function onDepartmentClick(data) {
+    emits("on-department-click", data);
+  }
+  function onClickDevice(data) {
+    emits("on-click-device", data);
+  }
+  function onContextmenu(data) {
+    emits("on-contextmenu", data);
+  }
+  function onDblclick(list) {
+    emits("on-dblclick", list);
+  }
+  function onSelectedDataList(list) {
+    emits("on-selectedDataList", list);
+  }
+  function singleRemovalFn(row, isForce = false) {
+    hy.hyTreeRef.value.singleRemovalFn(row, isForce);
+  }
+  function setCheckedKeys(dataList, isForce = false) {
+    hy.hyTreeRef.value.setCheckedKeys(dataList, isForce);
+  }
+  function setChecked(data, type = true) {
+    hy.hyTreeRef.value.setChecked(data, type);
+  }
+  function getSelectedDataList(leafOnly = false) {
+    return hy.hyTreeRef.value.getSelectedDataList(leafOnly);
+  }
+  function refreshData() {
+    hy.hyTreeRef.value.refreshData();
+  }
+  function getNode(id) {
+    return hy.hyTreeRef.value.getNode(id);
+  }
+  return {
+    hyTreeRef,
+    containerRef,
+    treeHeight,
+    resizeObserver,
+    updateTreeHeight,
+    setData,
+    getData,
+    onClickDelete,
+    onClick,
+    onCheckTree,
+    onDepartmentClick,
+    onClickDevice,
+    onContextmenu,
+    onDblclick,
+    onSelectedDataList,
+    singleRemovalFn,
+    setCheckedKeys,
+    setChecked,
+    getSelectedDataList,
+    refreshData,
+    getNode
+  };
+}
+
+export { useAcquisitionStationTree };