@blocklet/list 0.9.9 → 0.9.12

package/lib/components/autocomplete/index.js

@@ -19,6 +19,8 @@ var _urlJoin = _interopRequireDefault(require("url-join"));
 
 var _constant = _interopRequireDefault(require("../../libs/constant"));
 
+var _utils = require("../../libs/utils");
+
 var _filter = require("../../contexts/filter");
 
 var _item = _interopRequireDefault(require("./item"));
@@ -33,8 +35,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-const cachePool = new Map();
-
 function Autocomplete() {
   const containerRef = (0, _react.useRef)(null);
   const panelRootRef = (0, _react.useRef)(null);
@@ -48,22 +48,11 @@ function Autocomplete() {
   } = (0, _filter.useFilterContext)();
   const muiTheme = (0, _styles.useTheme)();
   const getResults = (0, _react.useCallback)(async params => {
-    const key = JSON.stringify(params);
-    const target = cachePool.get(key);
-    if (target) return target.data;
     const {
       data
     } = await storeApi.get(_constant.default.blockletsPath, {
       params
     });
-
-    if (cachePool.size > _constant.default.cacheSize) {
-      cachePool.clear();
-    }
-
-    cachePool.set(key, {
-      data: data.dataList
-    });
     return data.dataList || [];
   }, [storeApi]);
 
@@ -110,7 +99,8 @@ function Autocomplete() {
         panel: 'bl-autocomplete-panel',
         label: 'bl-autocomplete-label',
         form: 'bl-autocomplete-form',
-        input: 'bl-autocomplete-input'
+        input: 'bl-autocomplete-input',
+        clearButton: 'bl-autocomplete-clear'
       },
       placeholder: t('common.searchStore'),
       initialState: {
@@ -131,7 +121,7 @@ function Autocomplete() {
           keyword: query
         });
 
-        return [{
+        return (0, _utils.debounced)([{
           sourceId: 'blocklets',
 
           getItems() {
@@ -183,7 +173,7 @@ function Autocomplete() {
             }
 
           }
-        }];
+        }]);
       }
 
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.9.9",
+  "version": "0.9.12",
   "description": "Common ux components of blocklet",
   "publishConfig": {
     "access": "public"
@@ -42,7 +42,7 @@
   "dependencies": {
     "@algolia/autocomplete-js": "^1.7.1",
     "@algolia/autocomplete-theme-classic": "^1.7.1",
-    "@arcblock/ux": "^2.4.0",
+    "@arcblock/ux": "^2.4.6",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@mui/icons-material": "^5.8.4",
@@ -65,8 +65,8 @@
     "@babel/preset-react": "^7.18.6",
     "@emotion/babel-plugin": "^11.10.0",
     "babel-plugin-inline-react-svg": "^2.0.1",
-    "eslint": "^8.21.0",
+    "eslint": "^8.22.0",
     "prettier": "^2.7.1"
   },
-  "gitHead": "bb89ecfc4767e5799d59141d633d5955666fd8bf"
+  "gitHead": "5b35c44cb3deebe12e854ca9901e4d6e630a1c07"
 }

package/src/components/autocomplete/index.js

@@ -7,11 +7,10 @@ import { ThemeProvider as MuiThemeProvider, useTheme } from '@mui/material/style
 import joinUrl from 'url-join';
 
 import constant from '../../libs/constant';
+import { debounced } from '../../libs/utils';
 import { useFilterContext } from '../../contexts/filter';
 import Blocklet from './item';
 
-const cachePool = new Map();
-
 export default function Autocomplete() {
   const containerRef = useRef(null);
   const panelRootRef = useRef(null);
@@ -21,20 +20,8 @@ export default function Autocomplete() {
 
   const getResults = useCallback(
     async (params) => {
-      const key = JSON.stringify(params);
-      const target = cachePool.get(key);
-
-      if (target) return target.data;
-
       const { data } = await storeApi.get(constant.blockletsPath, { params });
 
-      if (cachePool.size > constant.cacheSize) {
-        cachePool.clear();
-      }
-
-      cachePool.set(key, {
-        data: data.dataList,
-      });
       return data.dataList || [];
     },
     [storeApi]
@@ -76,6 +63,7 @@ export default function Autocomplete() {
         label: 'bl-autocomplete-label',
         form: 'bl-autocomplete-form',
         input: 'bl-autocomplete-input',
+        clearButton: 'bl-autocomplete-clear',
       },
       placeholder: t('common.searchStore'),
       initialState: {
@@ -91,7 +79,7 @@ export default function Autocomplete() {
           pageSize: 10,
           keyword: query,
         };
-        return [
+        return debounced([
           {
             sourceId: 'blocklets',
             getItems() {
@@ -130,7 +118,7 @@ export default function Autocomplete() {
               },
             },
           },
-        ];
+        ]);
       },
     });