hy-dispatch-ui-v3 0.2.67 → 0.2.69

package/es/components/hyTableForm/style/batchTableForm.scss

@@ -7,7 +7,6 @@
     height: 340px;
     position: relative;
     border-radius: 8px;
-    border: 1px dashed rgba(var(--hy-auxiliary));
     box-sizing: border-box;
     &:hover {
       border-color: rgba(var(--hy-theme));
@@ -29,34 +28,22 @@
         height: 200%;
         /* 绘制网格线：使用青色，透明度调低，让它融合在 #14273a 背景里 */
         background-image:
-          /* 纵向线 */ linear-gradient(
-                90deg,
-                rgba(0, 229, 255, 0.1) 1px,
-                transparent 1px
-        ),
-          /* 横向线 */
-        linear-gradient(rgba(0, 229, 255, 0.1) 1px, transparent 1px);
-  
+          /* 纵向线 */
+          linear-gradient(90deg, rgba(0, 229, 255, 0.1) 1px, transparent 1px),
+          /* 横向线 */ linear-gradient(rgba(0, 229, 255, 0.1) 1px, transparent 1px);
+
         /* 网格尺寸 40px */
         background-size: 40px 40px;
-  
+
         /* 3D 倒伏效果 */
         transform: rotateX(60deg);
-  
+
         /* 动效：无限流动 */
         animation: grid-flow 20s linear infinite;
-  
+
         /* 遮罩：四周渐隐，让网格不那么生硬 */
-        mask-image: radial-gradient(
-                circle at 50% 50%,
-                black 10%,
-                transparent 80%
-        );
-        -webkit-mask-image: radial-gradient(
-                circle at 50% 50%,
-                black 10%,
-                transparent 80%
-        );
+        mask-image: radial-gradient(circle at 50% 50%, black 10%, transparent 80%);
+        -webkit-mask-image: radial-gradient(circle at 50% 50%, black 10%, transparent 80%);
       }
       &::after {
         display: block;
@@ -66,14 +53,10 @@
         left: 0;
         width: 100%;
         height: 100%;
-        background: radial-gradient(
-                circle at 50% 50%,
-                rgba(0, 229, 255, 0.05) 0%,
-                transparent 70%
-        );
+        background: radial-gradient(circle at 50% 50%, rgba(0, 229, 255, 0.05) 0%, transparent 70%);
       }
     }
-  
+
     .hy-el-upload {
       width: 100%;
       height: 100%;
@@ -84,17 +67,21 @@
         flex-direction: column;
         align-items: center;
         justify-content: center;
-        border: none;
+        border: 1px dashed rgba(var(--hy-auxiliary));
         &:hover {
-          border-color: var(--theme);
           .type-icon-box {
             transform: translateY(-10px);
           }
         }
+        &.is-dragover {
+          border: 1px solid rgba(var(--hy-theme)) !important;
+          box-shadow: 0px 0px 6px 0px rgba(var(--hy-theme));
+          background-color: var(--hy-el-fill-color-blank) !important;
+        }
       }
     }
   }
