@blocklet/list 0.8.15 → 0.8.18

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/contexts/store.js

@@ -1,336 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SearchConsumer = void 0;
-exports.SearchProvider = SearchProvider;
-exports.useSearchContext = useSearchContext;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactRouterDom = require("react-router-dom");
-
-var _ahooks = require("ahooks");
-
-var _orderBy = _interopRequireDefault(require("lodash-es/orderBy"));
-
-var _axios = _interopRequireDefault(require("axios"));
-
-var _urlJoin = _interopRequireDefault(require("url-join"));
-
-var _pageState = _interopRequireDefault(require("../hooks/page-state"));
-
-var _utils = require("../tools/utils");
-
-var _locale = _interopRequireDefault(require("../assets/locale"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 axiosInstance = _axios.default.create();
-
-const Search = /*#__PURE__*/(0, _react.createContext)({});
-const {
-  Provider,
-  Consumer
-} = Search;
-exports.SearchConsumer = Consumer;
-
-function SearchProvider(_ref) {
-  let {
-    children,
-    baseUrl,
-    type,
-    endpoint,
-    locale,
-    blockletRender
-  } = _ref;
-  const {
-    location
-  } = window;
-  const history = (0, _reactRouterDom.useHistory)();
-  const pathParams = (0, _reactRouterDom.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
-  } = (0, _ahooks.useRequest)(async () => {
-    const {
-      data: list
-    } = await axiosInstance.get((0, _urlJoin.default)(endpoint, '/api/blocklets.json'));
-    return list;
-  }, {
-    initialData: [],
-    manual: true
-  });
-  const {
-    data: allCategories,
-    error: fetchCategoriesError,
-    loading: fetchCategoriesLoading,
-    run: fetchCategories
-  } = (0, _ahooks.useRequest)(async () => {
-    const {
-      data: list
-    } = await axiosInstance.get("".concat((0, _urlJoin.default)(endpoint, '/api/blocklets/categories')));
-    return list;
-  }, {
-    initialData: [],
-    manual: true
-  });
-  const [memoryParams, setMemoryParams] = (0, _react.useState)({
-    sortBy: 'popularity',
-    sortDirection: 'desc'
-  });
-  const queryParams = (0, _react.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 = (0, _pageState.default)({
-      sort: 'popularity',
-      direction: 'desc'
-    }, baseUrl);
-    const urlSortParams = {
-      sort: queryParams.get('sortBy'),
-      direction: queryParams.get('sortDirection')
-    };
-    sortParams = urlSortParams.sort && urlSortParams.direction ? urlSortParams : localSortParams;
-  } else {
-    sortParams = (0, _react.useMemo)(() => {
-      return {
-        sort: memoryParams.sortBy,
-        direction: memoryParams.sortDirection
-      };
-    }, [memoryParams]);
-  }
-
-  const isSearchPage = location.pathname === (0, _urlJoin.default)(baseUrl, '/search');
-  const selectedCategory = (0, _react.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
-  } : (0, _utils.getCategories)(allBlocklets, queryParams.get('developer'));
-  const blockletList = (0, _react.useMemo)(() => {
-    var _queryParams$search;
-
-    const sortByName = x => {
-      var _x$title, _x$name;
-
-      return (x === null || x === void 0 ? void 0 : (_x$title = x.title) === null || _x$title === void 0 ? void 0 : _x$title.toLocaleLowerCase()) || (x === null || x === void 0 ? void 0 : (_x$name = x.name) === null || _x$name === void 0 ? void 0 : _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 = (0, _utils.filterBlockletByPrice)(result, queryParams.get('price')); // 按照分类筛选
-
-    result = result.filter(item => {
-      var _item$category;
-
-      return selectedCategory ? (item === null || item === void 0 ? void 0 : (_item$category = item.category) === null || _item$category === void 0 ? void 0 : _item$category.name) === selectedCategory : true;
-    }); // 按照作者筛选
-
-    result = result.filter(item => queryParams !== null && queryParams !== void 0 && queryParams.developer ? item.owner.did === queryParams.get('developer') : true);
-    const lowerSearch = (queryParams === null || queryParams === void 0 ? void 0 : (_queryParams$search = queryParams.search) === null || _queryParams$search === void 0 ? void 0 : _queryParams$search.toLocaleLowerCase()) || ''; // 按照搜索筛选
-
-    result = result.filter(item => {
-      var _ref2, _item$description, _item$version;
-
-      return ((_ref2 = (item === null || item === void 0 ? void 0 : item.title) || (item === null || item === void 0 ? void 0 : item.name)) === null || _ref2 === void 0 ? void 0 : _ref2.toLocaleLowerCase().includes(lowerSearch)) || ((_item$description = item.description) === null || _item$description === void 0 ? void 0 : _item$description.toLocaleLowerCase().includes(lowerSearch)) || (item === null || item === void 0 ? void 0 : (_item$version = item.version) === null || _item$version === void 0 ? void 0 : _item$version.toLocaleLowerCase().includes(lowerSearch));
-    }); // 排序
-
-    return (0, _orderBy.default)(result, [sortMap[sortParams.sort]], [sortParams.direction]);
-  }, [allBlocklets, queryParams, sortParams]);
-  const categoryList = (0, _react.useMemo)(() => {
-    const list = categoryState.data || []; // 分类按照名称排序
-
-    return (0, _orderBy.default)(list, [i => i.name], ['asc']);
-  }, [categoryState.data]);
-
-  const translate = (key, data) => {
-    if (!_locale.default[locale] || !_locale.default[locale][key]) {
-      console.warn("Warning: no ".concat(key, " translation of ").concat(locale));
-      return key;
-    }
-
-    return (0, _utils.replaceTranslate)(_locale.default[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 = _objectSpread(_objectSpread({}, Object.fromEntries(queryParams.entries())), {}, {
-        sortBy: value,
-        sortDirection: value === 'nameAsc' ? 'asc' : 'desc'
-      });
-
-      if (isPageMode) {
-        sortParams.sort = changData.sortBy;
-        sortParams.direction = changData.sortDirection;
-        history.push("".concat((0, _urlJoin.default)(baseUrl, 'search'), "?").concat((0, _utils.urlStringify)(changData)));
-      } else {
-        setMemoryParams(changData);
-      }
-    },
-    handleSearchKeyword: value => {
-      const changData = _objectSpread(_objectSpread({}, Object.fromEntries(queryParams.entries())), {}, {
-        search: value || undefined
-      });
-
-      if (isPageMode) {
-        history.push("".concat((0, _urlJoin.default)(baseUrl, 'search'), "?").concat((0, _utils.urlStringify)(changData)));
-      } else {
-        setMemoryParams(changData);
-      }
-    },
-    handlePriceFilter: value => {
-      const changData = _objectSpread(_objectSpread({}, Object.fromEntries(queryParams.entries())), {}, {
-        price: value === queryParams.get('price') ? undefined : value
-      });
-
-      if (isPageMode) {
-        history.push("".concat((0, _urlJoin.default)(baseUrl, 'search'), "?").concat((0, _utils.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 = _objectSpread(_objectSpread({}, Object.fromEntries(queryParams.entries())), {}, {
-          category: undefined
-        });
-
-        if (isPageMode) {
-          history.push(!isSearchPage ? baseUrl : "".concat((0, _urlJoin.default)(baseUrl, 'search'), "?").concat((0, _utils.urlStringify)(changData)));
-        } else {
-          setMemoryParams(changData);
-        }
-      } else {
-        const changData = _objectSpread(_objectSpread({}, Object.fromEntries(queryParams.entries())), {}, {
-          category: value
-        });
-
-        if (isPageMode) {
-          history.push(!isSearchPage ? "".concat((0, _urlJoin.default)(baseUrl, 'category', value)) : "".concat((0, _urlJoin.default)(baseUrl, 'search'), "?").concat((0, _utils.urlStringify)(changData)));
-        } else {
-          setMemoryParams(changData);
-        }
-      }
-    },
-
-    get developerName() {
-      var _allBlocklets$find, _allBlocklets$find$ow;
-
-      return ((_allBlocklets$find = allBlocklets.find(i => i.owner.did === queryParams.get('developer'))) === null || _allBlocklets$find === void 0 ? void 0 : (_allBlocklets$find$ow = _allBlocklets$find.owner) === null || _allBlocklets$find$ow === void 0 ? void 0 : _allBlocklets$find$ow.name) || '';
-    }
-
-  };
-  (0, _react.useEffect)(() => {
-    if (!hasDeveloperFilter) {
-      fetchCategories();
-    }
-  }, [!hasDeveloperFilter]);
-  (0, _react.useEffect)(() => {
-    fetchBlocklets();
-  }, [endpoint]);
-  return /*#__PURE__*/_react.default.createElement(Provider, {
-    value: searchStore
-  }, children);
-}
-
-SearchProvider.propTypes = {
-  children: _propTypes.default.any.isRequired,
-  baseUrl: _propTypes.default.string,
-  endpoint: _propTypes.default.string.isRequired,
-  // 组件的类型： page 单独作为页面使用 持久化数据将存储在 url 和 localstorage，select 作为选择器组件使用 数据在存储在内存中
-  type: _propTypes.default.oneOf(['select', 'page']).isRequired,
-  locale: _propTypes.default.oneOf(['zh', 'en']),
-  blockletRender: _propTypes.default.func.isRequired
-};
-SearchProvider.defaultProps = {
-  baseUrl: null,
-  locale: 'zh'
-};
-
-function useSearchContext() {
-  const searchStore = (0, _react.useContext)(Search);
-
-  if (!searchStore) {
-    return {};
-  }
-
-  return searchStore;
-}

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 };