Merge pull request #1865 from merico-dev/fix-tree-single-select-style

fix(filter-tree): Improve selected node styling and remove unused icon

Author: ZeekoZhu

api/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/api",
-  "version": "14.58.9",
+  "version": "14.58.10",
   "description": "",
   "main": "index.js",
   "scripts": {

dashboard/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/dashboard",
-  "version": "14.58.9",
+  "version": "14.58.10",
   "license": "Apache-2.0",
   "repository": {
     "url": "https://github.com/merico-dev/table"

dashboard/src/components/filter/filter-tree/filter-tree-single-select/render/widget.styles.ts

@@ -150,9 +150,10 @@ export default createStyles((theme, { radius = 4, width, name }: TreeSelectWidge
         backgroundColor: '#f1f3f5',
       },
       '&.rc-tree-select-tree-treenode-selected': {
-        '.rc-tree-select-tree-iconEle .checkbox-icon .checkmark-checked': {
-          stroke: 'rgb(64, 192, 87)',
-          animation: 'check 200ms linear forwards',
+        backgroundColor: '#e7f5ff',
+        '.rc-tree-select-tree-node-content-wrapper': {
+          color: '#228be6',
+          fontWeight: 500,
         },
       },
       '&.rc-tree-select-tree-treenode-disabled': {

dashboard/src/components/filter/filter-tree/filter-tree-single-select/render/widget.tsx

@@ -4,7 +4,6 @@ import TreeSelect from 'rc-tree-select';
 import { useTranslation } from 'react-i18next';
 import { ErrorMessageOrNotFound } from '~/components/filter/error-message-or-not-found';
 import { SwitcherIcon } from '../../common/switcher-icon';
-import { TreeIcon } from '../../common/tree-icon';
 import useStyles from './widget.styles';
 
 // DefaultProps adds system props support (margin, padding, sx, unstyled, styles and classNames).
@@ -62,8 +61,6 @@ export const FilterTreeSingleSelectWidget = ({
         treeLine
         // @ts-expect-error rc-tree-selecct's TreeNodeProps
         switcherIcon={SwitcherIcon}
-        // @ts-expect-error rc-tree-selecct's TreeNodeProps
-        treeIcon={TreeIcon}
         value={value}
         treeData={treeData}
         notFoundContent={<ErrorMessageOrNotFound errorMessage={errorMessage} />}

settings-form/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/settings-form",
-  "version": "14.58.9",
+  "version": "14.58.10",
   "license": "Apache-2.0",
   "repository": {
     "url": "https://github.com/merico-dev/table"