@blocklet/list 0.8.21 → 0.8.24

package/lib/components/aside/aside.js

@@ -1,64 +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 _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _filter = require("../../contexts/filter");
-
-var _utils = require("../../libs/utils");
-
-var _search = _interopRequireDefault(require("../search"));
-
-var _categoryLinkList = _interopRequireDefault(require("./category-link-list"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Aside = () => {
-  const {
-    filters,
-    handlePrice,
-    t
-  } = (0, _filter.useFilterContext)();
-  return /*#__PURE__*/_react.default.createElement(StyledAside, null, /*#__PURE__*/_react.default.createElement(_search.default, {
-    placeholder: t('common.searchStore')
-  }), /*#__PURE__*/_react.default.createElement(_material.Box, {
-    marginTop: "24px"
-  }, (0, _utils.getPrices)(t).map(item => /*#__PURE__*/_react.default.createElement(_material.FormControlLabel, {
-    className: "payments",
-    key: item.value,
-    control: /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
-      onClick: () => {
-        handlePrice(item.value);
-      },
-      size: "small",
-      checked: item.value === filters.price
-    }),
-    label: item.name
-  }))), /*#__PURE__*/_react.default.createElement(_material.List, {
-    component: "nav",
-    color: "primary"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      border: '1px solid #dadce0',
-      margin: '16px 16px'
-    }
-  }), /*#__PURE__*/_react.default.createElement(_categoryLinkList.default, null)));
-};
-
-const StyledAside = _styledComponents.default.aside.withConfig({
-  displayName: "aside__StyledAside",
-  componentId: "sc-1vh5fc3-0"
-})(["width:220px;margin-right:20px;background-color:", ";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:", ";}>:not(.category){.MuiListItemText-primary{color:#5f6368;}}&.Mui-selected{background-color:", "!important;border-radius:4px;.MuiListItemText-primary{color:#fff !important;}}}@media (max-width:", "px){.MuiListItemText-primary{font-size:16px;}}"], props => props.theme.palette.grey[50], props => props.theme.typography.fontWeightBold, props => props.theme.palette.primary.main, props => props.theme.breakpoints.values.md);
-
-Aside.propTypes = {};
-Aside.defaultProps = {};
-var _default = Aside;
-exports.default = _default;

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

@@ -1,78 +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 _urlJoin = _interopRequireDefault(require("url-join"));
-
-var _filter = require("../../contexts/filter");
-
-var _utils = require("../../libs/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 CategoryLinkList = () => {
-  const {
-    categoryList,
-    selectedCategory,
-    filters,
-    baseUrl,
-    handleCategory,
-    t,
-    locale
-  } = (0, _filter.useFilterContext)();
-
-  const handleClick = (e, name) => {
-    handleCategory(name);
-    e.preventDefault();
-    return false;
-  };
-
-  const content = /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      marginRight: '16px'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_material.ListItem, {
-    selected: !selectedCategory,
-    button: true,
-    onClick: e => handleClick(e, '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],
-    component: _material.Link,
-    to: "".concat((0, _urlJoin.default)(baseUrl, '/search'), "?").concat((0, _utils.urlStringify)(_objectSpread(_objectSpread({}, filters), {}, {
-      category: item.name
-    }))),
-    onClick: e => handleClick(e, 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);
-};
-
-var _default = CategoryLinkList;
-exports.default = _default;

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