@blocklet/launcher-layout 1.5.68 → 1.5.71

package/lib/index.js

@@ -53,7 +53,8 @@ function Layout(_ref) {
     locale,
     headerEndAddons,
     pcWidth,
-    pcHeight
+    pcHeight,
+    navLogo
   } = _ref;
   const [openNav, setOpenNav] = (0, _react.useState)(false);
   const isMobile = (0, _useMediaQuery.default)(theme => theme.breakpoints.down('sm'));
@@ -86,7 +87,9 @@ function Layout(_ref) {
     logoUrl: logoUrl,
     did: blockletMeta.did,
     locale: locale
-  }))), headerEndAddons && /*#__PURE__*/_react.default.createElement("div", {
+  }))), navLogo && !isMobile && /*#__PURE__*/_react.default.createElement("div", {
+    className: "left"
+  }, navLogo), headerEndAddons && /*#__PURE__*/_react.default.createElement("div", {
     className: "right"
   }, headerEndAddons)), /*#__PURE__*/_react.default.createElement(_Hidden.default, {
     mdUp: true
@@ -119,14 +122,16 @@ Layout.propTypes = {
   locale: _propTypes.default.oneOf(['en', 'zh']),
   headerEndAddons: _propTypes.default.any,
   pcWidth: _propTypes.default.any,
-  pcHeight: _propTypes.default.any
+  pcHeight: _propTypes.default.any,
+  navLogo: _propTypes.default.any
 };
 Layout.defaultProps = {
   logoUrl: '',
   locale: 'en',
   headerEndAddons: null,
   pcWidth: '80%',
-  pcHeight: '80%'
+  pcHeight: '80%',
+  navLogo: ''
 }; // 针对 safari 下的 chrome 适配
 
 const ua = navigator.userAgent.toLocaleLowerCase();

package/lib/launch-result-message.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = LaunchResultMessage;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
+
+var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
+
+var _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
+
+var _PriorityHigh = _interopRequireDefault(require("@material-ui/icons/PriorityHigh"));
+
+const _excluded = ["variant", "title", "subTitle", "footer"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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);
+
+  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__*/_react.default.createElement(Container, Object.assign({
+    variant: variant
+  }, props), /*#__PURE__*/_react.default.createElement("div", {
+    className: "result-body"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "result-icon color-".concat(variant)
+  }, /*#__PURE__*/_react.default.createElement(Icon, null)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "result-title color-".concat(variant, " ").concat(title ? '' : 'ele-hide')
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: "result-sub-title ".concat(subTitle ? '' : 'ele-hide')
+  }, subTitle), /*#__PURE__*/_react.default.createElement("div", {
+    className: "result-footer ".concat(footer ? '' : 'ele-hide')
+  }, footer)));
+}
+
+LaunchResultMessage.propTypes = {
+  variant: _propTypes.default.oneOf(['success', 'error', 'info', 'loading']),
+  title: _propTypes.default.string,
+  subTitle: _propTypes.default.string,
+  footer: _propTypes.default.any
+};
+LaunchResultMessage.defaultProps = {
+  variant: 'success',
+  title: '',
+  subTitle: '',
+  footer: null
+};
+
+const Container = _styledComponents.default.div.withConfig({
+  displayName: "launch-result-message__Container",
+  componentId: "sc-msneii-0"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;.result-body{max-width:500px;text-align:center;margin-top:-64px;}.result-icon{display:inline-flex;justify-content:center;align-items:center;margin-bottom:24px;width:48px;height:48px;border-radius:100%;color:", ";transition:all ease 0.3s;&.color-success{background-color:", ";}&.color-error{background-color:", ";}&.color-info{background-color:", ";}}.result-title{height:34px;font-size:24px;margin-bottom:8px;font-weight:bolder;transition:all ease 0.3s;&.ele-hide{height:0;opacity:0;margin-bottom:0;}&.color-success{color:", ";}&.color-error{color:", ";}&.color-info{color:", ";}&.ele-hide{line-height:0;opacity:0;}}.result-sub-title{margin:0 auto;max-width:90%;color:", ";font-size:14px;line-height:1.21em;transition:all ease 0.3s;&.ele-hide{line-height:0;opacity:0;}}.result-footer{margin-top:38px;height:70px;overflow:hidden;transition:all ease 0.3s;&.ele-hide{margin-top:0;height:0;opacity:0;}}"], 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/nav.js

@@ -89,7 +89,7 @@ function Nav(_ref) {
 const AppLink = _styledComponents.default.a.withConfig({
   displayName: "nav__AppLink",
   componentId: "sc-1qwhj4c-0"
-})(["color:", ";text-decoration:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:'Roboto, Helvetica, Arial, sans-serif';text-decoration:none;font-weight:500;-webkit-font-smoothing:antialiased;", "{display:block;max-width:calc(100vw - 150px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"], props => props.theme.palette.common.black, props => props.theme.breakpoints.down('sm'));
+})(["color:", ";text-decoration:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Lato,Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';text-decoration:none;font-weight:700;-webkit-font-smoothing:antialiased;", "{display:block;max-width:calc(100vw - 150px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"], props => props.theme.palette.common.black, props => props.theme.breakpoints.down('sm'));
 
 const Div = _styledComponents.default.div.withConfig({
   displayName: "nav__Div",
@@ -99,7 +99,7 @@ const Div = _styledComponents.default.div.withConfig({
 const StepContainer = _styledComponents.default.div.withConfig({
   displayName: "nav__StepContainer",
   componentId: "sc-1qwhj4c-2"
-})(["display:flex;flex-direction:column;margin-top:60px;", "{margin-top:30px;}.step-line{display:block;position:absolute;z-index:1;left:11px;top:12px;width:2px;height:100%;background-color:", ";}.step-icon{position:relative;z-index:2;display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;border-radius:13px;background-color:", ";color:", ";transition:all ease 0.3s;&:before{position:absolute;left:4px;top:4px;z-index:3;display:block;background-color:", ";width:16px;height:16px;border-radius:10px;content:'';transform:scale(0);transition:all ease 0.3s;}& > *{transform:scale(0);transition:all ease 0.2s;}}.step-name{position:relative;flex:1;padding-top:1px;margin-left:22px;font-size:16px;color:", ";}.step-name-content{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;text-overflow:ellipsis;}.step-block{position:relative;display:flex;height:70px;overflow:hidden;transition:all ease 0.2s;&.step-optional{height:0;opacity:0;}&.step-checked{.step-icon{color:", ";background-color:", ";& > *{transform:scale(1);}}.step-line{background-color:", ";}}&.step-active{.step-icon{background-color:", ";}.step-icon:before{transform:scale(1);}.step-name{color:", ";}}&:last-child{.step-line{display:none;}}}"], props => props.theme.breakpoints.down('sm'), 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.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);
+})(["display:flex;flex-direction:column;margin-top:60px;", "{margin-top:30px;}.step-line{display:block;position:absolute;z-index:1;left:11px;top:12px;width:2px;height:100%;opacity:0.5;background-color:", ";transition:all ease 0.2s;}.step-icon{position:relative;z-index:2;display:flex;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;border-radius:13px;background-color:", ";color:", ";transition:all ease 0.3s;&:before{position:absolute;left:4px;top:4px;z-index:3;display:block;background-color:", ";width:16px;height:16px;border-radius:10px;content:'';transform:scale(0);transition:all ease 0.3s;}& > *{transform:scale(0);transition:all ease 0.2s;}}.step-name{position:relative;flex:1;padding-top:1px;margin-left:22px;font-size:16px;color:", ";white-space:nowrap;}", "{.step-name-content{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;text-overflow:ellipsis;}}.step-block{position:relative;display:flex;height:70px;opacity:0.5;overflow:hidden;transition:all ease 0.2s;&.step-optional{height:0;opacity:0;}&.step-checked{opacity:1;.step-icon{color:", ";background-color:", ";& > *{transform:scale(1);}}.step-line{background-color:", ";opacity:1;}}&.step-active{opacity:1;.step-icon{background-color:", ";}.step-icon:before{transform:scale(1);}.step-name{color:", ";}}&:last-child{.step-line{display:none;}}}"], props => props.theme.breakpoints.down('sm'), 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.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);
 
 Nav.propTypes = {
   blockletMeta: _propTypes.default.object.isRequired,

package/lib/page-header.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function PageHeader(_ref) {
+  let {
+    title,
+    subTitle
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(Content, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "title"
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: "sub-title"
+  }, subTitle));
+}
+
+const Content = _styledComponents.default.div.withConfig({
+  displayName: "page-header__Content",
+  componentId: "sc-1j6254k-0"
+})(["width:100%;text-align:center;.title{font-size:24px;font-weight:700;color:", ";}.sub-title{font-size:14px;color:", ";padding:0 14px;font-weight:400;}"], props => props.theme.palette.common.black, props => props.theme.palette.grey[600]);
+
+var _default = PageHeader;
+exports.default = _default;
+PageHeader.propTypes = {
+  title: _propTypes.default.string,
+  subTitle: _propTypes.default.string
+};
+PageHeader.defaultProps = {
+  title: '',
+  subTitle: ''
+};

package/lib/wizard/server-eula.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ServerEula;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+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"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/* eslint-disable react/jsx-wrap-multilines */
+function ServerEula(_ref) {
+  let {
+    onContinue,
+    nextDisabled,
+    launching,
+    texts,
+    description
+  } = _ref;
+  const [open, setOpen] = (0, _react.useState)(false);
+
+  const handleOpen = () => setOpen(x => !x);
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Div, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "eula-trigger",
+    onClick: handleOpen
+  }, texts.listenName), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    disabled: nextDisabled,
+    color: "primary",
+    variant: "contained",
+    className: "next-button",
+    onClick: onContinue
+  }, launching ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+    size: 14
+  }), texts.launchingText) : texts.buttonNext)), /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    open: open,
+    title: texts.listenName,
+    onClose: () => setOpen(false)
+  }, description));
+}
+
+ServerEula.propTypes = {
+  onContinue: _propTypes.default.func.isRequired,
+  nextDisabled: _propTypes.default.bool,
+  launching: _propTypes.default.bool,
+  description: _propTypes.default.any,
+  texts: _propTypes.default.object
+};
+ServerEula.defaultProps = {
+  nextDisabled: false,
+  launching: false,
+  description: '',
+  texts: {
+    listenName: '',
+    launchingText: '',
+    buttonNext: ''
+  }
+};
+
+const Div = _styledComponents.default.div.withConfig({
+  displayName: "server-eula__Div",
+  componentId: "sc-66fg47-0"
+})(["margin:0 auto;display:flex;justify-content:space-between;align-items:center;@media (max-width:", "px){flex-direction:column;}.eula-trigger{cursor:pointer;", "{padding-right:24px;}", "{padding-top:16px;padding-bottom:16px;}font-size:14px;white-space:nowrap;&:hover{color:", ";}}.next-button{min-width:200px;}"], props => props.theme.breakpoints.values.sm, props => props.theme.breakpoints.up('md'), props => props.theme.breakpoints.down('sm'), props => props.theme.palette.primary.main);

