@blocklet/list 0.10.31 → 0.10.33

package/lib/assets/locale.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 const flat = require('flat');
-
 const en = {
   common: {
     searchStore: 'Search the store',

package/lib/base.js

@@ -4,44 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Sort = _interopRequireDefault(require("@mui/icons-material/Sort"));
-
 var _material = require("@mui/material");
-
 var _Face = _interopRequireDefault(require("@mui/icons-material/Face"));
-
 var _reactErrorBoundary = require("react-error-boundary");
-
 var _ErrorBoundary = require("@arcblock/ux/lib/ErrorBoundary");
-
 var _filter = require("./contexts/filter");
-
 var _customSelect = _interopRequireDefault(require("./components/custom-select"));
-
 var _filter2 = require("./components/filter");
-
 var _utils = require("./libs/utils");
-
 var _list = _interopRequireDefault(require("./components/list"));
-
 var _aside = _interopRequireDefault(require("./components/aside"));
-
 var _autocomplete = _interopRequireDefault(require("./components/autocomplete"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function ListBase() {
   var _sortOptions$find, _priceOptions$find;
-
   const {
     handleDeveloper,
     blockletList,
@@ -132,10 +113,7 @@ function ListBase() {
     })]
   });
 }
-
 const StyledMin = _styled.default.main(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  .filter-bar {\n    justify-content: space-between;\n    margin-bottom: ", ";\n  }\n  .sort-button {\n    white-space: nowrap;\n  }\n  .bl-search-container {\n    flex: 2;\n    margin-left: 0px;\n  }\n\n  .filter-container {\n    flex: 1;\n    display: flex;\n    justify-content: flex-end;\n  }\n  @media (max-width: ", "px) {\n    .bl-search-container {\n      width: 100%;\n      margin-bottom: ", ";\n    }\n    .filter-container {\n      margin-left: 0;\n      display: flex;\n      justify-content: flex-start;\n    }\n    .filter-bar {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n    }\n  }\n  @media (max-width: ", "px) {\n    .sort-button {\n      font-size: 12px;\n    }\n  }\n"])), props => props.theme.spacing(2), props => props.theme.breakpoints.values.md, props => props.theme.spacing(2), props => props.theme.breakpoints.values.md);
-
 const FilterContainer = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 0;\n  z-index: 9;\n  background-color: white;\n"])));
-
 var _default = ListBase;
 exports.default = _default;

package/lib/components/aside.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _filter = require("../contexts/filter");
-
 var _filter2 = require("./filter");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function Aside() {
   const {
     selectedCategory,
@@ -50,9 +42,7 @@ function Aside() {
     })]
   });
 }