-  
+
   .hy-batch-table-form-step-box {
     width: 100%;
     height: 260px;
@@ -103,6 +90,7 @@
     padding-top: 24px;
     border-radius: 8px;
     background-color: rgba(var(--hy-background-2), 0.5);
+    box-sizing: border-box;
     .hy-el-step {
       .hy-el-step__description {
         padding-left: 0px !important;
@@ -122,6 +110,7 @@
     border: 1px dashed rgba(var(--hy-auxiliary), 0.5);
     border-radius: 4px;
     background: rgba(var(--hy-background-2), 0.5);
+    box-sizing: border-box;
   }
 
   .hy-batch-table-form-upload-bg {
@@ -141,13 +130,9 @@
       height: 200%;
       /* 绘制网格线：使用青色，透明度调低，让它融合在 #14273a 背景里 */
       background-image:
-        /* 纵向线 */ linear-gradient(
-              90deg,
-              rgba(0, 229, 255, 0.1) 1px,
-              transparent 1px
-      ),
-        /* 横向线 */
-      linear-gradient(rgba(0, 229, 255, 0.1) 1px, transparent 1px);
+        /* 纵向线 */
+        linear-gradient(90deg, rgba(0, 229, 255, 0.1) 1px, transparent 1px),
+        /* 横向线 */ linear-gradient(rgba(0, 229, 255, 0.1) 1px, transparent 1px);
 
       /* 网格尺寸 40px */
       background-size: 40px 40px;
@@ -159,16 +144,8 @@
       animation: grid-flow 20s linear infinite;
 
       /* 遮罩：四周渐隐，让网格不那么生硬 */
-      mask-image: radial-gradient(
-              circle at 50% 50%,
-              black 10%,
-              transparent 80%
-      );
-      -webkit-mask-image: radial-gradient(
-              circle at 50% 50%,
-              black 10%,
-              transparent 80%
-      );
+      mask-image: radial-gradient(circle at 50% 50%, black 10%, transparent 80%);
+      -webkit-mask-image: radial-gradient(circle at 50% 50%, black 10%, transparent 80%);
     }
     &::after {
       display: block;
@@ -178,12 +155,7 @@
       left: 0;
       width: 100%;
       height: 100%;
-      background: radial-gradient(
-              circle at 50% 50%,
-              rgba(0, 229, 255, 0.05) 0%,
-              transparent 70%
-      );
+      background: radial-gradient(circle at 50% 50%, rgba(0, 229, 255, 0.05) 0%, transparent 70%);
     }
   }
 }
-

package/es/components/hyTableForm/style/tableForm.scss

@@ -19,6 +19,7 @@
     border-radius: 4px;
     padding: 2px;
     font-size: 0.75rem;
+    box-sizing: border-box;
     .hy-table-form-tab-button {
       display: flex;
       align-items: center;
@@ -28,15 +29,15 @@
       border-radius: 2px;
       cursor: pointer;
       transition: all 0.3s linear;
+      box-sizing: border-box;
       &:hover {
         color: rgba(var(--hy-main));
       }
       &.is-select {
         color: rgba(var(--hy-main));
-        background: linear-gradient(180deg, rgba(var(--hy-theme)) 0%, #2A4968 100%);
+        background: linear-gradient(180deg, rgba(var(--hy-theme)) 0%, #2a4968 100%);
         border-image: linear-gradient(180deg, rgba(var(--hy-theme)) 80%, rgba(var(--hy-auxiliary))) 1 1;
       }
     }
   }
 }
-

package/es/components/hyTableForm/tableForm.vue.mjs

@@ -1,8 +1,10 @@
-import { defineComponent, useTemplateRef, ref, computed, nextTick, onMounted, watch, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, createBlock, unref, withCtx, createTextVNode, Fragment, renderList, normalizeClass, createVNode, mergeProps, createSlots, renderSlot, normalizeProps, guardReactiveProps, withDirectives, vShow } from 'vue';
+import { defineComponent, useTemplateRef, ref, computed, nextTick, provide, onMounted, watch, openBlock, createElementBlock, createElementVNode, toDisplayString, createCommentVNode, createBlock, unref, withCtx, createTextVNode, Fragment, renderList, normalizeClass, createVNode, mergeProps, createSlots, renderSlot, normalizeProps, guardReactiveProps, withDirectives, vShow } from 'vue';
 import '../index.mjs';
 import '../../utils/index.mjs';
+import '../../hooks/index.mjs';
 import { doValidate } from './js/index.mjs';
 import { useAppTable } from '../hyTable/js/useAppTable.mjs';
+import { useResizeObserver } from '../../hooks/useResizeObserver.mjs';
 import { resetAppFormValue } from '../hyForm/js/useAppForm.mjs';
 import { isArray, isObject } from '../../utils/is.mjs';
 import { cloneDeep } from '../../utils/handler.mjs';
@@ -72,6 +74,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const props = __props;
     const emits = __emit;
     const tableRef = useTemplateRef("tableRef");
+    const formContainerRef = useTemplateRef("formContainerRef");
     const formRef = useTemplateRef("formRef");
     const dataSource = ref([]);
     const tabList = ref([
@@ -97,7 +100,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         }
       ]
     });
