chore: 4.3.0

Author: mumiao

.dumi/theme/slots/Sidebar/index.scss

@@ -1,6 +1,25 @@
 @import "../../style/const.scss";
 
+@media only screen and (max-width: 767px) {
+    .dt-theme-filter {
+        display: none;
+    }
+}
+
 @media only screen and (min-width: 767px) {
+    .dt-theme-filter {
+        width: calc(100% - 24px);
+        margin: 0 12px;
+        height: 40px;
+        padding: 16px;
+        color: #30363F;
+        font-size: 14px;
+        border: 1px solid #D0D5D8;
+        border-radius: 20px;
+        outline: none;
+        transition: all 0.3s;
+        background-color: transparent;
+    }
     .dumi-default-sidebar {
         height: 100vh;
         max-height: calc(100vh - 64px);

.dumi/theme/slots/Sidebar/index.tsx

@@ -1,26 +1,64 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { Tooltip } from 'antd';
 import { NavLink, useSidebarData } from 'dumi';
 
 import { useMobile } from '../../hooks';
 import 'dumi/theme-default/slots/Sidebar/index.less';
 import './index.scss';
 
+function filterSideBar(arr: ReturnType<typeof useSidebarData>, search: string) {
+    if (!search) return arr;
+    return arr
+        .map((item) => {
+            const children = item.children.filter((child) =>
+                child.title.toLocaleLowerCase().includes(search.toLocaleLowerCase())
+            );
+            return { ...item, children };
+        })
+        .filter((i) => i.children.length);
+}
+
 export default function Sidebar() {
     const sidebar = useSidebarData();
     const isMobile = useMobile();
+    const [search, setSearch] = useState('');
+
+    const isRenderSearch = sidebar.some((s) => s.title === '组件');
 
     if (!sidebar) return null;
 
     return (
         <div className="dumi-default-sidebar">
-            {sidebar.map((item, i) => (
+            {isRenderSearch && (
+                <input
+                    className="dt-theme-filter"
+                    placeholder="搜索组件..."
+                    value={search}
+                    onChange={(e) => setSearch(e.target.value)}
+                    onKeyDown={(e) => {
+                        if (e.key === 'Enter') {
+                            const firstLink = document.querySelector(
+                                '.dumi-default-sidebar-group dd a'
+                            );
+                            if (firstLink) {
+                                (firstLink as HTMLAnchorElement).click();
+                            }
+                        }
+                    }}
+                />
+            )}
+            {filterSideBar(sidebar, isRenderSearch ? search : '').map((item, i) => (
                 <dl className="dumi-default-sidebar-group" key={String(i)}>
                     {item.title && <dt>{item.title}</dt>}
                     {item.children.map((child) => {
                         const link = (
                             <dd key={child.link}>
-                                <NavLink to={child.link} title={child.title} end>
+                                <NavLink
+                                    to={child.link}
+                                    title={child.title}
+                                    end
+                                    onClick={() => setSearch('')}
+                                >
                                     {child.title}
                                 </NavLink>
                             </dd>

.dumi/tsconfig.json

@@ -0,0 +1,4 @@
+{
+    "extends": "../tsconfig.json",
+    "include": ["**/*"]
+}

.prettierignore

@@ -1,2 +1,3 @@
 /dist
 *.yaml
+.dumi/tmp

.stylelintignore

@@ -0,0 +1 @@
+.dumi/tmp

CHANGELOG.md

@@ -4,6 +4,17 @@ All notable changes to this project will be documented in this file. See [standa
 
 ## [4.3.0](https://github.com/DTStack/dt-react-component/compare/v4.2.0...v4.3.0) (2023-11-03)
 
+### [4.2.1](https://github.com/DTStack/dt-react-component/compare/v4.2.0...v4.2.1) (2023-09-13)
+
+### Features
+
+-   add spreadSheet columnSort and columnTypes ([#373](https://github.com/DTStack/dt-react-component/issues/373)) ([f6a14f3](https://github.com/DTStack/dt-react-component/commit/f6a14f317376678d86e021846c5fc5d1b0e703cb))
+
+### Bug Fixes
+
+-   fix immediate option in userList ([#378](https://github.com/DTStack/dt-react-component/issues/378)) ([b8992f3](https://github.com/DTStack/dt-react-component/commit/b8992f38f918dde10cb6349e39aca2c524e70853))
+    > > > > > > > 272326794683ecd3ed1846ad38fd4258b23dc0f7
+
 ## [4.2.0](https://github.com/DTStack/dt-react-component/compare/v4.1.0...v4.2.0) (2023-08-24)
 
 ### Bug Fixes

package.json

@@ -32,6 +32,10 @@
         "lib",
         "esm"
     ],
+    "sideEffects": [
+        "lib/*",
+        "*.scss"
+    ],
     "keywords": [
         "react",
         "react-component",
@@ -86,9 +90,9 @@
         "babel-types": "^6.26.0",
         "conventional-changelog-cli": "^2.2.2",
         "cz-conventional-changelog": "^3.3.0",
-        "dumi": "^2.1.13",
+        "dumi": "^2.2.12",
         "eslint": "^8.23.0",
-        "father": "^4.1.0",
+        "father": "~4.1.0",
         "fetch-jsonp": "^1.2.3",
         "gh-pages": "^4.0.0",
         "husky": "^8.0.1",
@@ -125,5 +129,8 @@
         "commitizen": {
             "path": "./node_modules/cz-conventional-changelog"
         }
+    },
+    "resolutions": {
+        "rc-motion": "2.6.2"
     }
 }