hy-dispatch-ui-v3 0.2.64 → 0.2.66

package/lib/bussiness/hyDeviceTree/js/index.js

@@ -0,0 +1,128 @@
+'use strict';
+
+var vue = require('vue');
+var organization = require('../../../api/organization.js');
+
+function useDeviceTree(hy) {
+  const emits = hy.emits;
+  const props = hy.props;
+  const hyTreeRef = vue.useTemplateRef("hyTreeRef");
+  const containerRef = vue.useTemplateRef("containerRef");
+  const treeHeight = vue.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 organization.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);
+      });
+    });
+  }
+  vue.onMounted(() => {
+    if (props.type !== "custom") {
+      hy.setData();
+    }
+    vue.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);
+      }
+    });
+  });
+  vue.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
+  };
+}
+
+exports.useDeviceTree = useDeviceTree;

package/lib/bussiness/hyOrgGroupTree/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var orgGroupTree = require('./orgGroupTree.vue.js');
+require('../../utils/index.js');
+var handler = require('../../utils/handler.js');
+
+const HyOrgGroupTree = handler.withInstall(orgGroupTree.default);
+
+exports.HyOrgGroupTree = HyOrgGroupTree;
+exports.default = HyOrgGroupTree;

package/lib/bussiness/hyOrgGroupTree/js/index.js

@@ -0,0 +1,126 @@
+'use strict';
+
+var vue = require('vue');
+var organization = require('../../../api/organization.js');
+
+function useOrgGroupTree(hy) {
+  const emits = hy.emits;
+  const props = hy.props;
+  const hyTreeRef = vue.useTemplateRef("hyTreeRef");
+  const containerRef = vue.useTemplateRef("containerRef");
+  const treeHeight = vue.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 organization.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);
+      });
+    });
+  }
+  vue.onMounted(() => {
+    if (props.type !== "custom") {
+      hy.setData();
+    }
+    vue.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);
+      }
+    });
+  });
+  vue.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
+  };
+}
+
+exports.useOrgGroupTree = useOrgGroupTree;

package/lib/bussiness/hyOrgGroupTree/orgGroupTree.vue.js

@@ -0,0 +1,249 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../components/index.js');
+require('../../hooks/index.js');
+var index = require('./js/index.js');
+var useMixins = require('../../hooks/useMixins.js');
+var index$1 = require('../../components/hyTree/index.js');
+
+import "./style/orgGroupTree.scss";
+
+const __default__ = vue.defineComponent({
+  name: "HyOrgGroupTree"
+});
+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 = vue.useSlots();
+    const {
+      containerRef,
+      hyTreeRef,
+      treeHeight,
+      setData,
+      getData,
+      onClickDelete,
+      onClick,
+      onCheckTree,
+      onDepartmentClick,
+      onClickDevice,
+      onContextmenu,
+      onDblclick,
+      onSelectedDataList,
+      singleRemovalFn,
+      setCheckedKeys,
+      setChecked,
+      getSelectedDataList,
+      refreshData,
+      getNode
+    } = useMixins.useMixins({ props, emits }, [index.useOrgGroupTree]);
+    __expose({
+      getData,
+      singleRemovalFn,
+      setCheckedKeys,
+      setChecked,
+      getSelectedDataList,
+      refreshData,
+      getNode
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          ref_key: "containerRef",
+          ref: containerRef,
+          class: "w-full h-full"
+        },
+        [
+          vue.createCommentVNode(" HyOrgGroupTree \u7FA4\u7EC4\u6811\u5F62 "),
+          vue.createVNode(vue.unref(index$1.HyTree), vue.mergeProps({
+            ref_key: "hyTreeRef",
+            ref: hyTreeRef
+          }, { ...props }, {
+            treeType: "group",
+            treeHeight: vue.unref(treeHeight),
+            onOnRefreshData: vue.unref(setData),
+            onOnClickDelete: vue.unref(onClickDelete),
+            onOnClick: vue.unref(onClick),
+            onOnCheckTree: vue.unref(onCheckTree),
+            onOnDepartmentClick: vue.unref(onDepartmentClick),
+            onOnClickDevice: vue.unref(onClickDevice),
+            onOnContextmenu: vue.unref(onContextmenu),
+            onOnDblclick: vue.unref(onDblclick),
+            onOnSelectedDataList: vue.unref(onSelectedDataList)
+          }), vue.createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            vue.renderList(vue.unref(slots), (_, slotName) => {
+              return {
+                name: slotName,
+                fn: vue.withCtx((scope) => [
+                  vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(scope)))
+                ])
+              };
+            })
+          ]), 1040, ["treeHeight", "onOnRefreshData", "onOnClickDelete", "onOnClick", "onOnCheckTree", "onOnDepartmentClick", "onOnClickDevice", "onOnContextmenu", "onOnDblclick", "onOnSelectedDataList"])
+        ],
+        512
+        /* NEED_PATCH */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/bussiness/hyPlanGroupDeviceTree/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var planGroupDeviceTree = require('./planGroupDeviceTree.vue.js');
+require('../../utils/index.js');
+var handler = require('../../utils/handler.js');
+
+const HyPlanGroupDeviceTree = handler.withInstall(planGroupDeviceTree.default);
+
+exports.HyPlanGroupDeviceTree = HyPlanGroupDeviceTree;
+exports.default = HyPlanGroupDeviceTree;

package/lib/bussiness/hyPlanGroupDeviceTree/js/index.js

@@ -0,0 +1,126 @@
+'use strict';
+
+var vue = require('vue');
+var organization = require('../../../api/organization.js');
+
+function usePlanGroupDeviceTree(hy) {
+  const emits = hy.emits;
+  const props = hy.props;
+  const hyTreeRef = vue.useTemplateRef("hyTreeRef");
+  const containerRef = vue.useTemplateRef("containerRef");
+  const treeHeight = vue.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 organization.orgTreeWithPlanGroupAndDeviceApi({
+      ...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);
+      });
+    });
+  }
+  vue.onMounted(() => {
+    if (props.type !== "custom") {
+      hy.setData();
+    }
+    vue.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);
+      }
+    });
+  });
+  vue.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
+  };
+}
+
+exports.usePlanGroupDeviceTree = usePlanGroupDeviceTree;