-    const isExpandValidate = ref(false);
     const statistics = ref({
       success: 0,
       failed: 0,
@@ -115,7 +117,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       tableRef.value.setData(dataSource2);
     }
     function rowClassName({ row, rowIndex }) {
-      if (row.errorMsg) {
+      if (row.errorMsg && row.errorMsg.message) {
         return "hy-el-table-v2__row-error";
       }
     }
@@ -126,21 +128,40 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         setData(dataSource.value);
       } else {
         const data = dataSource.value.filter((data2) => {
-          return !!data2.errorMsg;
+          return data2.errorMsg && data2.errorMsg.message;
         });
         setData(data);
       }
     }
-    async function onExpandRowChange(row) {
+    let formClientHeight, removeResize, tableScrollTop, expanding;
+    async function onExpandRowChange2(row, isExpanded) {
       if (props.onExpandRowChange) {
         props.onExpandRowChange(row);
       }
       await nextTick();
-      if (!formRef.value) return;
+      if (!formRef.value || !isExpanded) {
+        removeResize && removeResize();
+        return;
+      }
+      const instance = useResizeObserver(formContainerRef.value, async () => {
+        if (!formContainerRef.value) return;
+        const [key] = tableRef.value.getRowExpansion();
+        if (formClientHeight === formContainerRef.value.clientHeight) return;
+        if (!key) return;
+        removeResize && removeResize();
+        expanding = true;
+        tableRef.value.toggleRowExpansion(key, false);
+        await nextTick();
+        tableRef.value.toggleRowExpansion(key, true);
+        await new Promise((resolve) => setTimeout(resolve, 1));
+        tableRef.value.scrollToTop(tableScrollTop);
+        expanding = false;
+      });
+      formClientHeight = formContainerRef.value.clientHeight;
+      removeResize = instance.removeResize;
       const valid = await initValidateHandler([row]);
       if (valid) return;
-      formRef.value.validate();
-      isExpandValidate.value = true;
+      triggerValidate();
     }
     function onDeleteRowHandler(params) {
       const { $index } = params;
@@ -164,6 +185,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         ...statistics.value
       });
     }
+    function onScrollHandler(params) {
+      if (expanding) return;
+      tableScrollTop = params.scrollTop;
+    }
+    const validateTriggerId = ref(0);
+    function triggerValidate() {
+      validateTriggerId.value++;
+    }
     async function initValidateHandler(dataSource2) {
       let promiseList = [];
       for (const data of dataSource2) {
@@ -186,9 +215,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   prop: item.field,
                   message: item.message || `${item.field} is required`
                 };
-                if (!data.errorMsg) {
+                if (data && !data.errorMsg) {
                   data.errorMsg = errData;
-                } else if (!data.errorMsg.prop && !data.errorMsg.message) {
+                } else if (data && !data.errorMsg.prop && !data.errorMsg.message) {
                   data.errorMsg.prop = errData.errorMsg.prop;
                   data.errorMsg.message = errData.errorMsg.message;
                 }
@@ -238,6 +267,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           row.errorMsg.message = errMsg.message;
         }
       }
+      await nextTick();
       const { onlyId, errorMsg, errorMap, children, ...data } = row;
       emits("validate", {
         row: data,
@@ -247,6 +277,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         ...statistics.value
       });
     }
