@blocklet/list 0.8.21 → 0.8.22

package/src/components/aside/aside.js

@@ -1,90 +0,0 @@
-import React from 'react';
-import { Box, List, Checkbox, FormControlLabel } from '@mui/material';
-import styled from 'styled-components';
-
-import { useFilterContext } from '../../contexts/filter';
-import { getPrices } from '../../libs/utils';
-import Search from '../search';
-import CategoryLinkList from './category-link-list';
-
-const Aside = () => {
-  const { filters, handlePrice, t } = useFilterContext();
-  return (
-    <StyledAside>
-      <Search placeholder={t('common.searchStore')} />
-      <Box marginTop="24px">
-        {getPrices(t).map((item) => (
-          <FormControlLabel
-            className="payments"
-            key={item.value}
-            control={
-              <Checkbox
-                onClick={() => {
-                  handlePrice(item.value);
-                }}
-                size="small"
-                checked={item.value === filters.price}
-              />
-            }
-            label={item.name}
-          />
-        ))}
-      </Box>
-      <List component="nav" color="primary">
-        {/* 分割线 */}
-        <div style={{ border: '1px solid #dadce0', margin: '16px 16px' }} />
-        <CategoryLinkList />
-      </List>
-    </StyledAside>
-  );
-};
-
-const StyledAside = styled.aside`
-  width: 220px;
-  margin-right: 20px;
-  background-color: ${(props) => props.theme.palette.grey[50]};
-  height: 100%;
-  padding: 15px 0px;
-  border-radius: 8px;
-  .MuiListItemText-root {
-    width: 100%;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-  .payments {
-    display: flex;
-    padding: 0 16px;
-    .MuiFormControlLabel-label {
-      color: #5f6368;
-      font-size: 1rem;
-    }
-  }
-  .MuiListItem-root {
-    text-transform: capitalize;
-    .category > span {
-      font-weight: ${(props) => props.theme.typography.fontWeightBold};
-    }
-    > :not(.category) {
-      .MuiListItemText-primary {
-        color: #5f6368;
-      }
-    }
-    &.Mui-selected {
-      background-color: ${(props) => props.theme.palette.primary.main}!important;
-      border-radius: 4px;
-      .MuiListItemText-primary {
-        color: #fff !important;
-      }
-    }
-  }
-  @media (max-width: ${(props) => props.theme.breakpoints.values.md}px) {
-    .MuiListItemText-primary {
-      font-size: 16px;
-    }
-  }
-`;
-
-Aside.propTypes = {};
-Aside.defaultProps = {};
-export default Aside;

package/src/components/aside/category-link-list.js

@@ -1,53 +0,0 @@
-import React from 'react';
-import { ListItem, ListItemText, Link } from '@mui/material';
-import joinUrl from 'url-join';
-
-import { useFilterContext } from '../../contexts/filter';
-import { urlStringify } from '../../libs/utils';
-
-/**
- * 宽屏幕下的分类列表
- * @returns
- */
-const CategoryLinkList = () => {
-  const { categoryList, selectedCategory, filters, baseUrl, handleCategory, t, locale } = useFilterContext();
-
-  const handleClick = (e, name) => {
-    handleCategory(name);
-    e.preventDefault();
-    return false;
-  };
-  const content = (
-    <div style={{ marginRight: '16px' }}>
-      <ListItem selected={!selectedCategory} button onClick={(e) => handleClick(e, 'all')}>
-        <ListItemText primary={t('category.all')} />
-      </ListItem>
-      {categoryList.map((item) => (
-        <ListItem
-          key={item._id}
-          title={item.locales[locale]}
-          component={Link}
-          to={`${joinUrl(baseUrl, '/search')}?${urlStringify({
-            ...filters,
-            category: item.name,
-          })}`}
-          onClick={(e) => handleClick(e, 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 default CategoryLinkList;

package/src/components/aside/index.js

@@ -1,3 +0,0 @@
-import Aside from './aside';
-
-export default Aside;

package/src/components/filter-author.js

@@ -1,38 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import styled from 'styled-components';
-import { Chip } from '@mui/material';
-import FaceIcon from '@mui/icons-material/Face';
-
-import { useFilterContext } from '../contexts/filter';
-
-const StyleDiv = styled.div`
-  .MuiChip-root {
-    border-radius: 4px;
-    height: initial;
-    text-transform: capitalize;
-  }
-`;
-const FilterAuthor = ({ user, deleteUserTag, ...containerProps }) => {
-  const { t } = useFilterContext();
-  if (!user) return null;
-  return (
-    <StyleDiv {...containerProps}>
-      <Chip
-        icon={<FaceIcon />}
-        label={t('blocklet.owner', { name: user })}
-        onDelete={() => {
-          deleteUserTag();
-        }}
-      />
-    </StyleDiv>
-  );
-};
-FilterAuthor.propTypes = {
-  user: PropTypes.string.isRequired,
-  deleteUserTag: PropTypes.func,
-};
-FilterAuthor.defaultProps = {
-  deleteUserTag: () => {},
-};
-export default FilterAuthor;