@abtnode/ux 1.8.27 → 1.8.28

package/lib/invitation/invitation-receive.js

@@ -4,33 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
-
 var _Button = _interopRequireDefault(require("@arcblock/did-connect/lib/Button"));
-
 var _utils = require("@arcblock/did-connect/lib/utils");
-
 var _util = require("../util");
-
 var _usePassportId = _interopRequireDefault(require("../../lib/hooks/use-passport-id"));
-
 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 InvitationReceive(_ref) {
   let {
     invitation,
@@ -62,8 +48,8 @@ function InvitationReceive(_ref) {
       onReceive();
       return;
     }
-
-    setOpen(true); // eslint-disable-next-line react-hooks/exhaustive-deps
+    setOpen(true);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
@@ -100,7 +86,6 @@ function InvitationReceive(_ref) {
     })]
   });
 }
-
 InvitationReceive.propTypes = {
   invitation: _propTypes.default.object.isRequired,
   checkFn: _propTypes.default.func.isRequired,
@@ -111,13 +96,11 @@ InvitationReceive.defaultProps = {
   onLoginSuccess: () => {},
   onReceive: null
 };
-
 const Root = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: center;\n  .invite-receive__logo-wrapper {\n    display: inline-flex;\n    align-items: center;\n    color: #9397a1;\n    font-size: 14px;\n  }\n  .invite-receive__logo {\n    height: 16px;\n    margin-left: 8px;\n  }\n  .invite-receive__button {\n    width: 100%;\n    margin: 16px 0;\n    white-space: nowrap;\n  }\n  .invite-receive__until {\n    text-align: center;\n    font-size: 14px;\n  }\n  .invite-receive__description {\n    color: #999;\n    text-align: left;\n    list-style: decimal;\n    padding: 0;\n    padding-left: 1.2em;\n    margin: 40px 0;\n  }\n  .invite-receive__description-item {\n    list-style: decimal;\n  }\n  .invite-receive__link {\n    color: ", ";\n  }\n"])), _ref2 => {
   let {
     theme
   } = _ref2;
   return theme.palette.primary.main;
 });
-
 var _default = InvitationReceive;
 exports.default = _default;

package/lib/invitation/invitation-user.js

@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Avatar = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _util = require("../util");
-
 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 InvitationUser(_ref) {
   let {
     invitation
@@ -54,7 +43,6 @@ function InvitationUser(_ref) {
         children: invitation.inviter.fullName
       }, "name") : invitation.inviter.fullName;
     },
-
     dapp() {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
         target: "_blank",
@@ -64,7 +52,6 @@ function InvitationUser(_ref) {
         children: invitation.info.name
       }, "dapp");
     }
-
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
@@ -79,17 +66,14 @@ function InvitationUser(_ref) {
     })]
   });
 }
-
 InvitationUser.propTypes = {
   invitation: _propTypes.default.object.isRequired
 };
-
 const Root = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  .invite-user__name {\n    font-weight: 700;\n    font-size: 16px;\n    margin: 8px 0 2px 0;\n  }\n  .invite-user__address {\n    font-size: 12px;\n  }\n  .invite-user__message {\n    margin-top: 20px;\n    font-weight: 700;\n    /* width: 90%; */\n    text-align: center;\n    font-size: 18px;\n  }\n  .invite-user__link {\n    color: ", ";\n  }\n"])), _ref2 => {
   let {
     theme
   } = _ref2;
   return theme.palette.primary.main;
 });
-
 var _default = InvitationUser;
 exports.default = _default;

package/lib/invitation/invitation.js

@@ -4,35 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _ahooks = require("ahooks");
-
 var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
-
 var _Result = _interopRequireDefault(require("@arcblock/ux/lib/Result"));
-
 var _invitationPassport = _interopRequireDefault(require("./invitation-passport"));
-
 var _invitationReceive = _interopRequireDefault(require("./invitation-receive"));
-
 var _invitationUser = _interopRequireDefault(require("./invitation-user"));
-
 var _invitationApp = _interopRequireDefault(require("./invitation-app"));
-
 var _wrapLocale = _interopRequireDefault(require("../wrap-locale"));
-
 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 Invitation(_ref) {
   let {
     getDataFn,
@@ -42,21 +27,17 @@ function Invitation(_ref) {
     onReceive
   } = _ref;
   const state = (0, _ahooks.useRequest)(getDataFn);
-
   if (state.loading) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {});
   }
