@blocklet/list 0.8.15 → 0.8.16

package/src/index.js

@@ -1,27 +1,17 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 
 import SelectBase from './base';
-import { SearchProvider } from './contexts/store';
+import { FilterProvider } from './contexts/filter';
+import { propTypes, defaultProps } from './libs/prop-types';
 
 export default function BlockletList(props) {
   return (
-    <SearchProvider {...props}>
+    <FilterProvider {...props}>
       <SelectBase />
-    </SearchProvider>
+    </FilterProvider>
   );
 }
 
-BlockletList.propTypes = {
-  baseUrl: PropTypes.string,
-  endpoint: PropTypes.string.isRequired,
-  // 组件的类型： page 单独作为页面使用 持久化数据将存储在 url 和 localstorage，select 作为选择器组件使用 数据在存储在内存中
-  type: PropTypes.oneOf(['select', 'page']).isRequired,
-  locale: PropTypes.oneOf(['zh', 'en']),
-  blockletRender: PropTypes.func.isRequired,
-};
+BlockletList.propTypes = propTypes;
 
-BlockletList.defaultProps = {
-  baseUrl: null,
-  locale: 'zh',
-};
+BlockletList.defaultProps = defaultProps;

package/src/libs/prop-types.js

@@ -0,0 +1,26 @@
+import PropTypes from 'prop-types';
+
+const propTypes = {
+  filters: PropTypes.shape({
+    keyword: PropTypes.string,
+    sortBy: PropTypes.string,
+    sortDirection: PropTypes.string,
+    price: PropTypes.string,
+    category: PropTypes.string,
+    developer: PropTypes.string,
+  }),
+  endpoint: PropTypes.string.isRequired,
+  blockletRender: PropTypes.func.isRequired,
+  onFilterChange: PropTypes.func,
+  baseUrl: PropTypes.string,
+  locale: PropTypes.oneOf(['zh', 'en']),
+};
+
+const defaultProps = {
+  baseUrl: null,
+  locale: 'zh',
+  filters: {},
+  onFilterChange: () => {},
+};
+
+export { propTypes, defaultProps };

package/src/{tools → libs}/utils.js

@@ -1,5 +1,5 @@
 import joinURL from 'url-join';
