hy-dispatch-ui-v3 0.2.65 → 0.2.66

package/es/components/index.mjs

@@ -26,6 +26,7 @@ export { HyBatchUploadDialog } from './hyBatchUploadDialog/index.mjs';
 export { HyMap } from './hyMap/index.mjs';
 export { HyRadioGroup } from './hyRadioGroup/index.mjs';
 export { ElLoading, ElLoading as HyLoading } from './hyLoading/index.mjs';
+export { HyTour } from './hyTour/index.mjs';
 export { resetAppFormValue, useAppForm } from './hyForm/js/useAppForm.mjs';
 export { resetAppSearchValue, useAppSearch } from './hySearch/js/useAppSearch.mjs';
 export { useAppTable } from './hyTable/js/useAppTable.mjs';

package/es/index.mjs

@@ -8,6 +8,7 @@ export { ElInput, HyInput, HyInputSearch } from './components/hyInput/index.mjs'
 export { ElLoading, ElLoading as HyLoading } from './components/hyLoading/index.mjs';
 export { ElTimePicker, HyTimePicker } from './components/hyTimePicker/index.mjs';
 export { ElTooltip, HyTooltip } from './components/hyTooltip/index.mjs';
+export { HyAcquisitionStationTree } from './bussiness/hyAcquisitionStationTree/index.mjs';
 export { HyAddDepartmentType } from './bussiness/hyAddDepartmentType/index.mjs';
 export { HyAudioPlayer } from './components/hyAudioPlayer/index.mjs';
 export { HyBatchTableForm, HyTableForm } from './components/hyTableForm/index.mjs';
@@ -16,6 +17,7 @@ export { HyButton } from './components/hyButton/index.mjs';
 export { HyConfigProvider } from './components/hyConfigProvider/index.mjs';
 export { HyConfirmDialog } from './components/hyConfirmDialog/index.mjs';
 export { HyCutter } from './components/hyCutter/index.mjs';
+export { HyDeviceTree } from './bussiness/hyDeviceTree/index.mjs';
 export { HyDialog } from './components/hyDialog/index.mjs';
 export { HyForm } from './components/hyForm/index.mjs';
 export { HyIcon } from './components/hyIcon/index.mjs';
@@ -26,12 +28,16 @@ export { HyMenu } from './components/hyMenu/index.mjs';
 export { HyNoPermissions } from './components/hyNoPermissions/index.mjs';
 export { HyNoPermissionsMap } from './components/hyNoPermissionsMap/index.mjs';
 export { HyOrgCascader } from './components/hyOrgCascader/index.mjs';
+export { HyOrgGroupTree } from './bussiness/hyOrgGroupTree/index.mjs';
+export { HyPlanGroupDeviceTree } from './bussiness/hyPlanGroupDeviceTree/index.mjs';
 export { HyRadioGroup } from './components/hyRadioGroup/index.mjs';
 export { HySearch } from './components/hySearch/index.mjs';
 export { HyTable } from './components/hyTable/index.mjs';
 export { HyTableActionButton } from './components/hyTableActionButton/index.mjs';
+export { HyTour } from './components/hyTour/index.mjs';
 export { HyTree } from './components/hyTree/index.mjs';
 export { HyUserAvatar } from './components/hyUserAvatar/index.mjs';
+export { HyUserTree } from './bussiness/hyUserTree/index.mjs';
 export { HyVideoPlayer } from './components/hyVideoPlayer/index.mjs';
 export { InitMap, setMapServer, setPoiServer } from './utils/map/index.mjs';
 export { PERMISSION } from './utils/permission.mjs';

package/es/static/hy-svg-icons/hy-icon-ops-linear-arrow.js

@@ -0,0 +1,10 @@
+export default {
+  id: 'hy-icon-ops-linear-arrow',
+  symbol: `<symbol id="hy-icon-ops-linear-arrow" viewBox="0 0 6 6">
+    <g id="hy-icon-ops-linear-arrow-部门管理" stroke="none" stroke-width="1"  fill-rule="evenodd">
+        <g id="hy-icon-ops-linear-arrow-缩小化-组件说明-清除" transform="translate(-524, -155)"  fill-rule="nonzero">
+            <path d="M527.5474,155.206715 C527.421954,155.075391 527.249559,155.000932 527.069246,155.000193 C526.890413,154.995823 526.717619,155.065901 526.591092,155.19411 L524.200321,157.582204 C523.936243,157.845664 523.932818,158.276291 524.19267,158.544035 C524.452522,158.811779 524.877251,158.815252 525.141328,158.551792 L526.384529,157.302963 L526.384529,160.321289 C526.384529,160.696131 526.684237,161 527.053945,161 C527.423653,161 527.723361,160.696131 527.723361,160.321289 L527.723361,157.358229 L528.848936,158.539187 C529.015151,158.7136 529.260514,158.784857 529.492599,158.726117 C529.724684,158.667378 529.908231,158.487565 529.974101,158.254413 C530.03997,158.021261 529.978154,157.770191 529.811938,157.595778 L527.5474,155.206715 Z" id="hy-icon-ops-linear-arrow-Arrow"></path>
+        </g>
+    </g>
+</symbol>`,
+};

package/es/style/element/hy-element.scss

@@ -1002,11 +1002,32 @@
   }
 }
 
+.hy-el-notification {
+  --hy-el-notification-title-color: rgba(var(--hy-main), 1);
+  --hy-el-notification-content-color: rgba(var(--hy-main), 1);
+  --hy-el-notification-close-color: rgba(var(--hy-main), 1);
+  background: rgba(var(--hy-background-2), 1);
+}
 