-
   if (state.error) {
     var _state$error, _state$error$response;
-
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Result.default, {
       status: "404",
       title: (_state$error = state.error) === null || _state$error === void 0 ? void 0 : (_state$error$response = _state$error.response) === null || _state$error$response === void 0 ? void 0 : _state$error$response.data,
       description: ""
     });
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
     className: "page-invite__wrapper",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_invitationApp.default, {
@@ -77,7 +58,6 @@ function Invitation(_ref) {
     })]
   });
 }
-
 Invitation.propTypes = {
   getDataFn: _propTypes.default.func.isRequired,
   checkFn: _propTypes.default.func.isRequired,
@@ -90,9 +70,6 @@ Invitation.defaultProps = {
   passportColor: 'auto',
   onReceive: null
 };
-
 const Root = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  max-width: 460px;\n  max-height: 650px;\n  min-height: 450px;\n  width: 90%;\n  height: 80%;\n  display: flex;\n  flex-direction: column;\n  .page-invite__card {\n    background-color: #fff;\n    border-radius: 4px;\n    flex: 1;\n    padding: 20px 30px;\n    margin-top: 10px;\n  }\n  .page-invite__app {\n    margin-top: 20px;\n  }\n"])));
-
 var _default = (0, _wrapLocale.default)(Invitation);
-
 exports.default = _default;

package/lib/issue-passport.js

@@ -4,41 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _reactRouterDom = require("react-router-dom");
-
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-
 var _CheckCircle = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _Center = _interopRequireDefault(require("@arcblock/ux/lib/Center"));
-
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _constant = require("@abtnode/constant");
-
 var _wrapLocale = _interopRequireDefault(require("./wrap-locale"));
-
 var _usePassportId = _interopRequireDefault(require("./hooks/use-passport-id"));
-
 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) } })); }
