hy-dispatch-ui-v3 0.2.64 → 0.2.66

package/es/components/hyTree/js/index.mjs

@@ -14,7 +14,7 @@ const deviceStatus = {
   1: "\u5728\u7EBF"
 };
 const useAppTreeWrapper = (hy) => {
-  const { props: props2, emits, slots, treeRef, VirtualTree } = hy;
+  const { props, emits, slots, treeRef, VirtualTree } = hy;
   const instance = getCurrentInstance();
   const slotAppContext = instance ? {
     ...instance.appContext,
@@ -33,17 +33,17 @@ const useAppTreeWrapper = (hy) => {
   const selectFilterList = ref([]);
   const loading = ref(true);
   watch(
-    () => props2.showCheckbox,
+    () => props.showCheckbox,
     (newVal) => {
       virtualTree?.setRowSelection({
-        type: props2.showCheckbox ? "checkbox" : "radio"
+        type: props.showCheckbox ? "checkbox" : "radio"
       });
     }
   );
   function getData(dataList) {
     return new Promise((resolve) => {
       hy.loading.value = true;
-      if (props2.disableSelection?.length) {
+      if (props.disableSelection?.length) {
         setDisAbleSelectionMap();
       }
       if (!virtualTree) {
@@ -56,12 +56,13 @@ const useAppTreeWrapper = (hy) => {
           itemHeight: 30,
           // 可视区域外的缓冲项数量
           bufferSize: 10,
-          // 可视区域外的缓冲项数量
+          // 相邻级节点间的水平缩进，单位为像素
           indent: 16,
           emptyText: "\u6682\u65E0\u6570\u636E",
-          business: props2.treeType,
+          // 树形业务类型
+          business: props.treeType,
           // 自定义整体的插槽
-          renderItem: props2.treeType === treeTypeConfig.user ? (data, node) => setUserSlot(data, node) : setSlot("treeParentSlot"),
+          renderItem: props.treeType === treeTypeConfig.user ? (data, node) => setUserSlot(data, node) : setSlot("treeParentSlot"),
           // // 自定义状态右侧插槽
           renderRight: (data) => {
             let renderRight = setSlot("renderRight");
@@ -87,9 +88,10 @@ const useAppTreeWrapper = (hy) => {
             return true;
           },
           // // 自定义状态模块
-          renderStatus: props2.treeType === treeTypeConfig.device || props2.treeType === treeTypeConfig.channel ? (data) => setRenderStatus(data) : null,
+          renderStatus: props.treeType === treeTypeConfig.device || props.treeType === treeTypeConfig.channel ? (data) => setRenderStatus(data) : null,
+          // 暂无数据插槽
           renderEmpty: () => {
-            if (!props2.showCustomEmpty || hy.filterValue.value) return true;
+            if (!props.showCustomEmpty || hy.filterValue.value) return true;
             let renderEmpty = setSlot("renderEmpty");
             if (renderEmpty) {
               const target = renderEmpty();
@@ -98,7 +100,8 @@ const useAppTreeWrapper = (hy) => {
             return setEmpty();
           },
           props: {
-            showStatus: true,
+            // 是否显示右侧业务状态
+            showStatus: props.showStatus,
             disabled: (data) => {
               if (data.dataType === 5 || data.dataType === 3) {
                 if (hy.disableSelectionMap.value) {
@@ -108,23 +111,25 @@ const useAppTreeWrapper = (hy) => {
               }
               return false;
             },
-            ...props2.treeProps
+            ...props.treeProps
           },
           rowSelection: {
-            type: props2.showCheckbox ? "checkbox" : "radio",
-            highlight: props2.highlight,
-            checkStrictly: props2.checkStrictly,
+            type: props.showCheckbox ? "checkbox" : "radio",
+            // 是否高亮选中项
+            highlight: props.highlight,
+            // 是否严格遵循父子不互相关联
+            checkStrictly: props.checkStrictly,
             // 是否显示选项 showSinglebox 单选为true时部门不显示其他节点显示选择框
             showSelect: (data) => {
               if (data.dataType === 1) {
-                return props2.showCheckbox;
+                return props.showCheckbox;
               }
-              return props2.showCheckbox || props2.showSinglebox;
+              return props.showCheckbox || props.showSinglebox;
             },
             // 单选时是否可以取消选择
-            cancelable: props2.cancelable,
+            cancelable: props.cancelable,
             // 是否显示多选框或单选框
-            showSelectBox: props2.showSelectBox,
+            showSelectBox: props.showSelectBox,
             // 选中回调
             onCheckChange: (data, info, checked) => {
               console.log("onCheckChange", info);
@@ -147,37 +152,40 @@ const useAppTreeWrapper = (hy) => {
             }
           },
           // 是否在点击节点的时候展开或者收缩节点
-          expandOnClickNode: props2.expandOnClickNode,
+          expandOnClickNode: props.expandOnClickNode,
           // 是否在点击节点的时候选中节点
-          checkOnClickNode: props2.checkOnClickNode,
+          checkOnClickNode: props.checkOnClickNode,
           // 点击叶节点(最后一个子节点)时是否检查或取消节点
-          checkOnClickLeaf: props2.checkOnClickLeaf,
+          checkOnClickLeaf: props.checkOnClickLeaf,
           // 双击父节点会触发选中功能
-          checkOnDblclickParentNode: props2.checkOnDblclickParentNode,
+          checkOnDblclickParentNode: props.checkOnDblclickParentNode,
           // 筛选方法
           filterMethod: ({ filterValue: filterValue2 }, data) => {
             let isFilter = true;
-            if (props2.filterMethod) {
-              isFilter = props2.filterMethod(data, { filterValue: filterValue2 });
+            if (props.filterMethod) {
+              isFilter = props.filterMethod(data, {
+                filterValue: filterValue2
+              });
             }
             if (filterValue2) {
               isFilter = isFilter && !!filterNodeMethod(data, filterValue2, {
-                treeFilterParam: props2.treeFilterParam
+                treeFilterParam: props.treeFilterParam,
+                treeType: props.treeType
               });
             }
             return isFilter;
           },
           businessConfig: {
             // 是否开启按在线离线状态排序
-            sortByStatus: props2.deviceOrderSort,
+            sortByStatus: props.deviceOrderSort,
             // 是否只显示在线设备
-            showOnlineState: props2.showOnlineOnly,
+            showOnlineState: props.showOnlineOnly,
             // 是否清空没有业务项（设备、用户、采集器）的部门和群组
-            clearEmptyBusiness: props2.clearEmptyBusiness,
+            clearEmptyBusiness: props.clearEmptyBusiness,
             // 是否显示通道节点的选择框
-            isShowChannelSelect: props2.isShowChannelSelect,
+            isShowChannelSelect: props.isShowChannelSelect,
             // 初始化过滤数据
-            filterConfig: props2.filterConfig
+            filterConfig: props.filterConfig
           },
           // 初始化时处理数据，想回显必须return值，若想要过滤，可不return
           handleMethod: (data) => {
@@ -198,7 +206,7 @@ const useAppTreeWrapper = (hy) => {
           },
           // 双击事件
           onNodeDblClick: (data, node, event) => {
-            if (props2.treeType !== "channel") {
+            if (props.treeType !== "channel") {
               emits("on-dblclick", [{ ...data }]);
             } else {
               if (data.channelId) {
@@ -238,13 +246,13 @@ const useAppTreeWrapper = (hy) => {
             document.body.click();
           },
           onLoad: () => {
-            if (props2.showOnlineOnly && !virtualTree._flattenTree?.length && !hy.filterValue.value) {
+            if (props.showOnlineOnly && !virtualTree._flattenTree?.length && !hy.filterValue.value) {
               ElMessage.warning("\u6682\u65E0\u8BBE\u5907\u5904\u4E8E\u5728\u7EBF\u72B6\u6001");
             }
-            if (props2.defaultSelectedOrgID && props2.showCheckbox && props2.treeType === "device") {
+            if (props.defaultSelectedOrgID && props.showCheckbox && props.treeType === "device") {
               setSelectedOrg(dataList);
-            } else if (props2.selectedByDefault?.length) {
-              setCheckedKeys(props2.selectedByDefault);
+            } else if (props.selectedByDefault?.length) {
+              setCheckedKeys(props.selectedByDefault);
             }
             if (hy.filterValue.value) {
               getFilterValue();
@@ -260,13 +268,13 @@ const useAppTreeWrapper = (hy) => {
           {
             data: dataList,
             businessConfig: {
-              sortByStatus: props2.deviceOrderSort,
-              showOnlineState: props2.showOnlineOnly,
-              clearEmptyBusiness: props2.clearEmptyBusiness
+              sortByStatus: props.deviceOrderSort,
+              showOnlineState: props.showOnlineOnly,
+              clearEmptyBusiness: props.clearEmptyBusiness
             }
           },
           () => {
-            if (props2.showOnlineOnly && !virtualTree._flattenTree?.length && !hy.filterValue.value) {
+            if (props.showOnlineOnly && !virtualTree._flattenTree?.length && !hy.filterValue.value) {
               ElMessage.success("\u6682\u65E0\u8BBE\u5907\u5904\u4E8E\u5728\u7EBF\u72B6\u6001");
             }
             if (hy.filterValue.value) {
@@ -283,7 +291,7 @@ const useAppTreeWrapper = (hy) => {
   }
   function setEmpty() {
     let content = ``;
-    if (!props2.showOnlineOnly) {
+    if (!props.showOnlineOnly) {
       setTimeout(() => {
         if (hy.addDeviceDom.value) {
           hy.addDeviceDom.value.removeEventListener("click", addDevice);
@@ -294,13 +302,13 @@ const useAppTreeWrapper = (hy) => {
         }
       });
       content = `<div class="w-full h-full flex flex-col justify-center items-center">
-                  <svg data-v-19e5a669="" data-v-56505d40="" aria-hidden="true" svgName="map_service" class="svg-icon" style="width: 40px; height: 48px"><use data-v-19e5a669="" xlink:href="#icon-noData"></use></svg>
+                  <svg data-v-19e5a669="" data-v-56505d40="" aria-hidden="true" svgName="ops-list-no-data" class="svg-icon" style="width: 40px; height: 48px"><use data-v-19e5a669="" xlink:href="#icon-ops-list-no-data"></use></svg>
                   <span class="text-auxiliary text-sm mt-2">\u60A8\u5C1A\u672A\u6DFB\u52A0\u4EFB\u52A1\u8BBE\u5907</span>
                   ${permissionIdList.includes("operator_deviceManage") ? '<span id="dispatch-add-device" class="inline-block border-b border-theme text-theme text-sm mt-2 cursor-pointer">\u53BB\u6DFB\u52A0</span>' : ""}
               </div>`;
     } else {
       content = `<div class="w-full h-full flex flex-col justify-center items-center">
-                  <svg data-v-19e5a669="" data-v-56505d40="" aria-hidden="true" svgName="map_service" class="svg-icon" style="width: 40px; height: 40px"><use data-v-19e5a669="" xlink:href="#icon-v3-card-device-offline"></use></svg>
+                  <svg data-v-19e5a669="" data-v-56505d40="" aria-hidden="true" svgName="analytics-v3-card-device-offline" class="svg-icon" style="width: 40px; height: 40px"><use data-v-19e5a669="" xlink:href="#icon-analytics-v3-card-device-offline"></use></svg>
                   <span class="text-auxiliary text-sm mt-2">\u6682\u65E0\u8BBE\u5907\u5904\u4E8E\u5728\u7EBF\u72B6\u6001</span>
                   <span class="text-auxiliary text-sm whitespace-nowrap">\u8BF7\u68C0\u67E5\u8BBE\u5907\u72B6\u6001\u6216\u7F51\u7EDC\u8FDE\u63A5</span>
               </div>`;
@@ -312,7 +320,7 @@ const useAppTreeWrapper = (hy) => {
   }
   function setDisAbleSelectionMap() {
     const map = /* @__PURE__ */ new Map();
-    props2.disableSelection.forEach((v) => {
+    props.disableSelection.forEach((v) => {
       map.set(v.id, true);
     });
     hy.disableSelectionMap.value = map;
@@ -336,7 +344,7 @@ const useAppTreeWrapper = (hy) => {
     container.style.display = "flex";
     container.style.width = "100%";
     const dutyHtml = `<div class="flex treeDeviceBox">
-                  ${props2.getDutyRoster === 1 && data.rosterContent ? `<span class="w-[22px] h-[22px] text-xs rounded border box-border text-main flex justify-center items-center mr-1"
+                  ${props.getDutyRoster === 1 && data.rosterContent ? `<span class="w-[22px] h-[22px] text-xs rounded border box-border text-main flex justify-center items-center mr-1"
                           style="border-color: ${data.rosterContentColor};background-color: ${data.rosterContentColor}70;">
                           ${data.rosterContentSimple}
                          </span>` : ""}
@@ -372,7 +380,6 @@ const useAppTreeWrapper = (hy) => {
     return true;
   }
   function setSlot(slotName) {
-    console.log(slots, slotName);
     if (!slotName || !slots[slotName]) return null;
     return (data, node) => {
       let container = document.createElement("div");
@@ -416,13 +423,13 @@ const useAppTreeWrapper = (hy) => {
     virtualTree?.updateData([payload]);
   }
   function singleRemovalFn(row, isForce = false) {
-    if (props2.treeType === "device" || props2.treeType === "channel") {
+    if (props.treeType === "device" || props.treeType === "channel") {
       virtualTree.setChecked(row.channelId || row.deviceId, false, true);
-    } else if (props2.treeType) {
+    } else if (props.treeType) {
       virtualTree.setChecked(row.id, false, true, isForce);
-    } else if (!props2.treeType && props2.treeProps) {
+    } else if (!props.treeType && props.treeProps) {
       virtualTree.setChecked(
-        row[`${props2.treeProps.value}`],
+        row[`${props.treeProps.value}`],
         false,
         true,
         isForce
@@ -430,48 +437,48 @@ const useAppTreeWrapper = (hy) => {
     }
   }
   function setCheckedKeys(dataList, isForce = false) {
-    if (props2.treeType === "device" || props2.treeType === "channel") {
+    if (props.treeType === "device" || props.treeType === "channel") {
       virtualTree?.setCheckedKeys(
         dataList.map((v) => v.channelId || v.deviceId),
         true,
         isForce
       );
-    } else if (props2.treeType) {
+    } else if (props.treeType) {
       virtualTree?.setCheckedKeys(
         dataList.map((v) => v.id),
         true,
         isForce
       );
-    } else if (!props2.treeType && props2.treeProps) {
+    } else if (!props.treeType && props.treeProps) {
       console.log(
         "\u9009\u4E2D\u56DE\u8C03",
-        dataList.map((v) => v[`${props2.treeProps.value}`])
+        dataList.map((v) => v[`${props.treeProps.value}`])
       );
       virtualTree?.setCheckedKeys(
-        dataList.map((v) => v[`${props2.treeProps.value}`]),
+        dataList.map((v) => v[`${props.treeProps.value}`]),
         false,
         isForce
       );
     }
-    if (props2.isBackDefaultSelected) {
+    if (props.isBackDefaultSelected) {
       setTimeout(() => {
         const deviceList = virtualTree?.getCheckedBusinessNodes(true) || [];
         emits("on-selectedDataList", deviceList);
       });
     }
   }
-  function setChecked(data, type) {
-    if (props2.treeType === "device") {
+  function setChecked(data, type = true) {
+    if (props.treeType === "device") {
       virtualTree?.setChecked(data.channelId || data.deviceId, type, true);
-    } else if (props2.treeType) {
+    } else if (props.treeType) {
       virtualTree?.setChecked(data.id, type, true);
-    } else if (!props2.treeType && props2.treeProps) {
-      virtualTree?.setChecked(data[`${props2.treeProps.value}`], type, true);
+    } else if (!props.treeType && props.treeProps) {
+      virtualTree?.setChecked(data[`${props.treeProps.value}`], type, false);
     }
   }
   function setSelectedOrg(deviceList) {
     for (let i = 0; i < deviceList.length; i++) {
-      if (props2.defaultSelectedOrgID === deviceList[i].id) {
+      if (props.defaultSelectedOrgID === deviceList[i].id) {
         if (deviceList[i].deviceList?.length) {
           setCheckedKeys(deviceList[i].deviceList);
         }
@@ -484,19 +491,19 @@ const useAppTreeWrapper = (hy) => {
     }
   }
   function getSelectedDataList(leafOnly = false) {
-    if (props2.treeType) {
+    if (props.treeType) {
       return virtualTree?.getCheckedBusinessNodes(leafOnly) || [];
     }
     return virtualTree?.getCheckedNodes(leafOnly) || [];
   }
   function setFilterListType(type) {
-    if (props2.selectFilterList?.length) {
+    if (props.selectFilterList?.length) {
       hy.selectFilterList.value = JSON.parse(
-        JSON.stringify(props2.selectFilterList)
+        JSON.stringify(props.selectFilterList)
       );
       return;
     }
-    if (props2.treeType === "device") {
+    if (props.treeType === "device") {
       hy.selectFilterList.value = [
         {
           label: "\u5168\u90E8",
@@ -514,7 +521,7 @@ const useAppTreeWrapper = (hy) => {
           placeholder: "\u8BBE\u5907\u53F7\u3001\u8BBE\u5907\u540D\u79F0\u8FDB\u884C\u7B5B\u9009"
         }
       ];
-    } else if (props2.treeType === "user") {
+    } else if (props.treeType === "user") {
       hy.selectFilterList.value = [
         {
           label: "\u5168\u90E8",
@@ -574,13 +581,13 @@ const useAppTreeWrapper = (hy) => {
     getNode
   };
 };
-function filterNodeMethod(data, value, { selectFilterType, treeFilterParam = [] }) {
+function filterNodeMethod(data, value, { selectFilterType, treeFilterParam = [], treeType }) {
   let type = data.dataType;
   if (selectFilterType) type = selectFilterType;
   const includesValue = (field) => {
     return field && field.toString().includes(value.toString());
   };
-  if (!props.treeType) {
+  if (!treeType) {
     let filterType = false;
     for (let i = 0; i < treeFilterParam.length; i++) {
       const item = treeFilterParam[i];

package/es/components/hyTree/tree.vue.mjs

@@ -18,9 +18,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     /* 禁止选择 */
     disableSelection: {
       type: Array,
-      default: () => {
-        return [];
-      }
+      default: () => []
     },
     // 是否开启按照设备在线和离线状态排序，仅支持 device 和 groupDevice 业务类型
     deviceOrderSort: {
@@ -30,37 +28,27 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     // 当前群组
     orgGroupId: {
       type: [Number, String],
-      default: () => {
-        return null;
-      }
+      default: null
     },
     // 设置勤务状态
     getDutyRoster: {
       type: Boolean,
-      default: () => {
-        return false;
-      }
+      default: false
     },
     // 仅展示在线数据
     showOnlineOnly: {
       type: Boolean,
-      default: () => {
-        return false;
-      }
+      default: false
     },
     /* 是否开启多选框 */
     showCheckbox: {
       type: Boolean,
-      default: () => {
-        return true;
-      }
+      default: true
     },
     /* 是否开启单选框 */
     showSinglebox: {
       type: Boolean,
-      default: () => {
-        return false;
-      }
+      default: false
     },
     // 是否清除无数据的部门
     clearEmptyBusiness: {
@@ -75,28 +63,22 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     // 树形类型
     treeType: {
       type: String,
-      default: () => {
-        return treeTypeConfig.device;
-      }
+      default: treeTypeConfig.device
     },
     // 树形 props 类型 （treeType null时生效）
     treeProps: {
       type: Object,
-      default: () => {
-        return {};
-      }
+      default: () => ({})
     },
     // 树形 过滤参数 类型 （treeType null时生效）
     treeFilterParam: {
       type: Array,
-      default: () => {
-        return [];
-      }
+      default: () => []
     },
     // 是否显示通道节点的选择框
     isShowChannelSelect: {
       type: Boolean,
-      default: () => false
+      default: false
     },
     // 是否显示自定义空数据显示
     showCustomEmpty: {
@@ -105,9 +87,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     },
     placeholder: {
       type: String,
-      default: () => {
-        return "\u8BF7\u8F93\u5165";
-      }
+      default: "\u8BF7\u8F93\u5165"
     },
     // 是否返回默认选择的数据
     isBackDefaultSelected: {
@@ -117,13 +97,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     /* 默认选中列表 */
     selectedByDefault: {
       type: Array,
-      default: () => {
-        return [];
-      }
+      default: () => []
     },
     // 默认需要选中的部门ID
     defaultSelectedOrgID: {
-      default: () => null
+      default: null
     },
     // 搜索类型
     searchType: {
@@ -183,7 +161,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     // 外部自定义过滤函数
     filterMethod: {
       type: Function,
-      default: () => null
+      default: null
+    },
+    // 是否显示右侧业务状态
+    showStatus: {
+      type: Boolean,
+      default: true
     }
   },
   emits: [

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.63";
+const version = "0.2.65";
 
 export { version };