@abtnode/ux 1.16.13-beta-d17a7de4 → 1.16.13-beta-90ded76f

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.13-beta-d17a7de4",
+  "version": "1.16.13-beta-90ded76f",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -23,9 +23,9 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.13-beta-d17a7de4",
-    "@abtnode/constant": "1.16.13-beta-d17a7de4",
-    "@abtnode/util": "1.16.13-beta-d17a7de4",
+    "@abtnode/auth": "1.16.13-beta-90ded76f",
+    "@abtnode/constant": "1.16.13-beta-90ded76f",
+    "@abtnode/util": "1.16.13-beta-90ded76f",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "^1.18.84",
     "@arcblock/did-connect": "^2.5.53",
@@ -34,10 +34,10 @@
     "@arcblock/react-hooks": "^2.5.53",
     "@arcblock/terminal": "^2.5.53",
     "@arcblock/ux": "^2.5.53",
-    "@blocklet/constant": "1.16.13-beta-d17a7de4",
+    "@blocklet/constant": "1.16.13-beta-90ded76f",
     "@blocklet/launcher-layout": "2.1.26",
     "@blocklet/list": "^0.12.4",
-    "@blocklet/meta": "1.16.13-beta-d17a7de4",
+    "@blocklet/meta": "1.16.13-beta-90ded76f",
     "@blocklet/ui-react": "^2.5.53",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -47,12 +47,12 @@
     "@mui/lab": "^5.0.0-alpha.102",
     "@mui/material": "^5.10.8",
     "@mui/styles": "^5.10.8",
+    "@mui/x-date-pickers": "^6.9.0",
     "@ocap/client": "1.18.84",
     "@uiw/react-markdown-preview": "4.0.6",
     "ahooks": "^3.7.1",
     "axios": "^0.27.2",
     "classnames": "^2.3.2",
-    "dayjs": "^1.11.7",
     "dsbridge": "3.1.4",
     "file-saver": "^2.0.5",
     "filesize": "^6.4.0",
@@ -64,8 +64,8 @@
     "jszip": "^3.10.1",
     "lodash": "^4.17.21",
     "md5": "^2.3.0",
-    "moment": "^2.29.4",
     "ms": "^2.1.3",
+    "mui-daterange-picker": "^1.0.5",
     "nanoid": "^4.0.0",
     "p-wait-for": "^4.1.0",
     "pretty-ms-i18n": "^1.0.3",
@@ -94,5 +94,5 @@
     "@babel/preset-react": "^7.18.6",
     "babel-plugin-inline-react-svg": "^1.1.2"
   },
-  "gitHead": "f14750f3b9feeafe80ee88499b2b4a061c2c28c4"
+  "gitHead": "e6d4b88fe2cb45e00e5d745e1cd148dc76a019a4"
 }

package/lib/monitor/memory.js

@@ -1,144 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = MemoryMonitor;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _filesize = _interopRequireDefault(require("filesize"));
-var _ahooks = require("ahooks");
-var _Box = _interopRequireDefault(require("@mui/material/Box"));
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _Sparkline = _interopRequireDefault(require("@arcblock/ux/lib/Sparkline"));
-var _card = _interopRequireDefault(require("./card"));
-var _util = require("../util");
-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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } /* eslint-disable react/jsx-one-expression-per-line */
-const formatNumber = x => (0, _filesize.default)(x);
-function MemoryMonitor(_ref) {
-  let {
-    instanceCount,
-    title,
-    total,
-    used,
-    history,
-    hideDescription
-  } = _ref;
-  const {
-    t
-  } = (0, _react.useContext)(_context.LocaleContext);
-  const svgRef = (0, _react.useRef)(null);
-  const tooltipRef = (0, _react.useRef)(null);
-  const tooltipState = (0, _ahooks.useReactive)({
-    style: {
-      top: 0,
-      left: 0
-    },
-    hidden: true,
-    textContent: ''
-  });
-  const [dom, setDom] = (0, _react.useState)();
-  const size = (0, _ahooks.useSize)(dom) || {};
-  const showPercent = !!total;
-  const available = total - used;
-  const memoryPercent = showPercent ? "(".concat(Math.floor(used / total * 100), "%)") : '';
-  const memoryList = [];
-  if (instanceCount) {
-    memoryList.push({
-      title: t('system.instances'),
-      metric: instanceCount
-    });
-  }
-  memoryList.push({
-    title: t('system.used'),
-    metric: (0, _filesize.default)(used)
-  });
-  if (showPercent) {
-    memoryList.push({
-      title: t('system.free'),
-      metric: (0, _filesize.default)(available)
-    }, {
-      title: t('system.total'),
-      metric: (0, _filesize.default)(total)
-    });
-  }
-  const sparklineOptions = {
-    onmousemove(event, dataPoint) {
-      const date = (0, _util.formatTime)(dataPoint.date, 'HH:mm');
-      const left = '80px';
-      tooltipState.textContent = "".concat(date, ": ").concat(formatNumber(dataPoint.value));
-      tooltipState.style.top = '-30px';
-      tooltipState.style.left = left;
-      tooltipState.hidden = false;
-    },
-    onmouseout() {
-      tooltipState.hidden = true;
-    }
-  };
-  (0, _react.useEffect)(() => {
-    // if (!loading) {
-    //   // see: https://github.com/alibaba/hooks/issues/838
-    // }
-    setTimeout(() => {
-      setDom(document.querySelector('.mem-sparkline'));
-      setTimeout(() => {
-        if (svgRef.current) {
-          (0, _Sparkline.default)(svgRef.current, history, sparklineOptions);
-        }
-      }, 400);
-    });
-  }, [history]); // eslint-disable-line react-hooks/exhaustive-deps
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.default, {
-    title: title || t('common.memory'),
-    value: "".concat((0, _filesize.default)(Math.floor(used || 0)), " ").concat(memoryPercent),
-    graph: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "card-sparkline mem-sparkline",
-      style: {
-        marginTop: 16
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
-        ref: svgRef,
-        className: "sparkline",
-        width: size.width || 100,
-        height: 30,
-        strokeWidth: "2"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: "tooltip",
-        ref: tooltipRef,
-        hidden: tooltipState.hidden,
-        style: _objectSpread({}, tooltipState.style),
-        children: tooltipState.textContent
-      })]
-    }),
-    description: memoryList.map((x, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-      sx: {
-        marginLeft: index === 0 ? 0 : 2
-      },
-      children: [x.title, ": ", x.metric]
-    }, x.title)),
-    hideDescription: hideDescription
-  });
-}
-MemoryMonitor.propTypes = {
-  title: _propTypes.default.string,
-  instanceCount: _propTypes.default.number,
-  total: _propTypes.default.number,
-  used: _propTypes.default.number,
-  history: _propTypes.default.array,
-  hideDescription: _propTypes.default.bool
-};
-MemoryMonitor.defaultProps = {
-  title: '',
-  instanceCount: null,
-  total: null,
-  used: null,
-  history: [],
-  hideDescription: false
-};