@blocklet/launcher-layout 1.9.6 → 1.9.7

package/lib/compact-layout.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 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 CompactLayout(_ref) {
   let {
     children,
@@ -32,12 +24,10 @@ function CompactLayout(_ref) {
   const [scrollMode, setScrollMode] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => {
     let inTimer;
-
     const fixSize = () => {
       if (inTimer) {
         return;
       }
-
       inTimer = setTimeout(() => {
         if (childsCon.current) {
           if (childsCon.current.scrollHeight > mainCon.current.clientHeight - compactCon.current.clientHeight) {
@@ -45,30 +35,24 @@ function CompactLayout(_ref) {
               onBottomFix('fix');
               isFix.current = 'fix';
             }
-
             setScrollMode(true);
           } else {
             if (isFix.current !== 'scroll') {
               onBottomFix('scroll');
               isFix.current = 'scroll';
             }
-
             setScrollMode(false);
           }
         }
-
         inTimer = null;
       }, 50);
     };
-
     let resizeObs;
-
     if (window.ResizeObserver) {
       resizeObs = new ResizeObserver(fixSize);
     } else {
       window.addEventListener('resize', fixSize);
     }
-
     resizeObs.observe(mainCon.current);
     resizeObs.observe(childsCon.current);
     return () => {
@@ -77,7 +61,6 @@ function CompactLayout(_ref) {
       } else {
         window.removeEventListener('resize', fixSize);
       }
-
       if (inTimer) {
         clearTimeout(inTimer);
       }
@@ -97,9 +80,7 @@ function CompactLayout(_ref) {
     })]
   });
 }
-
 const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  animation: fadein ease 0.5s;\n  &.scroll-mode {\n    .compact-context {\n      flex: 1;\n      overflow-y: auto;\n    }\n    .fix-container {\n      flex-shrink: 0;\n    }\n  }\n\n  @keyframes fadein {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n"])));
-
 CompactLayout.propTypes = {
   children: _propTypes.default.any,
   bottom: _propTypes.default.element.isRequired,

package/lib/content.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 Content(_ref) {
   let {
     children
@@ -25,11 +18,9 @@ function Content(_ref) {
     children: children
   });
 }
-
 Content.propTypes = {
   children: _propTypes.default.any.isRequired
 };
 var _default = Content;
 exports.default = _default;
-
 const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n\n  .center {\n    display: flex;\n    justify-content: center;\n  }\n\n  .page-title {\n    text-align: center;\n  }\n\n  .toolbar {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    .toolbar_title {\n      color: ", ";\n      font-size: 16px;\n    }\n  }\n\n  .page-footer {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    width: 100%;\n    background: ", ";\n\n    .create-button {\n      margin-right: 32px;\n    }\n\n    & > button,\n    .button {\n      margin: 0 8px;\n    }\n\n    ", " {\n      padding: 24px;\n      & > button,\n      .button {\n        margin: 0 12px;\n        min-width: 200px;\n      }\n    }\n\n    ", " {\n      margin-top: auto;\n      padding: 16px;\n    }\n  }\n"])), props => props.theme.palette.grey['900'], props => props.theme.palette.common.white, props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'));

package/lib/context/step.js

@@ -5,34 +5,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StepProvider = StepProvider;
 exports.useStepContext = useStepContext;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const StepContext = /*#__PURE__*/(0, _react.createContext)();
 const {
   Provider
 } = StepContext;
-
 const matchPath = function matchPath(path, exact) {
   let currentPathname = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : window.location.pathname.replace(/\/$/, '');
-
   if (!path) {
     return false;
   }
-
   if (exact) {
     return path === currentPathname;
   }
-
   return new RegExp(path).test(currentPathname);
 };
-
 function StepProvider(_ref) {
   let {
     children,
@@ -40,11 +30,9 @@ function StepProvider(_ref) {
     mode
   } = _ref;
   const [activeStepKey, setActiveStepKey] = (0, _react.useState)('');
-
   if (!activeStepKey && steps.length) {
     setActiveStepKey(steps[0].key);
   }
-
   const flatSteps = steps.map(item => {
     if (item.children) {
       return [{
@@ -57,13 +45,13 @@ function StepProvider(_ref) {
         };
       })];
     }
-
     return {
       key: item.key
     };
   }).flat(Infinity);
-  const totalSteps = flatSteps.filter(e => !e.hasChild); // 根据 key 获取当前 step 处于的状态；before已超过该步骤；current处于当前步骤；after还未到这个步骤；
+  const totalSteps = flatSteps.filter(e => !e.hasChild);
 
+  // 根据 key 获取当前 step 处于的状态；before已超过该步骤；current处于当前步骤；after还未到这个步骤；
   const getStepStatus = key => {
     let activeParentStepKey;
     const activeIndex = flatSteps.findIndex(e => {
@@ -71,35 +59,29 @@ function StepProvider(_ref) {
         activeParentStepKey = e.parentKey;
         return true;
       }
-
       return false;
     });
-
     if (activeParentStepKey === key) {
       return 'current';
     }
-
     const targetIndex = flatSteps.findIndex(e => e.key === key);
-
     if (targetIndex !== -1) {
       if (targetIndex === activeIndex) {
         return 'current';
       }
-
       if (targetIndex < activeIndex) {
         return 'before';
       }
     }
-
     return 'after';
-  }; // can use this to set the activeStep by key
-
+  };
 
+  // can use this to set the activeStep by key
   function setActiveStepByKey(key) {
     setActiveStepKey(key);
-  } // TODO: setIndex模式很难定位到child step，尽量使用key方式去定位
-
+  }
 
+  // TODO: setIndex模式很难定位到child step，尽量使用key方式去定位
   function setActiveStepByIndex(index) {
     if (typeof index === 'function') {
       const newIndex = index(totalSteps.findIndex(e => e.key === activeStepKey));
@@ -108,7 +90,6 @@ function StepProvider(_ref) {
       setActiveStepKey(totalSteps[index].key);
     }
   }
-
   const activeStep = totalSteps.findIndex(e => e.key === activeStepKey);
   (0, _react.useEffect)(() => {
     if (mode === 'history') {
@@ -120,24 +101,19 @@ function StepProvider(_ref) {
               stepKey = childStep.key;
               return true;
             }
-
             return false;
           });
         }
-
         if (matchPath(step.path, step.exact)) {
           stepKey = step.key;
           return true;
         }
-
         return false;
       });