package/lib/wizard/wizard-desc.js

@@ -0,0 +1,184 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _util = require("@blocklet/meta/lib/util");
+
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _rehypeReact = _interopRequireDefault(require("rehype-react"));
+
+var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
+
+var _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody"));
+
+var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
+
+var _TableContainer = _interopRequireDefault(require("@material-ui/core/TableContainer"));
+
+var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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;
+const localeData = {
+  zh: {
+    appinfo: {
+      name: '应用名',
+      version: '版本号',
+      author: '开发者',
+      description: '描述',
+      community: '社区地址',
+      documentation: '文档手册',
+      support: '服务支持',
+      overview: '概述'
+    }
+  },
+  en: {
+    appinfo: {
+      name: 'Name',
+      version: 'Version',
+      author: 'Author',
+      description: 'Description',
+      community: 'Community',
+      documentation: 'Documentation',
+      support: 'Support',
+      overview: 'Overview'
+    }
+  }
+};
+
+function WizardDesc(_ref) {
+  let {
+    blockletMeta,
+    locale
+  } = _ref;
+  const {
+    data
+  } = blockletMeta;
+  const name = (0, _util.getDisplayName)({
+    meta: data
+  });
+  const blockletDesc = data && data.htmlAst ? renderAst(data.htmlAst) : '';
+  const isFree = isFreeBlocklet(data);
+  const infos = [{
+    key: (0, _lodash.default)(localeData[locale], 'appinfo.name'),
+    value: (0, _util.getDisplayName)({
+      meta: data
+    })
+  }, {
+    key: (0, _lodash.default)(localeData[locale], 'appinfo.version'),
+    value: data.version
+  }, {
+    key: (0, _lodash.default)(localeData[locale], 'appinfo.author'),
+    value: (0, _lodash.default)(data, 'author.name')
+  }, {
+    type: 'description',
+    key: (0, _lodash.default)(localeData[locale], 'appinfo.description'),
+    value: data.description
+  }];
+
+  if (data.community) {
+    infos.push({
+      key: (0, _lodash.default)(localeData[locale], 'appinfo.community'),
+      value: /*#__PURE__*/_react.default.createElement("a", {
+        href: data.community,
+        target: "_blank",
+        rel: "noreferrer"
+      }, data.community)
+    });
+  }
+
+  if (data.documentation) {
+    infos.push({
+      key: (0, _lodash.default)(localeData[locale], 'appinfo.documentation'),
+      value: /*#__PURE__*/_react.default.createElement("a", {
+        href: data.documentation,
+        target: "_blank",
+        rel: "noreferrer"
+      }, data.documentation)
+    });
+  }
+
+  if (data.support) {
+    infos.push({
+      key: (0, _lodash.default)(localeData[locale], 'appinfo.support'),
+      value: /*#__PURE__*/_react.default.createElement("a", {
+        href: "mailto:".concat(data.support),
+        target: "_blank",
+        rel: "noreferrer"
+      }, data.support)
+    });
+  }
+
+  infos.push({
+    key: (0, _lodash.default)(localeData[locale], 'appinfo.overview'),
+    value: ''
+  });
+  let descEle;
+
+  if (locale === 'zh') {
+    descEle = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isFree ? /*#__PURE__*/_react.default.createElement("p", null, "\u60A8\u53EF\u4EE5\u514D\u8D39\u4F7F\u7528 ", /*#__PURE__*/_react.default.createElement("b", null, name), "\uFF1B") : /*#__PURE__*/_react.default.createElement("p", null, "\u60A8\u9700\u8981\u8D2D\u4E70\u624D\u80FD\u4F7F\u7528 ", /*#__PURE__*/_react.default.createElement("b", null, name), "\uFF1B"), /*#__PURE__*/_react.default.createElement("p", null, "\u5728\u5E94\u7528\u542F\u52A8\u524D\uFF0C\u9700\u8981\u9009\u62E9\u60A8\u7684\u8282\u70B9\uFF1B"), /*#__PURE__*/_react.default.createElement("p", null, "\u5982\u679C\u60A8\u6CA1\u6709\u8282\u70B9\uFF0C\u6211\u4EEC\u4F1A\u5F15\u5BFC\u60A8\u521B\u5EFA\u65B0\u7684\u8282\u70B9\uFF1B"), /*#__PURE__*/_react.default.createElement("p", null, "\u4E0B\u9762\u4E3A\u8BE5\u5E94\u7528\u7684\u4FE1\u606F\uFF1A"));
+  } else {
+    descEle = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isFree ? /*#__PURE__*/_react.default.createElement("p", null, "You can use ", /*#__PURE__*/_react.default.createElement("b", null, name), " for free;") : /*#__PURE__*/_react.default.createElement("p", null, "You need to purchase before launch ", /*#__PURE__*/_react.default.createElement("b", null, name), ";"), /*#__PURE__*/_react.default.createElement("p", null, "Before the blocklet starts, you need to select your Blocklet Server; "), /*#__PURE__*/_react.default.createElement("p", null, "If you do not have any Blocklet Server, we will guide you to create a new one; "), /*#__PURE__*/_react.default.createElement("p", null, "Below is the information for the blocklet: "));
+  }
+
+  return /*#__PURE__*/_react.default.createElement(Container, null, descEle, /*#__PURE__*/_react.default.createElement("div", {
+    className: "info-table"
+  }, /*#__PURE__*/_react.default.createElement(_TableContainer.default, null, /*#__PURE__*/_react.default.createElement(_Table.default, {
+    size: "small"
+  }, /*#__PURE__*/_react.default.createElement(_TableBody.default, null, infos.map(e => {
+    return /*#__PURE__*/_react.default.createElement(_TableRow.default, {
+      key: e.key
+    }, /*#__PURE__*/_react.default.createElement(_TableCell.default, {
+      component: "th",
+      scope: "row",
+      style: {
+        width: 100
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        fontWeight: 'bold',
+        whiteSpace: 'nowrap'
+      }
+    }, e.key)), /*#__PURE__*/_react.default.createElement(_TableCell.default, null, e.value));
+  }))))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "app-overview"
+  }, blockletDesc));
+}
+
+const Container = _styledComponents.default.div.withConfig({
+  displayName: "wizard-desc__Container",
+  componentId: "sc-1it5wg8-0"
+})([".info-table{a{word-break:break-all;}}.app-overview{font-size:16px;margin:16px 0 0 16px;h1{margin:8px 0;font-size:20px;}h2{margin:8px 0;font-size:18px;}ul{display:block;list-style-type:disc;padding-left:2em;li{display:list-item;list-style:disc;}}blockquote{margin-left:2em;}}"]);
+
+var _default = WizardDesc;
+exports.default = _default;
+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.5.68",
+  "version": "1.5.71",
   "description": "Common ux components of launcher",
   "publishConfig": {
     "access": "public"
@@ -37,14 +37,16 @@
     "react": ">=16.12.0"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^1.16.49",
-    "@arcblock/icons": "^1.16.49",
-    "@arcblock/ux": "^1.16.49",
+    "@arcblock/did-connect": "^1.16.56",
+    "@arcblock/icons": "^1.16.56",
+    "@arcblock/ux": "^1.16.56",
+    "@blocklet/meta": "^1.7.0",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "^4.0.0-alpha.60",
     "lodash.get": "^4.4.2",
     "prop-types": "^15.8.1",
+    "rehype-react": "^7.0.4",
     "styled-components": "^5.3.3",
     "url-join": "^4.0.1"
   },
@@ -56,5 +58,5 @@
     "babel-plugin-inline-react-svg": "^2.0.1",
     "babel-plugin-styled-components": "^1.10.7"
   },
-  "gitHead": "70a65ca42b47efb86e93b8495ce6db35d4360cff"
+  "gitHead": "13be06599d8749b5bd40e7ba10ee36fbc4838f0e"
 }