@blocklet/list 0.8.19 → 0.8.22

package/lib/components/aside/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _aside = _interopRequireDefault(require("./aside"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var _default = _aside.default;
-exports.default = _default;

package/lib/components/category-select.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _material = require("@mui/material");
-
-var _filter = require("../contexts/filter");
-
-var _customSelect = _interopRequireDefault(require("./custom-select"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * 小屏幕下的分类选择器
- * @returns
- */
-const CategorySelect = () => {
-  var _categoryList$find;
-
-  const {
-    categoryList,
-    selectedCategory,
-    handleCategory,
-    t,
-    locale
-  } = (0, _filter.useFilterContext)();
-
-  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: () => handleCategory(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: () => handleCategory('all')
-    }, t('category.all'))
-  });
-};
-
-var _default = CategorySelect;
-exports.default = _default;

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/category-select.js

@@ -1,43 +0,0 @@
-import React from 'react';
-import { MenuItem } from '@mui/material';
-
-import { useFilterContext } from '../contexts/filter';
-import CustomSelect from './custom-select';
-
-/**
- * 小屏幕下的分类选择器
- * @returns
- */
-const CategorySelect = () => {
-  const { categoryList, selectedCategory, handleCategory, t, locale } = useFilterContext();
-
-  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={() => handleCategory(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={() => handleCategory('all')}>
-          {t('category.all')}
-        </MenuItem>
-      }
-    />
-  );
-};
-
-export default CategorySelect;

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;