+    provide("validateTriggerId", validateTriggerId);
     onMounted(() => {
       watch(
         () => dataSource.value,
@@ -254,10 +285,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           emits("tableDataChange", dataSource.value);
           const { success, failed } = dataSource.value.reduce(
             ({ success: success2, failed: failed2 }, data) => {
-              if (!data.errorMsg) {
-                success2++;
-              } else {
+              if (data.errorMsg && data.errorMsg.message) {
                 failed2++;
+              } else {
+                success2++;
               }
               return { success: success2, failed: failed2 };
             },
@@ -290,7 +321,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           if (item.onlyId) set.add(item.onlyId);
           return set;
         }, /* @__PURE__ */ new Set());
-        console.log("keySet", Array.from(keySet.values()));
         if (!keySet.size) return;
         for (let i = 0; i < dataSource.value.length; i++) {
           const target = dataSource.value[i];
@@ -435,19 +465,20 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             showOperate: false,
             showPagination: false,
             expandMode: "accordion",
-            onExpandChange: onExpandRowChange
+            onExpandChange: onExpandRowChange2,
+            onScroll: onScrollHandler
           }), createSlots({
             validateStatus: withCtx(({ row }) => [
               createElementVNode(
                 "div",
                 {
-                  class: normalizeClass(["flex items-center gap-1.5", [row.errorMsg ? "text-danger-2" : "text-success"]])
+                  class: normalizeClass(["flex items-center gap-1.5", [row.errorMsg && row.errorMsg.message ? "text-danger-2" : "text-success"]])
                 },
                 [
                   createElementVNode(
                     "div",
                     {
-                      class: normalizeClass(["w-1.5 h-1.5 rounded-full", [row.errorMsg ? "bg-danger-2" : "bg-success"]])
+                      class: normalizeClass(["w-1.5 h-1.5 rounded-full", [row.errorMsg && row.errorMsg.message ? "bg-danger-2" : "bg-success"]])
                     },
                     null,
                     2
@@ -456,7 +487,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   createElementVNode(
                     "div",
                     { class: "text-sm" },
-                    toDisplayString(!row.errorMsg ? "\u51C6\u5907\u5C31\u7EEA" : row.errorMsg.prop ? "\u5185\u5BB9\u6709\u8BEF" : "\u6821\u9A8C\u5931\u8D25"),
+                    toDisplayString(row.errorMsg && row.errorMsg.message ? row.errorMsg.prop ? "\u5185\u5BB9\u6709\u8BEF" : "\u6821\u9A8C\u5931\u8D25" : "\u51C6\u5907\u5C31\u7EEA"),
                     1
                     /* TEXT */
                   )
@@ -484,7 +515,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                     withDirectives(createElementVNode(
                       "div",
                       {
-                        class: normalizeClass(["flex items-center gap-1.5 text-danger-2 transition-all duration-300 overflow-hidden", [row.errorMsg ? "h-full" : "h-0"]])
+                        class: normalizeClass(["flex items-center gap-1.5 text-danger-2 transition-all duration-300 overflow-hidden", [row.errorMsg && row.errorMsg.message ? "h-full" : "h-0"]])
                       },
                       [
                         createVNode(unref(HyIcon), {
@@ -494,7 +525,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         createElementVNode(
                           "span",
                           null,
-                          toDisplayString(row.errorMsg ? row.errorMsg.message : ""),
+                          toDisplayString(row.errorMsg && row.errorMsg.message ? row.errorMsg.message : ""),
                           1
                           /* TEXT */
                         )
@@ -502,34 +533,47 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                       2
                       /* CLASS */
                     ), [
-                      [vShow, row.errorMsg.message]
+                      [vShow, row.errorMsg && row.errorMsg.message]
                     ])
                   ]),
-                  createVNode(unref(HyForm), {
-                    ref_key: "formRef",
-                    ref: formRef,
-                    model: row,
-                    columns: __props.formColumns,
-                    rules: __props.rules,
-                    "show-message": false,
-                    class: "px-0",
-                    columnNum: __props.columnNum,
-                    size: __props.size,
-                    onValidate: (prop, isValid, message) => onValidateHandler(row, { prop, isValid, message }),
-                    onOptionsStatus: _ctx.$attrs.onOptionsStatus
-                  }, createSlots({
-                    _: 2
-                    /* DYNAMIC */
-                  }, [
-                    renderList(_ctx.$slots, (_, slotName) => {
-                      return {
-                        name: slotName,
-                        fn: withCtx((scope) => [
-                          renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(scope)))
-                        ])
-                      };
-                    })
-                  ]), 1032, ["model", "columns", "rules", "columnNum", "size", "onValidate", "onOptionsStatus"])
+                  createElementVNode(
+                    "div",
+                    {
+                      ref_key: "formContainerRef",
+                      ref: formContainerRef,
+                      class: "w-full"
+                    },
+                    [
+                      createVNode(unref(HyForm), {
+                        ref_key: "formRef",
+                        ref: formRef,
+                        model: row,
+                        columns: __props.formColumns,
+                        rules: __props.rules,
+                        "show-message": false,
+                        class: "px-0",
+                        columnNum: __props.columnNum,
+                        size: __props.size,
+                        business: "tableForm",
+                        onValidate: (prop, isValid, message) => onValidateHandler(row, { prop, isValid, message }),
+                        onOptionsStatus: _ctx.$attrs.onOptionsStatus
+                      }, createSlots({
+                        _: 2
+                        /* DYNAMIC */
+                      }, [
+                        renderList(_ctx.$slots, (_, slotName) => {
+                          return {
+                            name: slotName,
+                            fn: withCtx((scope) => [
+                              renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(scope)))
+                            ])
+                          };
+                        })
+                      ]), 1032, ["model", "columns", "rules", "columnNum", "size", "onValidate", "onOptionsStatus"])
+                    ],
+                    512
+                    /* NEED_PATCH */
+                  )
                 ])
               ]),
               key: "0"

package/es/components/hyTimePicker/timePicker.vue.mjs

@@ -3,7 +3,7 @@ import dayjs from 'dayjs';
 import { ElTimePicker } from 'element-plus';
 import '../../utils/index.mjs';
 import '../../hooks/index.mjs';
-import { useLocale } from '../../hooks/useLocale.mjs';
+import { $t } from '../../hooks/useLocale.mjs';
 import { isArray } from '../../utils/is.mjs';
 
 import "./style/timePicker.scss";
@@ -41,7 +41,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale();
     const appTimePicker = useTemplateRef("appTimePicker");
     const timeValue = useModel(__props, "modelValue");
     const startValue = useModel(__props, "start");
@@ -50,13 +49,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       if (props.startPlaceholder) {
         return props.startPlaceholder;
       }
-      return t("timePicker.startTime");
+      return $t("timePicker.startTime");
     });
     const endPlaceholder = computed(() => {
       if (props.endPlaceholder) {
         return props.endPlaceholder;
       }
-      return t("timePicker.endTime");
+      return $t("timePicker.endTime");
     });
     const disabledSecondsHandler = computed(() => {
       return (hour, minute, role, comparingDate) => {
@@ -145,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         valueFormat: timeFormHandler(__props.valueFormat),
         disabledSeconds: disabledSecondsHandler.value,
         "start-placeholder": startPlaceholder.value,
-        "range-separator": unref(t)("timePicker.to"),
+        "range-separator": unref($t)("timePicker.to"),
         "end-placeholder": endPlaceholder.value,
         onChange: onChangeHandler
       }), createSlots({

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

@@ -21,9 +21,7 @@ const useAppTreeWrapper = (hy) => {
     // 用实例的 provides 链覆盖应用级 provides，才能拿到 ElConfigProvider 注入的 namespace
     provides: instance.provides
   } : null;
-  const permissionIdList = JSON.parse(
-    window.sessionStorage.getItem("permissionIdList") || "[]"
-  );
+  const permissionIdList = JSON.parse(window.sessionStorage.getItem("permissionIdList") || "[]");
   let virtualTree = null;
   const filterValue = ref("");
   const disableSelectionMap = ref(null);
@@ -44,9 +42,7 @@ const useAppTreeWrapper = (hy) => {
     return data[props.treeProps?.value];
   }
   function deleteNoTreeSelData(item) {
-    const index = hy.noTreeSelData.value.findIndex(
-      (v) => hy.getSelectedDataKey(v) === hy.getSelectedDataKey(item)
-    );
+    const index = hy.noTreeSelData.value.findIndex((v) => hy.getSelectedDataKey(v) === hy.getSelectedDataKey(item));
     if (index !== -1) {
       hy.noTreeSelData.value.splice(index, 1);
     }
@@ -65,9 +61,7 @@ const useAppTreeWrapper = (hy) => {
         treeMap.set(key, true);
       }
     });
-    hy.noTreeSelData.value = dataList.filter(
-      (item) => !treeMap.get(hy.getSelectedDataKey(item))
-    );
+    hy.noTreeSelData.value = dataList.filter((item) => !treeMap.get(hy.getSelectedDataKey(item)));
   }
   function mergeNoTreeSelData(dataList) {
     return [...hy.noTreeSelData.value, ...dataList];
@@ -93,11 +87,11 @@ const useAppTreeWrapper = (hy) => {
           // 数据
           data: dataList,
           // 每一项的高度
-          itemHeight: 30,
+          // itemHeight: 30, // 使用全局配置
           // 可视区域外的缓冲项数量
-          bufferSize: 10,
+          // bufferSize: 10, // 使用全局配置
           // 相邻级节点间的水平缩进，单位为像素
-          indent: 16,
+          // indent: 16, // 使用全局配置
           emptyText: "\u6682\u65E0\u6570\u636E",
           // 树形业务类型
           business: props.treeType,
@@ -179,13 +173,7 @@ const useAppTreeWrapper = (hy) => {
               }
               emits(
                 "on-check-tree",
-                JSON.parse(
-                  JSON.stringify(
-                    hy.mergeNoTreeSelData(
-                      info.checkedBusinessNodes || info.checkedNodes
-                    )
-                  )
-                ),
+                JSON.parse(JSON.stringify(hy.mergeNoTreeSelData(info.checkedBusinessNodes || info.checkedNodes))),
                 {
                   data,
                   info,
@@ -262,9 +250,7 @@ const useAppTreeWrapper = (hy) => {
                   }
                 ]);
               } else {
-                const channelList = data.videoChannelList?.filter(
-                  (v) => v.onlineState === 1
-                );
+                const channelList = data.videoChannelList?.filter((v) => v.onlineState === 1);
                 if (channelList && channelList.length) {
                   emits(
                     "on-dblclick",
@@ -473,12 +459,7 @@ const useAppTreeWrapper = (hy) => {
     } else if (props.treeType) {
       hy.virtualTree.setChecked(row.id, false, true, isForce);
     } else if (!props.treeType && props.treeProps) {
-      hy.virtualTree.setChecked(
-        row[`${props.treeProps.value}`],
-        false,
-        true,
-        isForce
-      );
+      hy.virtualTree.setChecked(row[`${props.treeProps.value}`], false, true, isForce);
     }
     hy.deleteNoTreeSelData(row);
   }
@@ -543,19 +524,13 @@ const useAppTreeWrapper = (hy) => {
   }
   function getSelectedDataList(leafOnly = false) {
     if (props.treeType) {
-      return hy.mergeNoTreeSelData(
-        hy.virtualTree?.getCheckedBusinessNodes(leafOnly) || []
-      );
+      return hy.mergeNoTreeSelData(hy.virtualTree?.getCheckedBusinessNodes(leafOnly) || []);
     }
-    return hy.mergeNoTreeSelData(
-      hy.virtualTree?.getCheckedNodes(leafOnly) || []
-    );
+    return hy.mergeNoTreeSelData(hy.virtualTree?.getCheckedNodes(leafOnly) || []);
   }
   function setFilterListType(type) {
     if (props.selectFilterList?.length) {
-      hy.selectFilterList.value = JSON.parse(
-        JSON.stringify(props.selectFilterList)
-      );
+      hy.selectFilterList.value = JSON.parse(JSON.stringify(props.selectFilterList));
       return;
     }
     if (props.treeType === "device") {
@@ -597,9 +572,7 @@ const useAppTreeWrapper = (hy) => {
     }
   }
   const getInputPlaceholder = computed(() => {
-    const item = hy.selectFilterList.value.find(
-      (v) => v.value === hy.selectFilterType.value
-    );
+    const item = hy.selectFilterList.value.find((v) => v.value === hy.selectFilterType.value);
     if (item && item.placeholder) {
       return item.placeholder;
     }

package/es/components/hyTree/style/index.css

@@ -1 +1 @@
-@import url('hy-virtual-tree/style');
+@import url('hy-virtual-tree/style');