-import cloneDeep from 'lodash-es/cloneDeep';
+import cloneDeep from 'lodash/cloneDeep';
 
 const isFreeBlocklet = (meta) => {
   if (!meta.payment) {
@@ -87,13 +87,13 @@ const replaceTranslate = (template, data) =>
   template.replace(/{(\w*)}/g, (m, key) => (data.hasOwnProperty(key) ? data[key] : ''));
 
 const removeUndefined = (obj) => {
-  const innerObj = cloneDeep(obj);
-  Object.keys(innerObj).forEach((key) => {
-    if (innerObj[key] === undefined) {
-      delete innerObj[key];
+  const clone = cloneDeep(obj);
+  Object.keys(clone).forEach((key) => {
+    if (clone[key] === undefined) {
+      delete clone[key];
     }
   });
-  return innerObj;
+  return clone;
 };
 
 const urlStringify = (obj) => {

package/lib/components/categories.js

@@ -1,143 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CategorySelect = exports.CategoryLinkList = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _material = require("@mui/material");
-
-var _urlJoin = _interopRequireDefault(require("url-join"));
-
-var _store = require("../contexts/store");
-
-var _customSelect = _interopRequireDefault(require("./custom-select"));
-
-var _utils = require("../tools/utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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; }
-
-/**
- * 小屏幕下的分类选择器
- * @returns
- */
-const CategorySelect = () => {
-  var _categoryList$find;
-
-  const searchStore = (0, _store.useSearchContext)();
-  const {
-    categoryList,
-    selectedCategory,
-    handleCategorySelect,
-    t,
-    locale
-  } = searchStore;
-
-  const itemRender = item => {
-    return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-      className: ['my-select__option', selectedCategory !== null && selectedCategory !== void 0 && selectedCategory.includes(item.name) ? 'my-select__option--active' : ''].join(' '),
-      key: item._id,
-      value: item.name,
-      onClick: () => handleCategorySelect(item.name)
-    }, item.locales[locale]);
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_customSelect.default, {
-    value: selectedCategory || 'all',
-    options: categoryList,
-    title: ((_categoryList$find = categoryList.find(i => i.name === selectedCategory)) === null || _categoryList$find === void 0 ? void 0 : _categoryList$find.locales[locale]) || t('category.all'),
-    itemRender: itemRender,
-    prepend: /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
-      value: "all",
-      onClick: () => handleCategorySelect('all')
-    }, t('category.all'))
-  });
-};
-/**
- * 宽屏幕下的分类列表
- * @returns
- */
-
-
-exports.CategorySelect = CategorySelect;
-
-const CategoryLinkList = () => {
-  const searchStore = (0, _store.useSearchContext)();
-  const {
-    queryParams,
-    categoryList,
-    isSearchPage,
-    selectedCategory,
-    isPageMode,
-    handleCategorySelect,
-    baseUrl,
-    locale,
-    t
-  } = searchStore;
-  let content = null;
-
-  if (isPageMode) {
-    content = /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        marginRight: '16px'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_material.ListItem, {
-      selected: !selectedCategory,
-      button: true,
-      component: _reactRouterDom.Link,
-      to: !isSearchPage ? baseUrl : "".concat((0, _urlJoin.default)(baseUrl, '/search'), "?").concat((0, _utils.urlStringify)(_objectSpread(_objectSpread({}, Object.fromEntries(queryParams.entries())), {}, {
-        category: undefined
-      })))
-    }, /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
-      primary: t('category.all')
-    })), categoryList.map(item => /*#__PURE__*/_react.default.createElement(_material.ListItem, {
-      key: item._id,
-      title: item.locales[locale],
-      button: true,
-      selected: item.name === selectedCategory,
-      component: _reactRouterDom.Link,
-      to: !isSearchPage ? "".concat((0, _urlJoin.default)(baseUrl, '/category', item.name)) : "".concat((0, _urlJoin.default)(baseUrl, '/search'), "?").concat((0, _utils.urlStringify)(_objectSpread(_objectSpread({}, Object.fromEntries(queryParams.entries())), {}, {
-        category: item.name
-      })))
-    }, /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
-      primary: item.locales[locale]
-    }))));
-  } else {
-    content = /*#__PURE__*/_react.default.createElement("div", {
-      style: {
-        marginRight: '16px'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_material.ListItem, {
-      selected: !selectedCategory,
-      button: true,
-      onClick: () => handleCategorySelect('all')
-    }, /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
-      primary: t('category.all')
-    })), categoryList.map(item => /*#__PURE__*/_react.default.createElement(_material.ListItem, {
-      key: item._id,
-      title: item.locales[locale],
-      onClick: () => handleCategorySelect(item.name),
-      button: true,
-      selected: item.name === selectedCategory
-    }, /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
-      primary: item.locales[locale]
-    }))));
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.ListItem, null, /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
-    className: "category",
-    primary: t('common.category')
-  })), content);
-};
-
-exports.CategoryLinkList = CategoryLinkList;

package/lib/hooks/page-state.js

@@ -1,69 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = usePageState;
-
-var _ahooks = require("ahooks");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-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 PAGE_STATE_KEY = 'page-state';
-
-function usePageState() {
-  let defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let persistence = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : window.location.pathname;
-  const [pageState, setPageState] = (0, _ahooks.useLocalStorageState)(PAGE_STATE_KEY, {});
-  const state = (0, _ahooks.useReactive)(pageState);
-
-  if (!(path in pageState) && persistence) {
-    state[path] = defaultValue;
-    syncState();
-  }
-
-  function syncState() {
-    setPageState(state);
-  }
-
-  return new Proxy({}, {
-    get: (target, prop) => {
-      try {
-        return state[path][prop];
-      } catch (_unused) {
-        return undefined;
-      }
-    },
-    set: (target, prop, value) => {
-      try {
-        const data = _objectSpread(_objectSpread({}, state[path] || {}), {}, {
-          [prop]: value
-        });
-
-        state[path] = data;
-        syncState();
-        return true;
-      } catch (_unused2) {
-        return false;
-      }
-    },
-    deleteProperty: (target, prop) => {
-      try {
-        const data = _objectSpread({}, state[path] || {});
-
-        delete data[prop];
-        delete state[path][prop];
-        syncState();
-        return true;
-      } catch (_unused3) {
-        return false;
-      }
-    },
-    ownKeys: () => Object.keys(state[path] || {})
-  });
-}

package/src/components/categories.js

