✨(component): 优化 date-picker 组件样式

package/component/src/component/datePicker/index.less

@@ -512,8 +512,7 @@ html #layuicss-laydate {
   line-height: 71px;
 }
 .laydate-range-hover{
-  background-color: var(--global-checked-color) !important;
+  background-color: var(--global-neutral-color-2) !important;
-  color: white !important;
 }
 .layui-laydate-content .layui-disabled:hover{
   background-color: transparent !important;

package/component/src/component/select/index.less

@@ -57,6 +57,10 @@
   font-weight: 700;
 }
 
+.layui-select-content .layui-select-option .layui-checkbox{
+  margin-right: 10px;
+}
+
 .layui-select-search {
   padding: 5px 10px;
 }

package/component/src/component/tree/TreeNode.vue

@@ -100,7 +100,6 @@ function handleRowClick(node: TreeData) {
 
 //判断是否半选
 const isChildAllSelected = computed(() => {
-
   function _isChildAllSelected(node: TreeData): boolean {
     if (!props.showCheckbox) {
       return false;
@@ -124,7 +123,7 @@ const isChildAllSelected = computed(() => {
   }
 
   return function (node: TreeData): boolean {
-    if(props.checkStrictly) {
+    if (props.checkStrictly) {
       return false;
     } else {
       let res = _isChildAllSelected(node);

package/component/src/component/tree/useTree.ts

@@ -23,7 +23,7 @@ export const useTree: UseTree = (props: TreeProps, emit: TreeEmits) => {
       showCheckbox: props.showCheckbox ?? false,
       checkedKeys: props.checkedKeys ?? [],
       expandKeys: props.expandKeys ?? [],
-      checkStrictly: props.checkStrictly ?? false
+      checkStrictly: props.checkStrictly ?? false,
     },
     props.data
   );

package/component/src/utils/treeUtil.ts

@@ -1,34 +1,34 @@
 export function getNode(root: any, id: string) {
-	let resultNode = null;
+  let resultNode = null;
-	findNode(root, id);
+  findNode(root, id);
-	function findNode(root: any, id: string){
+  function findNode(root: any, id: string) {
-		if(!!root) {
+    if (!!root) {
-			let type = Object.prototype.toString.call(root);
+      let type = Object.prototype.toString.call(root);
-			if(type === '[object Object]') {
+      if (type === "[object Object]") {
-				if(root.id && root.id === id) {
+        if (root.id && root.id === id) {
-					resultNode = root
+          resultNode = root;
-				} else {
+        } else {
-					let node = root.children || null
+          let node = root.children || null;
-					findNode(node, id);
+          findNode(node, id);
-				}
+        }
-			}else if(type === '[object Array]') {
+      } else if (type === "[object Array]") {
-				let needNode = root.find((i:any) => !!i === true && i.id === id);
+        let needNode = root.find((i: any) => !!i === true && i.id === id);
-				if(!!needNode) {
+        if (!!needNode) {
-					resultNode = needNode;
+          resultNode = needNode;
-				} else {
+        } else {
-					if(root.length) {
+          if (root.length) {
-						root.forEach((item: any)=>{
+            root.forEach((item: any) => {
-							if(item && item.children) {
+              if (item && item.children) {
-								let node = item.children
+                let node = item.children;
-								if(node && node.length){
+                if (node && node.length) {
-									findNode(node, id);
+                  findNode(node, id);
-								}
+                }
-							}
+              }
-						})
+            });
-					}
+          }
-				}
+        }
-			}
+      }
-		}
+    }
-	}
+  }
-	return resultNode;
+  return resultNode;
 }

package/document-component/src/document/zh-CN/guide/changelog.md

@@ -21,6 +21,7 @@
           <li>[修复] tree 组件 node 配置 disabled 启用时, @node-click 事件仍触发的问题。</li>
           <li>[修复] checkbox 组件 label 属性与 default 插槽不设置, layui-checkbox-label 元素仍存在的问题。</li>
           <li>[修复] tree 组件 show-checkbox 为 true 时, 复选框与标题间距过宽的问题。</li>
+          <li>[调整] date-picker 组件 laydate-range-hover 前景色与背景色。</li>
         </ul> 
       </li>
     </ul>