update 调整代码格式

src/components/TreeSelect/index.vue

@@ -1,39 +1,69 @@
+<template>
+  <div class="el-tree-select">
+    <el-select
+      style="width: 100%"
+      v-model="valueId"
+      ref="treeSelect"
+      :filterable="true"
+      :clearable="true"
+      @clear="clearHandle"
+      :filter-method="selectFilterData"
+      :placeholder="placeholder"
+    >
+      <el-option :value="valueId" :label="valueTitle">
+        <el-tree
+          id="tree-option"
+          ref="selectTree"
+          :accordion="accordion"
+          :data="options"
+          :props="objMap"
+          :node-key="objMap.value"
+          :expand-on-click-node="false"
+          :default-expanded-keys="defaultExpandedKey"
+          :filter-node-method="filterNode"
+          @node-click="handleNodeClick"
+        ></el-tree>
+      </el-option>
+    </el-select>
+  </div>
+</template>
+
 <script setup lang="ts">
 import { ElTreeSelect } from 'element-plus'
 
 const props = defineProps({
   /* 配置项 */
   objMap: {
-    type: Object,
-    default: () => {
-      return {
-        value: 'id', // ID字段名
-        label: 'label', // 显示名称
-        children: 'children' // 子级字段名
-      }
+  type: Object,
+  default: () => {
+    return {
+    value: 'id', // ID字段名
+    label: 'label', // 显示名称
+    children: 'children' // 子级字段名
     }
+  }
   },
   /* 自动收起 */
   accordion: {
-    type: Boolean,
-    default: () => {
-      return false
-    }
+  type: Boolean,
+  default: () => {
+    return false
+  }
   },
   /**当前双向数据绑定的值 */
   value: {
-    type: [String, Number],
-    default: ''
+  type: [String, Number],
+  default: ''
   },
   /**当前的数据 */
   options: {
-    type: Array,
-    default: () => []
+  type: Array,
+  default: () => []
   },
   /**输入框内部的文字 */
   placeholder: {
-    type: String,
-    default: ''
+  type: String,
+  default: ''
   }
 })
 
@@ -45,7 +75,7 @@ const emit = defineEmits(['update:value']);
 const valueId = computed({
   get: () => props.value,
   set: (val) => {
-    emit('update:value', val)
+  emit('update:value', val)
   }
 });
 const valueTitle = ref('');
@@ -53,17 +83,17 @@ const defaultExpandedKey = ref<any[]>([]);
 
 function initHandle() {
   nextTick(() => {
-    const selectedValue = valueId.value;
-    if(selectedValue !== null && typeof (selectedValue) !== 'undefined') {
-      const node = selectTree.value.getNode(selectedValue)
-      if (node) {
-        valueTitle.value = node.data[props.objMap.label]
-        selectTree.value.setCurrentKey(selectedValue) // 设置默认选中
-        defaultExpandedKey.value = [selectedValue] // 设置默认展开
-      }
-    } else {
-      clearHandle()
+  const selectedValue = valueId.value;
+  if(selectedValue !== null && typeof (selectedValue) !== 'undefined') {
+    const node = selectTree.value.getNode(selectedValue)
+    if (node) {
+    valueTitle.value = node.data[props.objMap.label]
+    selectTree.value.setCurrentKey(selectedValue) // 设置默认选中
+    defaultExpandedKey.value = [selectedValue] // 设置默认展开
     }
+  } else {
+    clearHandle()
+  }
   })
 }
 function handleNodeClick(node: any) {
@@ -126,33 +156,3 @@ ul li .el-tree .el-tree-node__content {
   color: $--color-primary;
 }
 </style>
-
-<template>
-  <div class="el-tree-select">
-    <el-select
-      style="width: 100%"
-      v-model="valueId"
-      ref="treeSelect"
-      :filterable="true"
-      :clearable="true"
-      @clear="clearHandle"
-      :filter-method="selectFilterData"
-      :placeholder="placeholder"
-    >
-      <el-option :value="valueId" :label="valueTitle">
-        <el-tree
-          id="tree-option"
-          ref="selectTree"
-          :accordion="accordion"
-          :data="options"
-          :props="objMap"
-          :node-key="objMap.value"
-          :expand-on-click-node="false"
-          :default-expanded-keys="defaultExpandedKey"
-          :filter-node-method="filterNode"
-          @node-click="handleNodeClick"
-        ></el-tree>
-      </el-option>
-    </el-select>
-  </div>
-</template>