hy-dispatch-ui-v3 0.2.64 → 0.2.66

package/es/bussiness/hyDeviceTree/deviceTree.vue.mjs

@@ -0,0 +1,249 @@
+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 { useDeviceTree } from './js/index.mjs';
+import { useMixins } from '../../hooks/useMixins.mjs';
+import { HyTree } from '../../components/hyTree/index.mjs';
+
+import "./style/deviceTree.scss";
+
+const __default__ = defineComponent({
+  name: "HyDeviceTree"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    // 数据获取类型 custom 自定义数据
+    type: {
+      type: String,
+      default: "default"
+    },
+    // 树形类型
+    treeType: {
+      type: String,
+      default: "device"
+    },
+    // 请求的额外参数
+    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 }, [useDeviceTree]);
+    __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(" HyDeviceTree \u8BBE\u5907\u6811\u5F62 "),
+          createVNode(unref(HyTree), mergeProps({
+            ref_key: "hyTreeRef",
+            ref: hyTreeRef
+          }, { ...props }, {
+            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/hyDeviceTree/index.mjs

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

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

@@ -0,0 +1,126 @@
+import { useTemplateRef, ref, onMounted, nextTick, onUnmounted } from 'vue';
+import { orgListWithDev3Api } from '../../../api/organization.mjs';
+
+function useDeviceTree(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({
+      showDevice: true,
+      showGroup: false,
+      ...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 { useDeviceTree };

package/es/bussiness/hyOrgGroupTree/index.mjs

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

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

@@ -0,0 +1,124 @@
+import { useTemplateRef, ref, onMounted, nextTick, onUnmounted } from 'vue';
+import { orgTreeWithGroupAndDeviceApi } from '../../../api/organization.mjs';
+
+function useOrgGroupTree(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 orgTreeWithGroupAndDeviceApi({
+      ...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 { useOrgGroupTree };