-
 const StyledAside = _styled.default.aside(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 220px;\n  margin-right: ", ";\n  height: 100%;\n  position: sticky;\n  top: 0;\n  overflow-y: auto;\n  z-index: auto;\n"])), props => props.theme.spacing(2));
-
 Aside.propTypes = {};
 Aside.defaultProps = {};
 var _default = Aside;

package/lib/components/autocomplete/index.js

@@ -4,41 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Autocomplete;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _client = require("react-dom/client");
-
 var _autocompleteJs = require("@algolia/autocomplete-js");
-
 var _reactHotkeysHook = require("react-hotkeys-hook");
-
 var _urlJoin = _interopRequireDefault(require("url-join"));
-
 var _constant = _interopRequireDefault(require("../../libs/constant"));
-
 var _utils = require("../../libs/utils");
-
 var _filter = require("../../contexts/filter");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["query", "state"];
-
 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; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function Autocomplete(_ref) {
   let {
     onSelect,
@@ -55,54 +37,46 @@ function Autocomplete(_ref) {
     handleKeyword,
     t
   } = (0, _filter.useFilterContext)();
-
   const getBlocklets = async params => {
     const {
       data
     } = await storeApi.get(_constant.default.blockletsPath, {
       params
     });
-    const blocklets = data.dataList || []; // 头部插入的一条 item  用于展示 `点击展开 xx条 结果`,如果没有blocklet 返回，不展示
-
+    const blocklets = data.dataList || [];
+    // 头部插入的一条 item  用于展示 `点击展开 xx条 结果`,如果没有blocklet 返回，不展示
     if (blocklets.length > 0) {
       blocklets.unshift({
         type: 'more-result',
         total: data.total || 0
       });
     }
-
     return blocklets;
   };
-
   const onSubmit = autocompleteState => {
     handleKeyword(autocompleteState.state.query);
     autocompleteState.setIsOpen(false);
   };
-
   const setFocus = () => {
     if (containerRef.current) {
       // see: https://discourse.algolia.com/t/autocomplete-focus-input-field/4019/5
       setTimeout(() => {
         const input = containerRef.current.querySelector('input.bl-autocomplete-input');
-
         if (input) {
           input.focus();
         }
       });
     }
   };
-
   const onReset = autocompleteState => {
     autocompleteState.setIsOpen(false);
     setFocus();
   };
-
   const onStateChange = _ref2 => {
     let {
       prevState,
       state
     } = _ref2;
-
     // 当搜索框中的值清空时, 更新页面中的搜索结果
     if (prevState.query !== state.query) {
       if (!state.query) {
@@ -110,7 +84,6 @@ function Autocomplete(_ref) {
       }
     }
   };
-
   (0, _reactHotkeysHook.useHotkeys)('ctrl + k, command + k', e => {
     e.stopPropagation();
     e.preventDefault();
@@ -126,7 +99,6 @@ function Autocomplete(_ref) {
     if (!containerRef.current) {
       return undefined;
     }
-
     const search = (0, _autocompleteJs.autocomplete)({
       container: containerRef.current,
       renderer: {
@@ -134,23 +106,18 @@ function Autocomplete(_ref) {
         Fragment: _react.Fragment,
         render: () => {}
       },
-
       render(_ref3, root) {
         let {
           children
         } = _ref3;
-
         if (!panelRootRef.current || rootRef.current !== root) {
           var _panelRootRef$current;
-
           rootRef.current = root;
           (_panelRootRef$current = panelRootRef.current) === null || _panelRootRef$current === void 0 ? void 0 : _panelRootRef$current.unmount();
           panelRootRef.current = (0, _client.createRoot)(root);
         }
-
         panelRootRef.current.render(wrapChildren(children));
       },
-
       autoFocus: true,
       openOnFocus: false,
       classNames: {
@@ -164,80 +131,64 @@ function Autocomplete(_ref) {
       initialState: {
         query: filters.keyword
       },
-
       onStateChange(autocompleteState) {
         onStateChange(autocompleteState);
       },
-
       onSubmit,
-
       onReset(autocompleteState) {
         onReset(autocompleteState);
       },
-
       getSources(_ref4) {
         let {
-          query,
-          state
-        } = _ref4,
-            setters = _objectWithoutProperties(_ref4, _excluded);
-
+            query,
+            state
+          } = _ref4,
+          setters = _objectWithoutProperties(_ref4, _excluded);
         const params = _objectSpread(_objectSpread({}, filters), {}, {
           sortBy: _constant.default[filters.sortBy],
           page: 1,
           pageSize: 10,
           keyword: query
         });
-
         return (0, _utils.debounced)([{
           sourceId: 'blocklets',
-
           getItems() {
             return getBlocklets(params);
           },
-
           // 选中后填充 搜索框中值
           getItemInputValue(_ref5) {
             let {
               item
             } = _ref5;
-
             if (item.type === 'more-result') {
               return query;
             }
-
             return item.title;
           },
-
           // 选中或者点击自动完成列表中的 item 时触发
           onSelect(_ref6) {
             let {
               event,
               item
             } = _ref6;
-
             if (item.type === 'more-result') {
               setters.setIsOpen(false);
               return handleKeyword(query);
             }
-
             if (event.type === 'keydown') {
               return handleKeyword(item.title);
             }
-
             return onSelect({
               blocklet: item,
               detailUrl: (0, _urlJoin.default)(endpoint, "/blocklets/".concat(item.did)),
               storeUrl: endpoint
             });
           },
-
           templates: {
             item(_ref7) {
               let {
                 item
               } = _ref7;
-
               if (item.type === 'more-result') {
                 return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                   children: t('autocomplete.expandResult', {
@@ -246,32 +197,28 @@ function Autocomplete(_ref) {
                   })
                 });
               }
-
               return blockletRender({
                 blocklet: item,
                 autocompleteSetters: setters
               });
             },
-
             noResults() {
               return t('blocklet.noResults');
             }
-
           }
         }]);
       }
-
     });
     return () => {
       search.destroy();
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [filters, blockletRender]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "bl-search-container",
     ref: containerRef
   });
 }
-
 Autocomplete.propTypes = {
   onSelect: _propTypes.default.func.isRequired,
   wrapChildren: _propTypes.default.func

package/lib/components/custom-select/button.js

@@ -4,45 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _material = require("@mui/material");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["children", "rounded", "loading", "disabled"];
-
 var _templateObject;
-
 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; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 const StyledButton = (0, _styled.default)(_material.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: 4px;\n"])));
 const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
-    children,
-    rounded,
-    loading,
-    disabled
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      children,
+      rounded,
+      loading,
+      disabled
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledButton, _objectSpread(_objectSpread({
     ref: ref,
     disableElevation: true,

package/lib/components/custom-select/custom-select.js

@@ -4,55 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _styles = require("@mui/material/styles");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _material = require("@mui/material");
-
 var _KeyboardArrowDown = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowDown"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
 var _button = _interopRequireDefault(require("./button"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2;
-
 const _excluded = ["title", "value", "icon", "prepend", "options", "onChange", "itemRender"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 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; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function CustomSelect(_ref) {
   let {
-    title,
-    value,
-    icon,
-    prepend,
-    options,
-    onChange,
-    itemRender
-  } = _ref,
-      buttonProps = _objectWithoutProperties(_ref, _excluded);
-
+      title,
+      value,
+      icon,
+      prepend,
+      options,
+      onChange,
+      itemRender
+    } = _ref,
+    buttonProps = _objectWithoutProperties(_ref, _excluded);
   const anchorRef = (0, _react.useRef)(null);
   const theme = (0, _styles.useTheme)();
   const [open, setOpen] = (0, _react.useState)(false);
@@ -67,20 +47,16 @@ function CustomSelect(_ref) {
   const openMenu = (0, _react.useCallback)(() => {
     setOpen(true);
   }, []);
-
   function toggle(option) {
     setCurrentValue(option.value);
     onChange(option.value);
-
     if (isSm) {
       closeMenu();
     }
   }
-
   function containsValue(optionValue) {
     return optionValue === currentValue;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledButton, _objectSpread(_objectSpread({
       ref: anchorRef,
@@ -124,7 +100,6 @@ function CustomSelect(_ref) {
                   if (itemRender) {
                     return itemRender(option);
                   }
-
                   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
                     onClick: () => toggle(option),
                     className: ['my-select__option', containsValue(option.value) ? 'my-select__option--active' : ''].join(' '),
@@ -139,7 +114,6 @@ function CustomSelect(_ref) {
     })]
   });
 }
-
 CustomSelect.propTypes = {
   options: _propTypes.default.array.isRequired,
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.array]),

package/lib/components/custom-select/index.js

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _customSelect = _interopRequireDefault(require("./custom-select"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _customSelect.default;
 exports.default = _default;

package/lib/components/filter/custom-chip.js

@@ -4,43 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _material = require("@mui/material");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["label", "icon", "onDelete"];
-
 var _templateObject;
-
 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; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 const StyleDiv = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .MuiChip-root {\n    border-radius: 4px;\n    height: initial;\n    text-transform: capitalize;\n    margin-right: ", ";\n    padding: 4px 0;\n  }\n"])), props => props.theme.spacing(2));
-
 function FilterChip(_ref) {
   let {
-    label,
-    icon,
-    onDelete
-  } = _ref,
-      containerProps = _objectWithoutProperties(_ref, _excluded);
-
+      label,
+      icon,
+      onDelete
+    } = _ref,
+    containerProps = _objectWithoutProperties(_ref, _excluded);
   if (!label) return null;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyleDiv, _objectSpread(_objectSpread({}, containerProps), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, {
@@ -52,7 +36,6 @@ function FilterChip(_ref) {
     })
   }));
 }
-
 FilterChip.propTypes = {
   label: _propTypes.default.string,
   onDelete: _propTypes.default.func,

package/lib/components/filter/group.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function FilterGroup(_ref) {
   let {
     options,
@@ -42,9 +35,7 @@ function FilterGroup(_ref) {
     })]
   });
 }
-
 const StyledDiv = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .title {\n    font-size: 18px;\n    font-weight: bold;\n    margin-bottom: ", ";\n  }\n  .list {\n  }\n  .item {\n    font-size: 16px;\n    padding: ", ";\n    color: #9397a1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    text-transform: capitalize;\n    cursor: pointer;\n    &:hover {\n      background-color: ", ";\n      color: initial;\n      font-weight: bold;\n    }\n  }\n  .select {\n    color: ", ";\n    font-weight: bold;\n  }\n"])), props => props.theme.spacing(1), props => props.theme.spacing(1), props => props.theme.palette.grey[50], props => props.theme.palette.primary.main);
-
 FilterGroup.propTypes = {
   title: _propTypes.default.string.isRequired,
   options: _propTypes.default.array.isRequired,

package/lib/components/filter/icon.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _FilterAltOutlined = _interopRequireDefault(require("@mui/icons-material/FilterAltOutlined"));
-
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
-
 var _filter = require("../../contexts/filter");
-
 var _group = _interopRequireDefault(require("./group"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function FilterIcon() {
   const {
     selectedCategory,
@@ -38,19 +26,15 @@ function FilterIcon() {
     priceOptions
   } = (0, _filter.useFilterContext)();
   const [open, setOpen] = (0, _react.useState)(false);
-
   const handelChange = (type, value) => {
     if (type === 'category') {
       handleCategory(value);
     }
-
     if (type === 'price') {
       handlePrice(value);
     }
-
     setOpen(false);
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDiv, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       variant: "outlined",
@@ -88,9 +72,7 @@ function FilterIcon() {
     })]
   });
 }
-
 const StyledDiv = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .filter-button {\n    margin-right: 16px;\n    border-color: rgb(240, 240, 240);\n    padding: 5px 8px;\n    min-width: initial;\n  }\n  .filter-icon {\n    cursor: pointer;\n    color: ", ";\n  }\n"])), props => props.theme.palette.grey[500]);
-
 FilterIcon.propTypes = {};
 FilterIcon.defaultProps = {};
 var _default = FilterIcon;

package/lib/components/filter/index.js

@@ -21,11 +21,7 @@ Object.defineProperty(exports, "FilterIcon", {
     return _icon.default;
   }
 });
-
 var _icon = _interopRequireDefault(require("./icon"));
-
 var _customChip = _interopRequireDefault(require("./custom-chip"));
-
 var _group = _interopRequireDefault(require("./group"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/list/empty.js

@@ -6,19 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.EmptyTitle = EmptyTitle;
 exports.NoResults = NoResults;
 exports.NoResultsTips = NoResultsTips;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-
 var _filter = require("../../contexts/filter");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function NoResults() {
   const {
     t
@@ -31,7 +24,6 @@ function NoResults() {
     children: t('blocklet.noResults')
   });
 }
-
 function NoResultsTips(_ref) {
   let {
     filterTip,
@@ -41,12 +33,10 @@ function NoResultsTips(_ref) {
     t,
     locale
   } = (0, _filter.useFilterContext)();
-
   const getSplit = () => {
     if (locale === 'zh') return '、';
     return ' , ';
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
     className: "tips",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -61,7 +51,6 @@ function NoResultsTips(_ref) {
     })]
   });
 }
-
 NoResultsTips.propTypes = {
   filterTip: _propTypes.default.bool,
   keywordTip: _propTypes.default.bool
@@ -70,7 +59,6 @@ NoResultsTips.defaultProps = {
   filterTip: false,
   keywordTip: false
 };
-
 function EmptyTitle(_ref2) {
   let {
     primaryStart,
@@ -89,7 +77,6 @@ function EmptyTitle(_ref2) {
     })]
   });
 }
-
 EmptyTitle.propTypes = {
   primaryStart: _propTypes.default.string.isRequired,
   primaryEnd: _propTypes.default.string.isRequired,

package/lib/components/list/index.js

@@ -4,55 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockletList;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
-
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-
 var _reactInfiniteScrollHook = _interopRequireDefault(require("react-infinite-scroll-hook"));
-
 var _ErrorBoundary = require("@arcblock/ux/lib/ErrorBoundary");
-
 var _empty = require("./empty");
-
 var _filter = require("../../contexts/filter");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3;
-
 const _excluded = ["blocklets"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 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; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function BlockletList(_ref) {
   let {
-    blocklets
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      blocklets
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const {
     blockletRender,
     errors,
@@ -71,13 +48,11 @@ function BlockletList(_ref) {
     hasNextPage,
     onLoadMore: loadMore
   });
-
   if (errors.fetchBlockletsError) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorBoundary.ErrorFallback, {
       error: new Error("Failed to fetch blocklets from ".concat(endpoint, ": ").concat(errors.fetchBlockletsError.message))
     });
   }
-
   if (loadings.fetchBlockletsLoading) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       height: 60,
@@ -87,7 +62,6 @@ function BlockletList(_ref) {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {})
     });
   }
-
   if (filters.keyword && showFilterTip && blocklets.length === 0) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CustomEmpty, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_empty.EmptyTitle, {
@@ -100,7 +74,6 @@ function BlockletList(_ref) {
       })]
     });
   }
-
   if (filters.keyword && blocklets.length === 0) {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CustomEmpty, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_empty.EmptyTitle, {
@@ -112,7 +85,6 @@ function BlockletList(_ref) {
       })]
     });
   }
-
   if (showFilterTip && blocklets.length === 0) {
     const categoryLocale = getCategoryLocale(selectedCategory);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CustomEmpty, {
@@ -125,13 +97,11 @@ function BlockletList(_ref) {
       })]
     });
   }