@@ -1,129 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import { MenuItem, ListItem, ListItemText } from '@mui/material';
-import joinUrl from 'url-join';
-
-import { useSearchContext } from '../contexts/store';
-import CustomSelect from './custom-select';
-import { urlStringify } from '../tools/utils';
-
-/**
- * 小屏幕下的分类选择器
- * @returns
- */
-const CategorySelect = () => {
-  const searchStore = useSearchContext();
-  const { categoryList, selectedCategory, handleCategorySelect, t, locale } = searchStore;
-  const itemRender = (item) => {
-    return (
-      <MenuItem
-        className={['my-select__option', selectedCategory?.includes(item.name) ? 'my-select__option--active' : ''].join(
-          ' '
-        )}
-        key={item._id}
-        value={item.name}
-        onClick={() => handleCategorySelect(item.name)}>
-        {item.locales[locale]}
-      </MenuItem>
-    );
-  };
-
-  return (
-    <CustomSelect
-      value={selectedCategory || 'all'}
-      options={categoryList}
-      title={categoryList.find((i) => i.name === selectedCategory)?.locales[locale] || t('category.all')}
-      itemRender={itemRender}
-      prepend={
-        <MenuItem value="all" onClick={() => handleCategorySelect('all')}>
-          {t('category.all')}
-        </MenuItem>
-      }
-    />
-  );
-};
-/**
- * 宽屏幕下的分类列表
- * @returns
- */
-const CategoryLinkList = () => {
-  const searchStore = useSearchContext();
-  const {
-    queryParams,
-    categoryList,
-    isSearchPage,
-    selectedCategory,
-    isPageMode,
-    handleCategorySelect,
-    baseUrl,
-    locale,
-    t,
-  } = searchStore;
-
-  let content = null;
-  if (isPageMode) {
-    content = (
-      <div style={{ marginRight: '16px' }}>
-        <ListItem
-          selected={!selectedCategory}
-          button
-          component={Link}
-          to={
-            !isSearchPage
-              ? baseUrl
-              : `${joinUrl(baseUrl, '/search')}?${urlStringify({
-                  ...Object.fromEntries(queryParams.entries()),
-                  category: undefined,
-                })}`
-          }>
-          <ListItemText primary={t('category.all')} />
-        </ListItem>
-        {categoryList.map((item) => (
-          <ListItem
-            key={item._id}
-            title={item.locales[locale]}
-            button
-            selected={item.name === selectedCategory}
-            component={Link}
-            to={
-              !isSearchPage
-                ? `${joinUrl(baseUrl, '/category', item.name)}`
-                : `${joinUrl(baseUrl, '/search')}?${urlStringify({
-                    ...Object.fromEntries(queryParams.entries()),
-                    category: item.name,
-                  })}`
-            }>
-            <ListItemText primary={item.locales[locale]} />
-          </ListItem>
-        ))}
-      </div>
-    );
-  } else {
-    content = (
-      <div style={{ marginRight: '16px' }}>
-        <ListItem selected={!selectedCategory} button onClick={() => handleCategorySelect('all')}>
-          <ListItemText primary={t('category.all')} />
-        </ListItem>
-        {categoryList.map((item) => (
-          <ListItem
-            key={item._id}
-            title={item.locales[locale]}
-            onClick={() => handleCategorySelect(item.name)}
-            button
-            selected={item.name === selectedCategory}>
-            <ListItemText primary={item.locales[locale]} />
-          </ListItem>
-        ))}
-      </div>
-    );
-  }
-  return (
-    <>
-      <ListItem>
-        <ListItemText className="category" primary={t('common.category')} />
-      </ListItem>
-      {content}
-    </>
-  );
-};
-export { CategorySelect, CategoryLinkList };

package/src/contexts/store.js