-
       if (stepKey) {
         setActiveStepKey(stepKey);
       }
     }
-
     return () => {};
   }, [steps, mode]);
   const value = {
@@ -157,11 +133,9 @@ function StepProvider(_ref) {
     children: children
   });
 }
-
 function useStepContext() {
   return (0, _react.useContext)(StepContext);
 }
-
 StepProvider.propTypes = {
   children: _propTypes.default.any.isRequired,
   steps: _propTypes.default.array.isRequired,

package/lib/header.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 _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
-
 var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
-
 var _Avatar = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
-
 var _Img = _interopRequireDefault(require("@arcblock/ux/lib/Img"));
-
 var _defaultBlockletLogo = _interopRequireDefault(require("./assets/defaultBlockletLogo.png"));
-
 var _locale = require("./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 AppHeader(_ref) {
   let {
     title,
@@ -57,7 +43,6 @@ function AppHeader(_ref) {
     width: blockletSize,
     height: blockletSize
   });
-
   if (logoUrl) {
     blockletIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.default, {
       width: blockletSize,
@@ -75,7 +60,6 @@ function AppHeader(_ref) {
       size: blockletSize
     });
   }
-
   (0, _react.useEffect)(() => {
     if (appNameRef.current && appNameRef.current.offsetHeight > 34) {
       if (appNameSize === '') {
@@ -112,7 +96,6 @@ function AppHeader(_ref) {
     })]
   });
 }
-
 AppHeader.propTypes = {
   title: _propTypes.default.any,
   subTitle: _propTypes.default.any,
@@ -131,5 +114,4 @@ AppHeader.defaultProps = {
 };
 var _default = AppHeader;
 exports.default = _default;
-
 const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-start;\n  align-items: flex-start;\n  width: 100%;\n  ", " {\n    min-height: 70px;\n  }\n  ", " {\n    align-items: center;\n  }\n  .app-name-content {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    ", " {\n      align-items: flex-start;\n      flex-direction: column;\n    }\n    ", " {\n      height: 22px;\n    }\n  }\n  .launching-context {\n    flex-shrink: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: ", ";\n    ", " {\n      margin-bottom: 4px;\n    }\n    ", " {\n      font-size: 14px;\n      line-height: 15px;\n      &:after {\n        display: inline-block;\n        margin: 0 4px;\n        content: ':';\n      }\n    }\n  }\n\n  &.center-mode {\n    align-items: flex-start;\n    .launching-context {\n      ", " {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .app-icon {\n    flex-shrink: 0;\n    > * {\n      display: block;\n      vertical-align: middle;\n    }\n  }\n\n  .header-title {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    align-items: flex-start;\n    margin-left: 24px;\n    ", " {\n      margin-left: 16px;\n    }\n    .header-title-name {\n      position: relative;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      flex: 1;\n      height: 100%;\n      color: ", ";\n      font-weight: 700;\n      ", " {\n        font-size: 18px;\n\n        &.middle-size {\n          font-size: 16px;\n        }\n      }\n      ", " {\n        display: block;\n        max-width: calc(100vw - 100px);\n        font-size: 16px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n\n    .header-title-sub {\n      color: ", ";\n      font-size: 12px;\n      line-height: 16px;\n\n      ", " {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n"])), props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'), props => props.theme.palette.grey[500], props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'), props => props.theme.palette.common.black, props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'), props => props.theme.palette.grey[700], props => props.theme.breakpoints.down('md'));

package/lib/index.js

@@ -4,72 +4,45 @@ 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 _Hidden = _interopRequireDefault(require("@mui/material/Hidden"));
-
 var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
-
 var _Center = _interopRequireDefault(require("@arcblock/ux/lib/Center"));
-
 var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
-
 var _smallCircleProgress = _interopRequireDefault(require("@blocklet/launcher-ux/lib/small-circle-progress"));
-
 var _isObject = _interopRequireDefault(require("lodash/isObject"));
-
 var _step = require("./context/step");
-
 var _locale = require("./locale");
-
 var _header = _interopRequireDefault(require("./header"));
-
 var _nav = _interopRequireDefault(require("./nav"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["blockletMeta", "children", "logoUrl", "locale", "headerEndAddons", "pcWidth", "pcHeight", "navLogo", "useOfSkeleton", "stepTip"];
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
 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 MobileContent = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  padding-top: 68px;\n"])));
-
 const PcContent = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  max-width: 1245px;\n  min-width: 900px;\n  max-height: 880px;\n  border-radius: 8px;\n  background-color: #fff;\n"])));
-
 function Layout(_ref) {
   let {
-    blockletMeta,
-    children,
-    logoUrl,
-    locale,
-    headerEndAddons,
-    pcWidth,
-    pcHeight,
-    navLogo,
-    useOfSkeleton,
-    stepTip
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      blockletMeta,
+      children,
+      logoUrl,
+      locale,
+      headerEndAddons,
+      pcWidth,
+      pcHeight,
+      navLogo,
+      useOfSkeleton,
+      stepTip
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const isMobile = (0, _useMediaQuery.default)(theme => theme.breakpoints.down('md'));
   const {
     activeStep,
@@ -77,7 +50,6 @@ function Layout(_ref) {
   } = (0, _step.useStepContext)();
   const Container = isMobile ? MobileContent : PcContent;
   const translations = (0, _locale.getTranslations)(locale);
-
   if (navLogo && ! /*#__PURE__*/(0, _react.isValidElement)(navLogo) && (0, _isObject.default)(navLogo)) {
     if (isMobile) {
       // eslint-disable-next-line no-param-reassign
@@ -89,7 +61,6 @@ function Layout(_ref) {
       });
     }
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, _objectSpread(_objectSpread({}, rest), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("header", {
       className: "root-header",
@@ -147,7 +118,6 @@ function Layout(_ref) {
     })]
   }));
 }
-
 Layout.propTypes = {
   blockletMeta: _propTypes.default.object.isRequired,
   children: _propTypes.default.object.isRequired,
@@ -169,18 +139,15 @@ Layout.defaultProps = {
   navLogo: '',
   useOfSkeleton: true,
   stepTip: ''
-}; // 针对 safari 下的 chrome 适配
+};
 
+// 针对 safari 下的 chrome 适配
 const ua = navigator.userAgent.toLocaleLowerCase();
 let injectStyle = '';
-
 if (ua.includes('iphone os') && ua.includes('crios')) {
   injectStyle = 'height: calc(100vh - 60px);';
 }
-
 const Root = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  letter-spacing: normal;\n  ", "\n\n  .circular {\n    display: inline-block;\n    position: relative;\n    width: 15px;\n    height: 12px;\n    > * {\n      position: absolute;\n      left: 3px;\n      top: 2px;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .ellipsis-title {\n    flex: 1;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    ", " {\n      left: 26px;\n      width: calc(100% - 26px);\n    }\n  }\n\n  ", " {\n    background: #f6f8fa;\n  }\n\n  ", " {\n    background: ", ";\n  }\n\n  .root-header {\n    box-sizing: border-box;\n    position: absolute;\n    z-index: 200;\n    top: 0;\n    display: flex;\n    width: 100%;\n    max-width: 1245px;\n    height: 68px;\n    align-items: center;\n\n    ", " {\n      padding: 24px;\n      justify-content: flex-end;\n    }\n\n    ", " {\n      height: 56px;\n      padding: 14px 16px;\n      justify-content: space-between;\n      background: #f6f8fa;\n    }\n\n    .left {\n      flex: 1;\n      display: flex;\n      align-items: center;\n    }\n\n    .right {\n      display: flex;\n      align-items: center;\n      ", " {\n        button,\n        a {\n          padding-left: 8px;\n          padding-right: 8px;\n        }\n      }\n    }\n  }\n"])), injectStyle, props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'), props => props.theme.palette.common.white, props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.down('md'));
-
 const LogoContainer = _styled.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: block;\n  margin-top: 4px;\n"])));
-
 var _default = Layout;
 exports.default = _default;

package/lib/launch-result-message.js

@@ -4,67 +4,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-
 var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
-
 var _PriorityHigh = _interopRequireDefault(require("@mui/icons-material/PriorityHigh"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["variant", "title", "subTitle", "footer"];
-
 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 LaunchResultMessage(_ref) {
   let {
-    variant,
-    title,
-    subTitle,
-    footer
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      variant,
+      title,
+      subTitle,
+      footer
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   let Icon;
-
   switch (variant) {
     case 'error':
       Icon = _Close.default;
       break;
-
     case 'info':
       Icon = _PriorityHigh.default;
       break;
-
     case 'loading':
       Icon = _Spinner.default;
       break;
-
     default:
       Icon = _Check.default;
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, _objectSpread(_objectSpread({
     variant: variant
   }, props), {}, {
@@ -86,7 +63,6 @@ function LaunchResultMessage(_ref) {
     })
   }));
 }
-
 LaunchResultMessage.propTypes = {
   variant: _propTypes.default.oneOf(['success', 'error', 'info', 'loading']),
   title: _propTypes.default.string,
@@ -101,5 +77,4 @@ LaunchResultMessage.defaultProps = {
 };
 var _default = LaunchResultMessage;
 exports.default = _default;
-
 const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  width: 100%;\n  height: 100%;\n\n  .result-body {\n    padding: 0 14px;\n    max-width: 500px;\n    text-align: center;\n    margin-top: -64px;\n  }\n\n  .result-icon {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 24px;\n    width: 48px;\n    height: 48px;\n    border-radius: 100%;\n    color: ", ";\n    transition: all ease 0.3s;\n    &.color-success {\n      background-color: ", ";\n    }\n    &.color-error {\n      background-color: ", ";\n    }\n    &.color-info {\n      background-color: ", ";\n    }\n  }\n\n  .result-title {\n    height: 34px;\n    font-size: 24px;\n    margin-bottom: 8px;\n    font-weight: bolder;\n    transition: all ease 0.3s;\n    transition-delay: 0.2s;\n    &.color-success {\n      color: ", ";\n    }\n    &.color-error {\n      color: ", ";\n    }\n    &.color-info {\n      color: ", ";\n    }\n    &.ele-hide {\n      height: 0;\n      opacity: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  .result-sub-title {\n    margin: 0 auto;\n    min-height: 17px;\n    color: ", ";\n    font-size: 14px;\n    line-height: 1.21em; // 0.01\u53EF\u4EE5\u89E3\u51B3\u89C6\u7F51\u819C\u5C4F\u8F7B\u5FAE\u504F\u79FB\u95EE\u9898\n    transition: all ease 0.3s;\n    transition-delay: 0.2s;\n    word-break: break-word;\n    &.ele-hide {\n      line-height: 0;\n      opacity: 0;\n      min-height: 0;\n    }\n  }\n\n  .result-footer {\n    padding-top: 24px;\n    transition: all ease 0.3s;\n    transition-delay: 0.2s;\n  }\n"])), props => props.theme.palette.common.white, props => props.theme.palette.success.main, props => props.theme.palette.error.main, props => props.theme.palette.primary.main, props => props.theme.palette.success.main, props => props.theme.palette.error.main, props => props.theme.palette.primary.main, props => props.theme.palette.grey[700]);

package/lib/locale.js

@@ -10,11 +10,8 @@ const translations = {
     stepTip: '启动步骤'
   }
 };
-
 const getTranslations = locale => translations[locale] ? translations[locale] : translations.en;
-
 const getLaunchingText = locale => locale === 'zh' ? '启动' : 'Launching';
-
 module.exports = {
   getTranslations,
   getLaunchingText

package/lib/nav.js

@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _urlJoin = _interopRequireDefault(require("url-join"));
-
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-
 var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
-
 var _header = _interopRequireDefault(require("./header"));
-
 var _step = require("./context/step");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2, _templateObject3;
-
 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 Nav(_ref) {
   let {
     blockletMeta,
@@ -43,53 +31,41 @@ function Nav(_ref) {
     canBackToStep
   } = (0, _step.useStepContext)();
   const showSkeleton = useOfSkeleton ? !blockletMeta || !blockletMeta.title : false;
-
   const getNodeClassName = (step, index) => {
     const classNameList = ['step-block'];
     const status = getStepStatus(step.key);
-
     switch (status) {
       case 'current':
         classNameList.push('step-active');
         break;
-
       case 'before':
         classNameList.push('step-checked');
         break;
-
       case 'after':
       default:
     }
-
     switch (step.showChild) {
       case 'activated':
         if (status === 'after') {
           classNameList.push('hide-step-child');
         }
-
         break;
-
       case 'activating':
         if (status === 'after' || status === 'before') {
           classNameList.push('hide-step-child');
         }
-
         break;
-
       case 'always':
         classNameList.push('always-step-child');
         break;
-
       default:
     }
-
     if (step.optional === true && activeStep < index) {
       classNameList.push('step-optional'); // optional在没有匹配到路由情况下会隐藏；超越这个步骤后就会一直出现
     }
 
     return classNameList.join(' ');
   };
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
       title: /*#__PURE__*/(0, _jsxRuntime.jsx)(AppLink, {
@@ -130,7 +106,6 @@ function Nav(_ref) {
                     setActiveStepByKey(step.key);
                     return;
                   }
-
                   setActiveStepByIndex(index);
                 }
               },
@@ -146,20 +121,16 @@ function Nav(_ref) {
               children: step.children.map(e => {
                 let className = '';
                 const childStepStatus = getStepStatus(e.key);
-
                 switch (childStepStatus) {
                   case 'before':
                     className = 'step-child-block-checked';
                     break;
-
                   case 'current':
                     className = 'step-child-block-active';
                     break;
-
                   case 'after':
                   default:
                 }
-
                 return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                   className: "step-child-block ".concat(className),
                   children: e.name
@@ -172,13 +143,9 @@ function Nav(_ref) {
     })]
   });
 }
-
 const AppLink = _styled.default.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  text-decoration: none;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  font-family: Lato, Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,\n    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n  text-decoration: none;\n  font-weight: 700;\n  -webkit-font-smoothing: antialiased;\n\n  ", " {\n    display: block;\n    max-width: calc(100vw - 150px);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n"])), props => props.theme.palette.common.black, props => props.theme.breakpoints.down('md'));
-
 const Div = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  overflow-y: auto;\n  ", " {\n    padding: 24px;\n    border-right: 1px solid ", ";\n    flex: 0 0 280px;\n    min-height: 48px;\n\n    .MuiStepConnector-vertical {\n      padding: 0;\n    }\n  }\n\n  ", " {\n    padding: 16px;\n\n    .MuiStepConnector-lineVertical {\n      border: none;\n    }\n  }\n\n  .stepper {\n    padding: 0 !important;\n    background: transparent;\n\n    ", " {\n      margin-top: 100px;\n    }\n\n    ", " {\n      margin-top: 40px;\n    }\n\n    .step {\n      cursor: pointer;\n    }\n  }\n\n  .always-step-child {\n    .step-child-block {\n      animation: none !important;\n    }\n  }\n"])), props => props.theme.breakpoints.up('md'), props => props.theme.palette.grey[100], props => props.theme.breakpoints.down('md'), props => props.theme.breakpoints.up('sm'), props => props.theme.breakpoints.down('md'));
-
 const StepContainer = _styled.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin-top: 60px;\n  ", " {\n    margin-top: 30px;\n  }\n  .step-clickable {\n    cursor: pointer;\n    &:hover {\n      color: ", ";\n    }\n  }\n  .step-line {\n    display: block;\n    position: absolute;\n    z-index: 1;\n    left: 11px;\n    top: 12px;\n    width: 2px;\n    height: 100%;\n    opacity: 0.5;\n    background-color: ", ";\n    transition: all ease 0.2s;\n  }\n  .step-icon {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-shrink: 0;\n    justify-content: center;\n    align-items: center;\n    width: 24px;\n    height: 24px;\n    border-radius: 13px;\n    background-color: ", ";\n    color: ", ";\n    transition: all ease 0.3s;\n    &:before {\n      position: absolute;\n      left: 4px;\n      top: 4px;\n      z-index: 3;\n      display: block;\n      background-color: ", ";\n      width: 16px;\n      height: 16px;\n      border-radius: 10px;\n      content: '';\n      transform: scale(0);\n      transition: all ease 0.3s;\n    }\n    & > * {\n      transform: scale(0);\n      transition: all ease 0.2s;\n    }\n  }\n  .step-content {\n    position: relative;\n    flex: 1;\n    padding-top: 1px;\n    margin-left: 22px;\n    font-size: 16px;\n    color: ", ";\n    white-space: nowrap;\n  }\n  .step-desc {\n    margin-top: 24px;\n    font-size: 12px;\n    font-weight: 500;\n    height: 17px;\n    color: ", ";\n    transition: all ease 0.3s;\n    overflow: hidden;\n  }\n  ", " {\n    .step-content-name {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n  &.hide-child-step-desc {\n    .step-desc {\n      margin: 0;\n      opacity: 0;\n      height: 0;\n    }\n  }\n  .step-block {\n    position: relative;\n    display: flex;\n    min-height: 70px;\n    opacity: 0.5;\n    overflow: hidden;\n    transition: all ease 0.2s;\n    &:last-child {\n      height: auto;\n      min-height: auto;\n    }\n    &.step-optional {\n      height: 0;\n      opacity: 0;\n      min-height: 0px;\n    }\n\n    &.step-checked,\n    &.step-active {\n      .step-desc {\n        margin: 0;\n        opacity: 0;\n        height: 0;\n      }\n    }\n\n    &.step-checked {\n      opacity: 1;\n      .step-icon {\n        color: ", ";\n        background-color: ", ";\n        & > * {\n          transform: scale(1);\n        }\n      }\n\n      .step-line {\n        background-color: ", ";\n        opacity: 1;\n      }\n    }\n\n    &.step-active {\n      opacity: 1;\n      .step-icon {\n        background-color: ", ";\n      }\n      .step-icon:before {\n        transform: scale(1);\n      }\n      .step-content {\n        color: ", ";\n      }\n    }\n\n    &:last-child {\n      .step-line {\n        display: none;\n      }\n\n      .step-child-block {\n        &:last-child {\n          padding-bottom: 0;\n        }\n      }\n    }\n\n    &.hide-step-child {\n      .step-children {\n        .step-child-block {\n          margin-top: 0;\n          height: 0;\n          opacity: 0;\n          &:last-child {\n            padding-bottom: 0;\n          }\n        }\n      }\n    }\n  }\n  .step-children {\n    padding-top: 20px;\n    .step-child-block {\n      margin-top: 4px;\n      height: 24px;\n      line-height: 24px;\n      font-size: 14px;\n      color: #9397a1;\n      transition: all ease 0.3s;\n      &:first-of-type {\n        margin-top: 8px;\n      }\n      &:last-child {\n        padding-bottom: 40px;\n      }\n      &.step-child-block-active {\n        color: ", ";\n        font-weight: 700;\n      }\n      &.step-child-block-checked {\n        color: ", ";\n      }\n    }\n  }\n\n  .step-active {\n    .step-child-block {\n      animation: stepChildAnime ease 0.3s;\n    }\n  }\n\n  @keyframes stepChildAnime {\n    0% {\n      height: 0;\n    }\n    100% {\n      height: 24px;\n    }\n  }\n"])), props => props.theme.breakpoints.down('md'), props => props.theme.palette.primary.main, props => props.theme.palette.grey[400], props => props.theme.palette.grey[400], props => props.theme.palette.common.white, props => props.theme.palette.common.white, props => props.theme.palette.grey[700], props => props.theme.palette.grey[700], props => props.theme.breakpoints.up('md'), props => props.theme.palette.common.white, props => props.theme.palette.primary.main, props => props.theme.palette.primary.main, props => props.theme.palette.primary.main, props => props.theme.palette.primary.main, props => props.theme.palette.common.black, props => props.theme.palette.common.black);
-
 Nav.propTypes = {
   blockletMeta: _propTypes.default.object.isRequired,
   logoUrl: _propTypes.default.string,

package/lib/page-header.js

@@ -4,41 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ArrowBackIos = _interopRequireDefault(require("@mui/icons-material/ArrowBackIos"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["title", "subTitle", "onClickBack"];
-
 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 PageHeader(_ref) {
   let {
-    title,
-    subTitle,
-    onClickBack
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      title,
+      subTitle,
+      onClickBack
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Content, _objectSpread(_objectSpread({}, rest), {}, {
     children: [onClickBack && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowBackIos.default, {
       className: "back-btn",
@@ -52,9 +37,7 @@ function PageHeader(_ref) {
     })]
   }));
 }
-
 const Content = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  width: 100%;\n  text-align: center;\n\n  .title {\n    font-size: 24px;\n    font-weight: 700;\n    color: ", ";\n  }\n\n  .sub-title {\n    font-size: 14px;\n    color: ", ";\n    padding: 0 14px;\n    font-weight: 400;\n  }\n\n  .back-btn {\n    position: absolute;\n    left: 25px;\n    top: 8px;\n    color: #9397a1;\n    font-size: 18px;\n    cursor: pointer;\n  }\n"])), props => props.theme.palette.common.black, props => props.theme.palette.grey[600]);
-
 var _default = PageHeader;
 exports.default = _default;
 PageHeader.propTypes = {

package/lib/theme-provider.js

@@ -5,22 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ThemeProvider = exports.default = ThemeProvider;
 exports.useThemeContext = useThemeContext;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react2 = require("@emotion/react");
-
 var _Theme = require("@arcblock/ux/lib/Theme");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const defaultTheme = (0, _Theme.create)({});
 const ThemeContext = /*#__PURE__*/(0, _react.createContext)({});
-
 function ThemeProvider() {
   let {
     children: _children,
@@ -30,7 +22,6 @@ function ThemeProvider() {
   (0, _react.useEffect)(() => {
     if (_theme && typeof _theme === 'object') setTheme(_theme);
   }, [_theme]);
-
   if (theme) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(ThemeContext.Provider, {
       value: theme,
@@ -47,15 +38,12 @@ function ThemeProvider() {
       })
     });
   }
-
   return _children;
 }
-
 ThemeProvider.propTypes = {
   children: _propTypes.default.any.isRequired,
   theme: _propTypes.default.object.isRequired
 };
-
 function useThemeContext() {
   return (0, _react.useContext)(ThemeContext);
 }

package/lib/wizard/server-eula.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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
-
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-
 var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-
 var _submit = _interopRequireDefault(require("@blocklet/launcher-ux/lib/hot-key/submit"));
-
 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 ServerEula(_ref) {
   let {
     onContinue,
@@ -36,9 +24,7 @@ function ServerEula(_ref) {
     description
   } = _ref;
   const [open, setOpen] = (0, _react.useState)(false);
-
   const handleOpen = () => setOpen(x => !x);
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Div, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_submit.default, {
@@ -69,7 +55,6 @@ function ServerEula(_ref) {
     })]
   });
 }
-
 ServerEula.propTypes = {
   onContinue: _propTypes.default.func.isRequired,
   nextDisabled: _propTypes.default.bool,
@@ -87,8 +72,6 @@ ServerEula.defaultProps = {
     buttonNext: ''
   }
 };
-
 const Div = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0 auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  @media (max-width: ", "px) {\n    flex-direction: column;\n  }\n\n  .eula-trigger {\n    cursor: pointer;\n    text-decoration: underline;\n    ", " {\n      padding-right: 24px;\n    }\n    ", " {\n      padding: 16px;\n    }\n    font-size: 14px;\n    white-space: nowrap;\n    &:hover {\n      color: ", ";\n    }\n  }\n\n  .next-button {\n    min-width: 200px;\n  }\n"])), props => props.theme.breakpoints.values.sm, props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('md'), props => props.theme.palette.primary.main);
-
 var _default = ServerEula;
 exports.default = _default;

package/lib/wizard/wizard-desc.js

@@ -4,46 +4,28 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _util = require("@blocklet/meta/lib/util");
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _rehypeReact = _interopRequireDefault(require("rehype-react"));
-
 var _Table = _interopRequireDefault(require("@mui/material/Table"));
-
 var _TableBody = _interopRequireDefault(require("@mui/material/TableBody"));
-
 var _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
-
 var _TableContainer = _interopRequireDefault(require("@mui/material/TableContainer"));
-
 var _TableRow = _interopRequireDefault(require("@mui/material/TableRow"));
-
 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) } })); }
-
 const isFreeBlocklet = meta => {
   if (!meta.payment) {
     return true;
   }
-
   const priceList = (meta.payment.price || []).map(x => x.value || 0);
   return priceList.every(x => x === 0);
 };
-
 const renderAst = new _rehypeReact.default({
   createElement: _react.createElement
 }).Compiler;
@@ -75,7 +57,6 @@ const localeData = {
     }
   }
 };
-
 function WizardDesc(_ref) {
   let {
     blockletMeta,
@@ -106,14 +87,12 @@ function WizardDesc(_ref) {
     key: (0, _get.default)(localeData[locale], 'appinfo.description'),
     value: data.description
   }];
-
   if (data.requirements) {
     infos.push({
       key: (0, _get.default)(localeData[locale], 'appinfo.requirements'),
       value: data.requirements.server
     });
   }
-
   if (data.community) {
     infos.push({
       key: (0, _get.default)(localeData[locale], 'appinfo.community'),
@@ -125,7 +104,6 @@ function WizardDesc(_ref) {
       })
     });
   }
-
   if (data.documentation) {
     infos.push({
       key: (0, _get.default)(localeData[locale], 'appinfo.documentation'),
@@ -137,7 +115,6 @@ function WizardDesc(_ref) {
       })
     });
   }
-
   if (data.support) {
     infos.push({
       key: (0, _get.default)(localeData[locale], 'appinfo.support'),
@@ -149,16 +126,13 @@ function WizardDesc(_ref) {
       })
     });
   }
-
   if (blockletDesc) {
     infos.push({
       key: (0, _get.default)(localeData[locale], 'appinfo.overview'),
       value: ''
     });
   }
-
   let descEle;
-
   if (locale === 'zh') {
     descEle = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [isFree ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
@@ -196,7 +170,6 @@ function WizardDesc(_ref) {
       })]
     });
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
     children: [handleDescEle || descEle, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "info-table",
@@ -233,9 +206,7 @@ function WizardDesc(_ref) {
     })]
   });
 }
-
 const Container = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .info-table {\n    a {\n      word-break: break-all;\n    }\n  }\n  .app-overview {\n    font-size: 16px;\n    margin: 16px 0 0 16px;\n    h1 {\n      margin: 8px 0;\n      font-size: 20px;\n    }\n    h2 {\n      margin: 8px 0;\n      font-size: 18px;\n    }\n    ul {\n      display: block;\n      list-style-type: disc;\n      padding-left: 2em;\n      li {\n        display: list-item;\n        list-style: disc;\n      }\n    }\n    blockquote {\n      margin-left: 2em;\n    }\n  }\n"])));
-
 WizardDesc.propTypes = {
   blockletMeta: _propTypes.default.object.isRequired,
   locale: _propTypes.default.string.isRequired,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-layout",
-  "version": "1.9.6",
+  "version": "1.9.7",
   "description": "Common ux components of launcher",
   "publishConfig": {
     "access": "public"
@@ -40,7 +40,7 @@
     "@arcblock/did-connect": "^2.4.47",
     "@arcblock/icons": "^2.4.47",
     "@arcblock/ux": "^2.4.47",
-    "@blocklet/launcher-ux": "1.9.6",
+    "@blocklet/launcher-ux": "1.9.7",
     "@blocklet/meta": "^1.8.30",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
@@ -53,11 +53,11 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.19.3",
-    "@babel/core": "^7.19.3",
+    "@babel/core": "^7.19.6",
     "@babel/preset-env": "^7.19.4",
     "@babel/preset-react": "^7.18.6",
     "@storybook/react": "^6.5.12",
     "babel-plugin-inline-react-svg": "^2.0.1"
   },
-  "gitHead": "fec23d503df86a21691ec929f817c9d9bb19273d"
+  "gitHead": "b6cf491754be433c5317f173537385ede77997fb"
 }