@daoyi/nmtl-ui 2.0.1-beta.45 → 2.0.1-beta.47

package/lib/components/ExtraTools.js

@@ -1 +1,11 @@
-export{E as default}from"./ExtraTools-f10a66a8.js";import"./_rollupPluginBabelHelpers-fde6d1c6.js";import"react";import"./vendor-851c6356.js";import"prop-types";import"react-is";import"@material-ui/styles";import"react-dom";import"@material-ui/core";import"./Tooltip-b7eb966d.js";import"./dataExport-f418e6fe.js";
+export { E as default } from './ExtraTools-f10a66a8.js';
+import './_rollupPluginBabelHelpers-fde6d1c6.js';
+import 'react';
+import './vendor-851c6356.js';
+import 'prop-types';
+import 'react-is';
+import '@material-ui/styles';
+import 'react-dom';
+import '@material-ui/core';
+import './Tooltip-b7eb966d.js';
+import './dataExport-f418e6fe.js';

package/lib/components/Filter.js

@@ -1 +1,90 @@
-import{h as t,e}from"./_rollupPluginBabelHelpers-fde6d1c6.js";import r from"react";import o from"prop-types";import{E as i,s as n,U as a,c as l}from"./vendor-851c6356.js";import{useHistory as s}from"react-router-dom";import"react-is";import"@material-ui/styles";import"react-dom";const c=t=>{let{history:e,...r}=t;if(e){const{search:t}=e.location;e.replace({search:i.stringify({...i.parse(t),...r})})}else console.error("error","historyAppendSearch needs history")};c.propTypes={history:o.objectOf(o.any).isRequired};var f;n("@charset \"UTF-8\";\n.filter {\n  flex: 1;\n  font-size: 1.5rem; }\n  .filter__item {\n    cursor: pointer; }\n    .filter__item--active {\n      font-weight: 500; }\n    .filter__item--disabled {\n      pointer-events: none; }\n    .filter__item:hover {\n      font-weight: 500; }\n    .filter__item::after {\n      content: '．'; }\n    .filter__item:last-child::after {\n      content: none; }\n");var m=function(o){var n=o.className,m=o.textColor,p=o.textHoverColor,d=o.filter,y=o.disabled,_=o.filterKey,u=s(),v=u.location.search,h=i.parse(v),b=a.span(f||(f=t(["\n\t\tcolor: ",";\n\t\t.filter__item--active {\n\t\t\tcolor: ",";\n\t\t}\n\t\t:hover {\n\t\t\tcolor: ",";\n\t\t}\n\t\t::after {\n\t\t\tcolor: ",";\n\t\t}\n\t"])),m,p||m,p||m,m);return r.createElement("div",{className:l("filter",n)},Array.isArray(d)&&d.filter((function(t){return"undefined"!==t.key})).map((function(t){var o=t.key,i=t.title,n=t.count;return r.createElement(b,{key:o,className:l("filter__item",{"filter__item--disabled":y},{"filter__item--active":o===h[_]}),onClick:function(){return c(e({history:u},_,o))}},"".concat(i,"(").concat(n,")"))})))};m.defaultProps={className:void 0,textColor:"#666",textHoverColor:void 0,filter:void 0,disabled:!1,filterKey:"filterType"},m.propTypes={className:o.string,textColor:o.string,textHoverColor:o.string,filter:o.arrayOf(o.any),disabled:o.bool,filterKey:o.string};export{m as default};
+import { h as _taggedTemplateLiteral, e as _defineProperty } from './_rollupPluginBabelHelpers-fde6d1c6.js';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { E as queryString, s as styleInject, U as He, c as classNames } from './vendor-851c6356.js';
+import { useHistory } from 'react-router-dom';
+import 'react-is';
+import '@material-ui/styles';
+import 'react-dom';
+
+const historyAppendSearch = _ref => {
+  let {
+    history,
+    ...rest
+  } = _ref;
+  if (history) {
+    const {
+      search
+    } = history.location;
+    history.replace({
+      search: queryString.stringify({
+        ...queryString.parse(search),
+        ...rest
+      })
+    });
+  } else {
+    console.error('error', 'historyAppendSearch needs history');
+  }
+};
+historyAppendSearch.propTypes = {
+  /** react-router-dom 的 history */
+  history: PropTypes.objectOf(PropTypes.any).isRequired
+};
+
+var css_248z = "@charset \"UTF-8\";\n.filter {\n  flex: 1;\n  font-size: 1.5rem; }\n  .filter__item {\n    cursor: pointer; }\n    .filter__item--active {\n      font-weight: 500; }\n    .filter__item--disabled {\n      pointer-events: none; }\n    .filter__item:hover {\n      font-weight: 500; }\n    .filter__item::after {\n      content: '．'; }\n    .filter__item:last-child::after {\n      content: none; }\n";
+styleInject(css_248z);
+
+var _templateObject;
+var Filter = function Filter(_ref) {
+  var className = _ref.className,
+    textColor = _ref.textColor,
+    textHoverColor = _ref.textHoverColor,
+    filter = _ref.filter,
+    disabled = _ref.disabled,
+    filterKey = _ref.filterKey;
+  var history = useHistory();
+  var search = history.location.search;
+  var urlSearch = queryString.parse(search);
+  var FilterItem = He.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\tcolor: ", ";\n\t\t.filter__item--active {\n\t\t\tcolor: ", ";\n\t\t}\n\t\t:hover {\n\t\t\tcolor: ", ";\n\t\t}\n\t\t::after {\n\t\t\tcolor: ", ";\n\t\t}\n\t"])), textColor, textHoverColor || textColor, textHoverColor || textColor, textColor);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: classNames('filter', className)
+  }, Array.isArray(filter) && filter.filter(function (_ref2) {
+    var key = _ref2.key;
+    return key !== 'undefined';
+  }).map(function (_ref3) {
+    var key = _ref3.key,
+      title = _ref3.title,
+      count = _ref3.count;
+    return /*#__PURE__*/React__default.createElement(FilterItem, {
+      key: key,
+      className: classNames('filter__item', {
+        'filter__item--disabled': disabled
+      }, {
+        'filter__item--active': key === urlSearch[filterKey]
+      }),
+      onClick: function onClick() {
+        return historyAppendSearch(_defineProperty({
+          history: history
+        }, filterKey, key));
+      }
+    }, "".concat(title, "(").concat(count, ")"));
+  }));
+};
+Filter.defaultProps = {
+  className: undefined,
+  textColor: '#666',
+  textHoverColor: undefined,
+  filter: undefined,
+  disabled: false,
+  filterKey: 'filterType'
+};
+Filter.propTypes = {
+  className: PropTypes.string,
+  textColor: PropTypes.string,
+  textHoverColor: PropTypes.string,
+  filter: PropTypes.arrayOf(PropTypes.any),
+  disabled: PropTypes.bool,
+  filterKey: PropTypes.string
+};
+
+export { Filter as default };