@@ -1,266 +0,0 @@
-import React, { useContext, createContext, useMemo, useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import { useParams, useHistory } from 'react-router-dom';
-import { useRequest } from 'ahooks';
-import orderBy from 'lodash-es/orderBy';
-import axios from 'axios';
-import joinUrl from 'url-join';
-
-import usePageState from '../hooks/page-state';
-import { getCategories, filterBlockletByPrice, replaceTranslate, urlStringify } from '../tools/utils';
-import translations from '../assets/locale';
-
-const axiosInstance = axios.create();
-const Search = createContext({});
-const { Provider, Consumer } = Search;
-
-function SearchProvider({ children, baseUrl, type, endpoint, locale, blockletRender }) {
-  const { location } = window;
-  const history = useHistory();
-  const pathParams = useParams();
-  const isPageMode = type === 'page';
-  if (isPageMode && !baseUrl) {
-    throw new Error('baseUrl is required when type is page');
-  }
-  const {
-    data: allBlocklets,
-    error: fetchBlockletsError,
-    loading: fetchBlockletsLoading,
-    run: fetchBlocklets,
-  } = useRequest(
-    async () => {
-      const { data: list } = await axiosInstance.get(joinUrl(endpoint, '/api/blocklets.json'));
-      return list;
-    },
-    { initialData: [], manual: true }
-  );
-
-  const {
-    data: allCategories,
-    error: fetchCategoriesError,
-    loading: fetchCategoriesLoading,
-    run: fetchCategories,
-  } = useRequest(
-    async () => {
-      const { data: list } = await axiosInstance.get(`${joinUrl(endpoint, '/api/blocklets/categories')}`);
-      return list;
-    },
-    { initialData: [], manual: true }
-  );
-
-  const [memoryParams, setMemoryParams] = useState({
-    sortBy: 'popularity',
-    sortDirection: 'desc',
-  });
-
-  const queryParams = useMemo(() => {
-    return isPageMode ? new URLSearchParams(location.search) : new Map(Object.entries(memoryParams));
-  }, [memoryParams, location.search]);
-
-  let sortParams;
-  // 当作页面使用时 sort 数据比较特殊, 默认取 localStorge 中的值，如果 url query 中有sort值则优先使用
-  if (isPageMode) {
-    const localSortParams = usePageState(
-      {
-        sort: 'popularity',
-        direction: 'desc',
-      },
-      baseUrl
-    );
-    const urlSortParams = {
-      sort: queryParams.get('sortBy'),
-      direction: queryParams.get('sortDirection'),
-    };
-    sortParams = urlSortParams.sort && urlSortParams.direction ? urlSortParams : localSortParams;
-  } else {
-    sortParams = useMemo(() => {
-      return {
-        sort: memoryParams.sortBy,
-        direction: memoryParams.sortDirection,
-      };
-    }, [memoryParams]);
-  }
-
-  const isSearchPage = location.pathname === joinUrl(baseUrl, '/search');
-  const selectedCategory = useMemo(() => {
-    let result = null;
-    if (isPageMode) {
-      result = !isSearchPage ? pathParams.category : queryParams.get('category');
-    } else {
-      result = queryParams.get('category');
-    }
-    return result;
-  }, [isPageMode, pathParams, queryParams]);
-
-  const hasDeveloperFilter = !!queryParams.get('developer');
-  const categoryState = !hasDeveloperFilter
-    ? { data: allCategories }
-    : getCategories(allBlocklets, queryParams.get('developer'));
-
-  const blockletList = useMemo(() => {
-    const sortByName = (x) => x?.title?.toLocaleLowerCase() || x?.name?.toLocaleLowerCase(); // 按名称排序
-    const sortByPopularity = (x) => x.stats.downloads; // 按下载量排序
-    const sortByPublish = (x) => x.lastPublishedAt; // 按发布时间
-    const sortMap = {
-      nameAsc: sortByName,
-      nameDesc: sortByName,
-      popularity: sortByPopularity,
-      publishAt: sortByPublish,
-    };
-
-    let result = allBlocklets || [];
-    // 按照付费/免费筛选
-    result = filterBlockletByPrice(result, queryParams.get('price'));
-    // 按照分类筛选
-    result = result.filter((item) => (selectedCategory ? item?.category?.name === selectedCategory : true));
-    // 按照作者筛选
-    result = result.filter((item) => (queryParams?.developer ? item.owner.did === queryParams.get('developer') : true));
-    const lowerSearch = queryParams?.search?.toLocaleLowerCase() || '';
-    // 按照搜索筛选
-    result = result.filter((item) => {
-      return (
-        (item?.title || item?.name)?.toLocaleLowerCase().includes(lowerSearch) ||
-        item.description?.toLocaleLowerCase().includes(lowerSearch) ||
-        item?.version?.toLocaleLowerCase().includes(lowerSearch)
-      );
-    });
-    // 排序
-    return orderBy(result, [sortMap[sortParams.sort]], [sortParams.direction]);
-  }, [allBlocklets, queryParams, sortParams]);
-
-  const categoryList = useMemo(() => {
-    const list = categoryState.data || [];
-    // 分类按照名称排序
-    return orderBy(list, [(i) => i.name], ['asc']);
-  }, [categoryState.data]);
-
-  const translate = (key, data) => {
-    if (!translations[locale] || !translations[locale][key]) {
-      console.warn(`Warning: no ${key} translation of ${locale}`);
-      return key;
-    }
-
-    return replaceTranslate(translations[locale][key], data);
-  };
-
-  const searchStore = {
-    errors: { fetchBlockletsError, fetchCategoriesError },
-    loadings: { fetchBlockletsLoading, fetchCategoriesLoading },
-    endpoint,
-    sortParams,
-    history,
-    blockletList,
-    t: translate,
-    queryParams,
-    selectedCategory,
-    isSearchPage,
-    categoryList,
-    isPageMode,
-    baseUrl,
-    blockletRender,
-    locale,
-    handleSort: (value) => {
-      const changData = {
-        ...Object.fromEntries(queryParams.entries()),
-        sortBy: value,
-        sortDirection: value === 'nameAsc' ? 'asc' : 'desc',
-      };
-      if (isPageMode) {
-        sortParams.sort = changData.sortBy;
-        sortParams.direction = changData.sortDirection;
-        history.push(`${joinUrl(baseUrl, 'search')}?${urlStringify(changData)}`);
-      } else {
-        setMemoryParams(changData);
-      }
-    },
-    handleSearchKeyword: (value) => {
-      const changData = { ...Object.fromEntries(queryParams.entries()), search: value || undefined };
-      if (isPageMode) {
-        history.push(`${joinUrl(baseUrl, 'search')}?${urlStringify(changData)}`);
-      } else {
-        setMemoryParams(changData);
-      }
-    },
-    handlePriceFilter: (value) => {
-      const changData = {
-        ...Object.fromEntries(queryParams.entries()),
-        price: value === queryParams.get('price') ? undefined : value,
-      };
-      if (isPageMode) {
-        history.push(`${joinUrl(baseUrl, 'search')}?${urlStringify(changData)}`);
-      } else {
-        setMemoryParams(changData);
-      }
-    },
-    getCategoryLocale: (name) => {
-      if (!name) return null;
-      let result = null;
-      const find = categoryState.data.find((item) => item.name === name);
-      if (find) {
-        result = find.locales[locale];
-      }
-      return result;
-    },
-    handleCategorySelect: (value) => {
-      if (value === 'all') {
-        const changData = { ...Object.fromEntries(queryParams.entries()), category: undefined };
-        if (isPageMode) {
-          history.push(!isSearchPage ? baseUrl : `${joinUrl(baseUrl, 'search')}?${urlStringify(changData)}`);
-        } else {
-          setMemoryParams(changData);
-        }
-      } else {
-        const changData = { ...Object.fromEntries(queryParams.entries()), category: value };
-        if (isPageMode) {
-          history.push(
-            !isSearchPage
-              ? `${joinUrl(baseUrl, 'category', value)}`
-              : `${joinUrl(baseUrl, 'search')}?${urlStringify(changData)}`
-          );
-        } else {
-          setMemoryParams(changData);
-        }
-      }
-    },
-    get developerName() {
-      return allBlocklets.find((i) => i.owner.did === queryParams.get('developer'))?.owner?.name || '';
-    },
-  };
-
-  useEffect(() => {
-    if (!hasDeveloperFilter) {
-      fetchCategories();
-    }
-  }, [!hasDeveloperFilter]);
-
-  useEffect(() => {
-    fetchBlocklets();
-  }, [endpoint]);
-
-  return <Provider value={searchStore}>{children}</Provider>;
-}
-
-SearchProvider.propTypes = {
-  children: PropTypes.any.isRequired,
-  baseUrl: PropTypes.string,
-  endpoint: PropTypes.string.isRequired,
-  // 组件的类型： page 单独作为页面使用 持久化数据将存储在 url 和 localstorage，select 作为选择器组件使用 数据在存储在内存中
-  type: PropTypes.oneOf(['select', 'page']).isRequired,
-  locale: PropTypes.oneOf(['zh', 'en']),
-  blockletRender: PropTypes.func.isRequired,
-};
-
-SearchProvider.defaultProps = {
-  baseUrl: null,
-  locale: 'zh',
-};
-
-function useSearchContext() {
-  const searchStore = useContext(Search);
-  if (!searchStore) {
-    return {};
-  }
-  return searchStore;
-}
-
-export { SearchProvider, Consumer as SearchConsumer, useSearchContext };