-// 指引
-.hy-el-tour__content{
-  .hy-el-tour__body{
+.hy-el-tour {
+  .hy-el-tour__hollow {
+    fill: rgba(0, 0, 0, 0.9) !important;
+  }
+  .hy-el-tour__content {
+    border: 1px solid rgba(var(--hy-theme), 1);
+  }
+  .hy-el-tour__arrow {
+    border: 1px solid rgba(var(--hy-theme), 1);
+  }
+  .hy-el-tour__title {
+    color: rgba(var(--hy-main), 1);
+    font-weight: bold;
+  }
+  .hy-el-tour__body {
     color: rgba(var(--hy-main), 1);
   }
+  .hy-el-tour__footer {
+    display: none;
+  }
 }
 

package/es/style/theme.scss

@@ -3,6 +3,7 @@
   --hy-add: 44, 232, 152; // 新增
   --hy-success: 44, 232, 152; // 成功
   --hy-success-2: 44, 232, 152; // 成功
+  --hy-success-3: 45, 255, 211; // 成功
   --hy-info: 144, 147, 153; // 灰色
   --hy-warning: 248, 166, 45; // 警告
   --hy-danger: 201, 37, 37; // 删除

package/es/utils/map/hook/bigMap.mjs

@@ -351,7 +351,15 @@ class bigMap extends EventEmitter {
   layerGroup(map, markers = []) {
     const layerGroup = this.BM.layerGroup(markers);
     layerGroup.addTo(map);
-    return layerGroup;
+    const handlers = {
+      addLayer: function(target, addItem) {
+        return target.addLayer(addItem);
+      },
+      clearLayers: function(target) {
+        return target.clearLayers();
+      }
+    };
+    return createMapProxy(layerGroup, handlers);
   }
   // 自定义图标
   DivIcon(option) {

package/es/utils/map/hook/gaode.mjs

@@ -186,7 +186,15 @@ class Google extends EventEmitter {
   layerGroup(map, markers = []) {
     const layerGroup = new window.AMap.LayerGroup(markers);
     layerGroup.setMap(map);
-    return layerGroup;
+    const handlers = {
+      addLayer: function(target, addItem) {
+        return target.addLayer(addItem);
+      },
+      clearLayers: function(target) {
+        return target.clearLayers();
+      }
+    };
+    return createMapProxy(layerGroup, handlers);
   }
   // 自定义图标
   DivIcon(option) {

package/es/utils/map/hook/leafletjs.mjs

@@ -550,7 +550,16 @@ class Leafletjs extends EventEmitter {
   }
   // 地图图层
   layerGroup(map, markers = []) {
-    return L.layerGroup(markers).addTo(getInitMap(map));
+    const layerGroup = L.layerGroup(markers).addTo(getInitMap(map));
+    const handlers = {
+      addLayer: function(target, addItem) {
+        return target.addLayer(addItem);
+      },
+      clearLayers: function(target) {
+        return target.clearLayers();
+      }
+    };
+    return createMapProxy(layerGroup, handlers);
   }
   // 自定义图标
   DivIcon(option) {

package/es/version.mjs

@@ -1,3 +1,3 @@
-const version = "0.2.64";
+const version = "0.2.65";
 
 export { version };

package/lib/api/organization.js

@@ -0,0 +1,47 @@
+'use strict';
+
+require('../hooks/index.js');
+var vue = require('vue');
+var useLocale = require('../hooks/useLocale.js');
+var useApi = require('../hooks/useApi.js');
+
+function orgListWithDev3Api(params) {
+  return new Promise((resolve, reject) => {
+    const { t } = useLocale.useLocale();
+    const { api } = useApi.useApi();
+    const http = vue.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.useLocale();
+    const { api } = useApi.useApi();
+    const http = vue.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.useLocale();
+    const { api } = useApi.useApi();
+    const http = vue.unref(api);
+    http.post("organization/orgTreeWithPlanGroupAndDevice", params).then((res) => {
+      return resolve(res.data);
+    }).catch((res) => {
+      reject(new Error(t("interfaceError")));
+    });
+  });
+}
+
+exports.orgListWithDev3Api = orgListWithDev3Api;
+exports.orgTreeWithGroupAndDeviceApi = orgTreeWithGroupAndDeviceApi;
+exports.orgTreeWithPlanGroupAndDeviceApi = orgTreeWithPlanGroupAndDeviceApi;

package/lib/bussiness/hyAcquisitionStationTree/acquisitionStationTree.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/acquisitionStationTree.scss";
+
+const __default__ = vue.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 = 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.useAcquisitionStationTree]);
+    __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(" HyAcquisitionStationTree \u91C7\u96C6\u7AD9\u6811\u5F62 "),
+          vue.createVNode(vue.unref(index$1.HyTree), vue.mergeProps({
+            ref_key: "hyTreeRef",
+            ref: hyTreeRef
+          }, { ...props }, {
+            treeType: "cs",
+            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/hyAcquisitionStationTree/index.js

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

package/lib/bussiness/hyAcquisitionStationTree/js/index.js

@@ -0,0 +1,126 @@
+'use strict';
+
+var vue = require('vue');
+var organization = require('../../../api/organization.js');
+
+function useAcquisitionStationTree(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({
+      ...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.useAcquisitionStationTree = useAcquisitionStationTree;