-
 // eslint-disable-next-line react/prop-types
 function IssuePassport(_ref) {
   let {
@@ -58,45 +40,37 @@ function IssuePassport(_ref) {
   const {
     setPassportId
   } = (0, _usePassportId.default)();
-
   const onReceivePassport = result => {
     if (result !== null && result !== void 0 && result.passportId) {
       setPassportId(result.passportId);
     }
-
     setSuccess(true);
   };
-
   const extraParams = {};
   const {
     searchParams
   } = new URL(window.location.href);
   const id = searchParams.get('id');
-
   if (id) {
     extraParams.id = id;
   }
-
   const onUsePassport = () => {
     var _window$env;
-
     try {
       session.logout();
-    } catch (err) {// Do nothing
+    } catch (err) {
+      // Do nothing
     }
-
     if ((((_window$env = window.env) === null || _window$env === void 0 ? void 0 : _window$env.apiPrefix) || '').startsWith(_constant.WELLKNOWN_SERVICE_PATH_PREFIX)) {
       navigate("".concat(_constant.WELLKNOWN_SERVICE_PATH_PREFIX, "/login"), {
         replace: true
       });
       return;
     }
-
     navigate('/', {
       replace: true
     });
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, {
     children: success ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "login",
@@ -149,9 +123,6 @@ function IssuePassport(_ref) {
     })
   });
 }
-
 const Div = (0, _styled.default)(_Center.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .header {\n    text-align: center;\n    margin-bottom: 8px;\n  }\n\n  .subheader {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n\n  .login {\n    padding: 24px;\n    height: auto;\n    min-height: 480px;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .connect {\n    background: #fafafa;\n  }\n"])));
-
 var _default = (0, _wrapLocale.default)(IssuePassport);
-
 exports.default = _default;

package/lib/launch-blocklet/content-layout.js

@@ -4,44 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ContentLayout;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["children"];
-
 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 ContentLayout(_ref) {
   let {
-    children
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, _objectSpread(_objectSpread({}, props), {}, {
     children: children
   }));
 }
-
 ContentLayout.propTypes = {
   children: _propTypes.default.any.isRequired
 };
-
 const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n\n  .header {\n    text-align: center;\n  }\n\n  .body {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-top: 30px;\n    width: 100%;\n    min-height: 200px;\n    flex: 1;\n\n    ", " {\n      padding: 24px;\n    }\n\n    ", " {\n      padding: 0 16px 16px;\n    }\n  }\n\n  .footer {\n    display: flex;\n    justify-content: center;\n\n    ", " {\n      padding-bottom: 34px;\n    }\n\n    ", " {\n      margin-top: auto;\n      padding-bottom: 10px;\n    }\n  }\n"])), props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'));

package/lib/launch-blocklet/page-header.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 PageHeader(_ref) {
   let {
     title,
@@ -32,9 +25,7 @@ function PageHeader(_ref) {
     })]
   });
 }
-
 const Content = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: center;\n\n  .title {\n    font-size: 24px;\n    font-weight: 400;\n    color: ", ";\n  }\n\n  .sub-title {\n    margin: 0 auto;\n    max-width: 90%;\n    font-size: 14px;\n    color: ", ";\n  }\n"])), props => props.theme.palette.common.black, props => props.theme.palette.grey[600]);
-
 var _default = PageHeader;
 exports.default = _default;
 PageHeader.propTypes = {

package/lib/layout/addon.js

@@ -4,41 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = HeaderAddon;
-
 var _react = require("react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 var _reactRouterDom = require("react-router-dom");
-
 var _SessionManager = _interopRequireDefault(require("@arcblock/did-connect/lib/SessionManager"));
-
 var _selector = _interopRequireDefault(require("@arcblock/ux/lib/Locale/selector"));
-
 var _context = require("@arcblock/ux/lib/Locale/context");
-
 var _Globe = _interopRequireDefault(require("@arcblock/icons/lib/Globe"));
-
 var _QuestionMarkCircle = _interopRequireDefault(require("@arcblock/icons/lib/QuestionMarkCircle"));
-
 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 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 HeaderAddon(_ref) {
   let {
     SessionContext,
@@ -65,11 +47,9 @@ function HeaderAddon(_ref) {
     '/settings/team': '/misc/member-management',
     '/console': '/misc/graphql-console'
   };
-
   const onHelpClick = () => {
     const pathName = location.pathname;
     let path = '';
-
     if (pathName.indexOf('/blocklets') > -1) {
       path = docPaths['/blocklets'];
     } else if (pathName.indexOf('/store') > -1) {
@@ -77,10 +57,8 @@ function HeaderAddon(_ref) {
     } else if (docPaths[pathName]) {
       path = docPaths[pathName];
     }
-
     window.open("https://docs.arcblock.io/abtnode/".concat(locale).concat(path), '_blank');
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
     children: [extraItems.map((x, index) => /*#__PURE__*/(0, _react.cloneElement)(x, {
       key: index
@@ -100,7 +78,6 @@ function HeaderAddon(_ref) {
     }, sessionManagerProps))]
   });
 }
-
 HeaderAddon.propTypes = {
   SessionContext: _propTypes.default.object.isRequired,
   webWalletUrl: _propTypes.default.string,
@@ -118,5 +95,4 @@ HeaderAddon.defaultProps = {
   showHelper: true,
   sessionManagerProps: {}
 };
-
 const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  .MuiIconButton-root svg {\n    width: 26px;\n    height: 26px;\n  }\n\n  .user-addon {\n    .user-avatar {\n      width: 28px;\n      border-radius: 14px;\n      height: auto;\n    }\n  }\n\n  ", " {\n    > button,\n    > a {\n      padding-left: 8px;\n      padding-right: 8px;\n    }\n  }\n"])), props => props.theme.breakpoints.down('md'));

package/lib/locales/index.js

@@ -1,11 +1,8 @@
 "use strict";
 
 const flat = require('flat');
-
 const en = require('./en');
-
 const zh = require('./zh');
-
 module.exports = {
   translations: {
     zh: flat(zh),

package/lib/logs/clock.js

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _useInterval = _interopRequireDefault(require("react-use/lib/useInterval"));
-
 var _util = require("../util");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function Clock() {
   const [currentTime, setCurrentTime] = (0, _react.useState)(+new Date());
   (0, _useInterval.default)(() => {
@@ -20,6 +15,5 @@ function Clock() {
   }, 1000);
   return (0, _util.formatTime)(currentTime, 'MMMM Do YYYY, h:mm:ss a');
 }
-
 var _default = Clock;
 exports.default = _default;

package/lib/logs/log-terminal.js

@@ -5,59 +5,38 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.LogTerminal = void 0;
 exports.LogTerminalGroup = LogTerminalGroup;
-
 var _react = require("react");
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
-
 var _ButtonGroup = _interopRequireDefault(require("@mui/material/ButtonGroup"));
-
 var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
-
 var _Terminal = _interopRequireDefault(require("@arcblock/terminal/lib/Terminal"));
-
 var _clock = _interopRequireDefault(require("./clock"));
-
 var _node = require("../contexts/node");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2;
-
 const _excluded = ["name", "logId", "types", "initialData", "prepend"],
-      _excluded2 = ["logFile"];
-
+  _excluded2 = ["logFile"];
 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; }
-
 /**
  * 按 level/destination 分类的一组 terminal
  */
 function LogTerminalGroup(_ref) {
   let {
-    name,
-    logId,
-    types,
-    initialData,
-    prepend
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      name,
+      logId,
+      types,
+      initialData,
+      prepend
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const {
     ws: {
       useSubscription
@@ -73,27 +52,27 @@ function LogTerminalGroup(_ref) {
   const isMobile = (0, _useMediaQuery.default)(theme => theme.breakpoints.down('md'));
   const [currentType, setCurrentType] = (0, _react.useState)(types[0]);
   const [logFiles, setLogFiles] = (0, _react.useState)();
-  const terminalRefs = (0, _react.useRef)({}); // 组件挂载时, 写入初始数据
+  const terminalRefs = (0, _react.useRef)({});
 
+  // 组件挂载时, 写入初始数据
   (0, _react.useEffect)(() => {
     types.forEach(type => {
       const terminal = terminalRefs.current[type];
-
       if (terminal) {
         terminal.write("Collecting ".concat(type, " logs for ").concat(name, "..."));
         terminal.write('\r\n\r\n');
         initialData.forEach(item => terminal.write(item));
       }
-    }); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []); // 监听 log 数据, 写入 terminal
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
+  // 监听 log 数据, 写入 terminal
   useSubscription("log.".concat(logId), log => {
     if (!logFiles) {
       setLogFiles(log.logFiles || {});
     }
-
     const terminal = terminalRefs.current[log.level];
-
     if (terminal) {
       terminal.write(log.data.replace(/.\n/g, p => p === '\r\n' ? p : "".concat(p[0], "\r\n\r\n")));
       terminal.write('\r\n\r\n');
@@ -131,7 +110,6 @@ function LogTerminalGroup(_ref) {
     })]
   }));
 }
-
 LogTerminalGroup.propTypes = {
   // log name, 比如: blocklet display name
   name: _propTypes.default.string.isRequired,
@@ -148,15 +126,12 @@ LogTerminalGroup.defaultProps = {
   initialData: [],
   prepend: null
 };
-
 const LogTerminalGroupRoot = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  .log-terminal-group-head {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding-bottom: 16px;\n\n    ", " {\n      flex-direction: column;\n      align-items: start;\n    }\n  }\n  .log-terminal-group-terminals {\n    flex: 1;\n    position: relative;\n    overflow: hidden;\n    > * {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n  }\n"])), props => props.theme.breakpoints.down('md'));
-
 const LogTerminal = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
   let {
-    logFile
-  } = _ref3,
-      rest = _objectWithoutProperties(_ref3, _excluded2);
-
+      logFile
+    } = _ref3,
+    rest = _objectWithoutProperties(_ref3, _excluded2);
   const terminalStyle = {
     width: '100%',
     boxSizing: 'border-box',
@@ -194,5 +169,4 @@ LogTerminal.propTypes = {
 LogTerminal.defaultProps = {
   logFile: ''
 };
-
 const LogTerminalRoot = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  .log-terminal-top {\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    padding: 8px;\n    font-size: 14px;\n    color: aquamarine;\n    background: darkgray;\n    word-break: break-word;\n  }\n  .log-terminal-container {\n    flex: 1;\n    height: 100%;\n    padding: 8px;\n    overflow: hidden;\n    background: #2c313c;\n  }\n\n  .xterm-viewport::-webkit-scrollbar {\n    width: 10px;\n  }\n  .xterm-viewport::-webkit-scrollbar-track {\n    opacity: 0;\n  }\n  .xterm-viewport::-webkit-scrollbar-thumb {\n    min-height: 20px;\n    background-color: #ffffff20;\n  }\n"])));