-
   if (blocklets.length === 0) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomEmpty, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_empty.NoResults, {})
     });
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledGrid, _objectSpread(_objectSpread({
     container: true
   }, rest), {}, {
@@ -161,7 +131,6 @@ function BlockletList(_ref) {
     })]
   }));
 }
-
 BlockletList.propTypes = {
   blocklets: _propTypes.default.array.isRequired
 };

package/lib/contexts/filter.js

@@ -6,42 +6,26 @@ Object.defineProperty(exports, "__esModule", {
 exports.FilterConsumer = void 0;
 exports.FilterProvider = FilterProvider;
 exports.useFilterContext = useFilterContext;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ahooks = require("ahooks");
-
 var _orderBy = _interopRequireDefault(require("lodash/orderBy"));
-
 var _axios = _interopRequireDefault(require("axios"));
-
 var _utils = require("../libs/utils");
-
 var _locale = _interopRequireDefault(require("../assets/locale"));
-
 var _propTypes2 = require("../libs/prop-types");
-
 var _constant = _interopRequireDefault(require("../libs/constant"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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; }
-
 const Filter = /*#__PURE__*/(0, _react.createContext)({});
 const {
   Provider,
   Consumer
 } = Filter;
 exports.FilterConsumer = Consumer;
-
 function FilterProvider(_ref) {
   let {
     filters,
@@ -82,13 +66,11 @@ function FilterProvider(_ref) {
     loadingMore
   } = (0, _ahooks.useInfiniteScroll)(async d => {
     var _d$list;
-
     const params = _objectSpread(_objectSpread({}, finalFilters), {}, {
       sortBy: _constant.default[finalFilters.sortBy],
       page: (0, _utils.getCurrentPage)((d === null || d === void 0 ? void 0 : (_d$list = d.list) === null || _d$list === void 0 ? void 0 : _d$list.length) || 0, paginateState.pageSize),
       pageSize: paginateState.pageSize
     });
-
     const {
       data = {}
     } = await storeApi.get(_constant.default.blockletsPath, {
@@ -119,8 +101,8 @@ function FilterProvider(_ref) {
     manual: true
   });
   const categoryList = (0, _react.useMemo)(() => {
-    const list = allCategories || []; // 分类按照名称排序
-
+    const list = allCategories || [];
+    // 分类按照名称排序
     return (0, _orderBy.default)(list, [i => i.name], ['asc']);
   }, [allCategories]);
   const translate = (0, _react.useCallback)((key, data) => {
@@ -129,8 +111,8 @@ function FilterProvider(_ref) {
     return (0, _utils.replaceTranslate)(fallback, data);
   }, [locale]);
   const blockletList = (0, _react.useMemo)(() => {
-    let blocklets = blockletsState.list || []; // 用户传入的过滤函数
-
+    let blocklets = blockletsState.list || [];
+    // 用户传入的过滤函数
     blocklets = extraFilter(blocklets);
     return blocklets;
   }, [blockletsState, extraFilter]);
@@ -164,48 +146,40 @@ function FilterProvider(_ref) {
         sortBy: sort,
         sortDirection: sort === 'nameAsc' ? 'asc' : 'desc'
       });
-
       onFilterChange(changeData);
     },
     handleKeyword: keyWord => {
       const changeData = _objectSpread(_objectSpread({}, finalFilters), {}, {
         keyword: keyWord || undefined
       });
-
       onFilterChange(changeData);
     },
     handlePrice: price => {
       const changeData = _objectSpread(_objectSpread({}, finalFilters), {}, {
         price: price === finalFilters.price ? undefined : price
       });
-
       onFilterChange(changeData);
     },
     handleCategory: category => {
       let finalCategory = category;
-
       if (category === 'all' || category === finalFilters.category) {
         finalCategory = undefined;
       }
-
       const changeData = _objectSpread(_objectSpread({}, finalFilters), {}, {
         category: finalCategory
       });
-
       onFilterChange(changeData);
     },
     handleDeveloper: owner => {
       const changeData = _objectSpread(_objectSpread({}, finalFilters), {}, {
         owner: owner || undefined
       });
-
       onFilterChange(changeData);
     },
     handlePage: page => {
       const changeData = _objectSpread(_objectSpread({}, finalFilters), {}, {
         currentPage: page
       });
-
       onFilterChange(changeData);
     },
     loadMore: () => {
@@ -217,47 +191,38 @@ function FilterProvider(_ref) {
       if (!category) return null;
       let result = null;
       const find = allCategories.find(item => item._id === category);
-
       if (find) {
         result = find.locales[locale];
       }
-
       return result;
     },
-
     get developerName() {
       var _blocklets$find, _blocklets$find$owner;
-
       const blocklets = blockletList;
       return ((_blocklets$find = blocklets.find(blocklet => {
         var _blocklet$owner;
-
         return (blocklet === null || blocklet === void 0 ? void 0 : (_blocklet$owner = blocklet.owner) === null || _blocklet$owner === void 0 ? void 0 : _blocklet$owner.did) === finalFilters.owner;
       })) === null || _blocklets$find === void 0 ? void 0 : (_blocklets$find$owner = _blocklets$find.owner) === null || _blocklets$find$owner === void 0 ? void 0 : _blocklets$find$owner.name) || '';
     },
-
     handleSearchSelect: onSearchSelect
   };
   (0, _react.useEffect)(() => {
-    fetchCategories(); // eslint-disable-next-line react-hooks/exhaustive-deps
+    fetchCategories();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [endpoint]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
     value: filterStore,
     children: children
   });
 }
-
 FilterProvider.propTypes = _objectSpread(_objectSpread({}, _propTypes2.propTypes), {}, {
   children: _propTypes.default.any.isRequired
 });
 FilterProvider.defaultProps = _propTypes2.defaultProps;
-
 function useFilterContext() {
   const filterStore = (0, _react.useContext)(Filter);
-
   if (!filterStore) {
     return {};
   }
-
   return filterStore;
 }

package/lib/index.js

@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockletList;
-
 var _react = require("@emotion/react");
-
 var _styles = require("@mui/material/styles");
-
 var _base = _interopRequireDefault(require("./base"));
-
 var _filter = require("./contexts/filter");
-
 var _propTypes = require("./libs/prop-types");
-
 var _utils = require("./libs/utils");
-
 require("@algolia/autocomplete-theme-classic/dist/theme.css");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 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; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function BlockletList(props) {
   const muiTheme = (0, _styles.useTheme)();
   const primaryColor = (0, _utils.toColorRgb)(muiTheme.palette.primary.main);
@@ -45,6 +30,5 @@ function BlockletList(props) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, {})]
   }));
 }
-
 BlockletList.propTypes = _propTypes.propTypes;
 BlockletList.defaultProps = _propTypes.defaultProps;

package/lib/libs/prop-types.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.propTypes = exports.defaultProps = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const propTypes = {
   filters: _propTypes.default.shape({
     keyword: _propTypes.default.string,

package/lib/libs/utils.js

@@ -4,24 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.urlStringify = exports.toColorRgb = exports.replaceTranslate = exports.removeUndefined = exports.isMobileScreen = exports.getStoreDetail = exports.getSortOptions = exports.getPrices = exports.getCurrentPage = exports.getCategoryOptions = exports.formatLogoPath = exports.formatError = exports.filterBlockletByPrice = exports.debounced = void 0;
-
 var _urlJoin = _interopRequireDefault(require("url-join"));
-
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _color = _interopRequireDefault(require("color"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const isFreeBlocklet = blocklet => {
   if (!blocklet.payment) {
     return true;
   }
-
   const priceList = (blocklet.payment.price || []).map(x => x.value || 0);
   return priceList.every(x => x === 0);
 };
-
 const getSortOptions = t => {
   return [{
     name: t('sort.popularity'),
@@ -37,9 +30,7 @@ const getSortOptions = t => {
     value: 'nameDesc'
   }];
 };
-
 exports.getSortOptions = getSortOptions;
-
 const getPrices = t => {
   return [{
     name: t('blocklet.free'),
@@ -49,9 +40,7 @@ const getPrices = t => {
     value: 'payment'
   }];
 };
-
 exports.getPrices = getPrices;
-
 const getCategoryOptions = function getCategoryOptions() {
   let list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en';
@@ -60,66 +49,50 @@ const getCategoryOptions = function getCategoryOptions() {
     value: item._id
   }));
 };
+
 /**
  * 根据 是否付费 过滤 blocklet list
  * @param {*} list
  * @param {*} price
  * @returns
  */
-
-
 exports.getCategoryOptions = getCategoryOptions;
-
 const filterBlockletByPrice = function filterBlockletByPrice() {
   let list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let price = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   let result = list;
   if (!price) return result;
-
   if (price === 'free') {
     result = list.filter(blocklet => isFreeBlocklet(blocklet));
   } else {
     result = list.filter(blocklet => !isFreeBlocklet(blocklet));
   }
-
   return result;
 };
-
 exports.filterBlockletByPrice = filterBlockletByPrice;
-
 const formatError = error => {
   if (Array.isArray(error.errors)) {
     return error.errors.map(x => x.message).join('\n');
   }
-
   return error.message;
 };
-
 exports.formatError = formatError;
-
 const getStoreDetail = (storeUrl, blocklet) => {
   return (0, _urlJoin.default)(storeUrl, "/blocklets/".concat(blocklet.did));
 };
-
 exports.getStoreDetail = getStoreDetail;
-
 const formatLogoPath = function formatLogoPath(did, asset) {
   let target = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'assets';
-
   if (asset.startsWith(target)) {
     return asset;
   }
-
   return "".concat(target, "/").concat(did, "/").concat(asset);
 };
-
 exports.formatLogoPath = formatLogoPath;
-
-const replaceTranslate = (template, data) => // eslint-disable-next-line no-prototype-builtins
+const replaceTranslate = (template, data) =>
+// eslint-disable-next-line no-prototype-builtins
 template.replace(/{(\w*)}/g, (m, key) => data.hasOwnProperty(key) ? data[key] : '');
-
 exports.replaceTranslate = replaceTranslate;
-
 const removeUndefined = obj => {
   const clone = (0, _cloneDeep.default)(obj);
   Object.keys(clone).forEach(key => {
@@ -129,56 +102,42 @@ const removeUndefined = obj => {
   });
   return clone;
 };
-
 exports.removeUndefined = removeUndefined;
-
 const urlStringify = obj => {
   if (!obj) {
     throw new Error('obj is required in urlStringify ');
   }
-
   return new URLSearchParams(removeUndefined(obj)).toString();
 };
-
 exports.urlStringify = urlStringify;
-
 const isMobileScreen = () => {
   return window.innerWidth <= 600;
 };
-
 exports.isMobileScreen = isMobileScreen;
-
 const getCurrentPage = (length, pageSize) => {
   const page = (length + pageSize) / pageSize;
   if (page > 1) return page.toFixed();
   return 1;
 };
-
 exports.getCurrentPage = getCurrentPage;
-
 const toColorRgb = colorStr => {
   const color = (0, _color.default)(colorStr);
   return color.rgb().object();
 };
-
 exports.toColorRgb = toColorRgb;
-
 function debouncePromise(fn, time) {
   let timerId;
   return function debounced() {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     if (timerId) {
       clearTimeout(timerId);
     }
-
     return new Promise(resolve => {
       timerId = setTimeout(() => resolve(fn(...args)), time);
     });
   };
 }
-
 const debounced = debouncePromise(items => Promise.resolve(items), 300);
 exports.debounced = debounced;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/list",
-  "version": "0.10.31",
+  "version": "0.10.33",
   "description": "Common ux components of blocklet",
   "publishConfig": {
     "access": "public"
@@ -42,7 +42,7 @@
   "dependencies": {
     "@algolia/autocomplete-js": "^1.7.1",
     "@algolia/autocomplete-theme-classic": "^1.7.1",
-    "@arcblock/ux": "^2.4.49",
+    "@arcblock/ux": "^2.4.52",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
     "@mui/icons-material": "^5.8.4",
@@ -71,5 +71,5 @@
     "eslint": "^8.22.0",
     "prettier": "^2.7.1"
   },
-  "gitHead": "961ae76e726be9c79653e5bd238aeb6bd0451f8f"
+  "gitHead": "d5fb6c10f6e9920d854d5116bc089e63b3260b7f"
 }