@blocklet/launcher-layout 2.3.20 → 2.3.22

package/lib/wizard/server-eula.js

@@ -1,54 +1,44 @@
-"use strict";
-
-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 _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-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;
 /* eslint-disable react/jsx-wrap-multilines */
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-function ServerEula(_ref) {
-  let {
-    onContinue,
-    nextDisabled,
-    launching,
-    texts,
-    description
-  } = _ref;
-  const [open, setOpen] = (0, _react.useState)(false);
+import { useState } from 'react';
+import styled from '@emotion/styled';
+import PropTypes from 'prop-types';
+import { CircularProgress } from '@mui/material';
+import Button from '@arcblock/ux/lib/Button';
+import Dialog from '@arcblock/ux/lib/Dialog';
+import SubmitHotKey from '@blocklet/launcher-ux/lib/hot-key/submit';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function ServerEula({
+  onContinue,
+  nextDisabled,
+  launching,
+  texts,
+  description
+}) {
+  const [open, setOpen] = 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, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Div, {
+      children: /*#__PURE__*/_jsxs(SubmitHotKey, {
         disabled: nextDisabled,
         onConfirm: onContinue,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: [/*#__PURE__*/_jsx("div", {
           className: "eula-trigger",
           onClick: handleOpen,
           children: texts.listenName
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        }), /*#__PURE__*/_jsx(Button, {
           disabled: nextDisabled,
           color: "primary",
           variant: "contained",
           className: "next-button",
           onClick: onContinue,
-          children: launching ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+          children: launching ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(CircularProgress, {
               size: 14
             }), texts.launchingText]
           }) : texts.buttonNext
         })]
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
+    }), /*#__PURE__*/_jsx(Dialog, {
       open: open,
       title: texts.listenName,
       onClose: () => setOpen(false),
@@ -57,11 +47,11 @@ function ServerEula(_ref) {
   });
 }
 ServerEula.propTypes = {
-  onContinue: _propTypes.default.func.isRequired,
-  nextDisabled: _propTypes.default.bool,
-  launching: _propTypes.default.bool,
-  description: _propTypes.default.any,
-  texts: _propTypes.default.object
+  onContinue: PropTypes.func.isRequired,
+  nextDisabled: PropTypes.bool,
+  launching: PropTypes.bool,
+  description: PropTypes.any,
+  texts: PropTypes.object
 };
 ServerEula.defaultProps = {
   nextDisabled: false,
@@ -73,5 +63,34 @@ 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 = exports.default = ServerEula;
+const Div = styled.div`
+  margin: 0 auto;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  @media (max-width: ${props => props.theme.breakpoints.values.sm}px) {
+    flex-direction: column;
+  }
+
+  .eula-trigger {
+    cursor: pointer;
+    text-decoration: underline;
+    ${props => props.theme.breakpoints.up('md')} {
+      padding-right: 24px;
+    }
+    ${props => props.theme.breakpoints.down('md')} {
+      padding: 16px;
+    }
+    font-size: 14px;
+    white-space: nowrap;
+    &:hover {
+      color: ${props => props.theme.palette.primary.main};
+    }
+  }
+
+  .next-button {
+    min-width: 200px;
+  }
+`;
+export default ServerEula;

package/lib/wizard/wizard-desc.js

@@ -1,25 +1,17 @@
-"use strict";
-
-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 _DID = _interopRequireDefault(require("@arcblock/ux/lib/DID"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _reactMarkdownPreview = _interopRequireDefault(require("@uiw/react-markdown-preview"));
-var _material = require("@mui/material");
-var _rehypeReact = _interopRequireDefault(require("rehype-react"));
-var _urlJoin = _interopRequireDefault(require("url-join"));
-var _ahooks = require("ahooks");
-var _markdownBody = _interopRequireDefault(require("../markdown-body"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { createElement } from 'react';
+import PropTypes from 'prop-types';
+import { getDisplayName } from '@blocklet/meta/lib/util';
+import DID from '@arcblock/ux/lib/DID';
+import get from 'lodash/get';
+import styled from '@emotion/styled';
+import MarkdownPreview from '@uiw/react-markdown-preview';
+import { Box, Typography } from '@mui/material';
+import RehypeReact from 'rehype-react';
+import joinURL from 'url-join';
+import { useCreation, useRequest } from 'ahooks';
+import MarkdownBody from '../markdown-body';
+import InfoList from '../info-list';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const isFreeBlocklet = meta => {
   if (!meta.payment) {
     return true;
@@ -27,8 +19,8 @@ const isFreeBlocklet = meta => {
   const priceList = (meta.payment.price || []).map(x => x.value || 0);
   return priceList.every(x => x === 0);
 };
-const renderAst = new _rehypeReact.default({
-  createElement: _react.createElement
+const renderAst = new RehypeReact({
+  createElement
 }).Compiler;
 const localeData = {
   zh: {
@@ -58,12 +50,11 @@ const localeData = {
     }
   }
 };
-function WizardDesc(_ref) {
-  let {
-    blockletMeta,
-    locale,
-    handleDescEle
-  } = _ref;
+function WizardDesc({
+  blockletMeta,
+  locale,
+  handleDescEle
+}) {
   const {
     data
   } = blockletMeta;
@@ -73,18 +64,18 @@ function WizardDesc(_ref) {
     registryUrl,
     did
   } = data;
-  const name = (0, _util.getDisplayName)({
+  const name = getDisplayName({
     meta: data
   });
-  const readmeState = (0, _ahooks.useRequest)(() => {
+  const readmeState = useRequest(() => {
     if (registryUrl && did) {
-      return fetch((0, _urlJoin.default)(registryUrl, '/api/blocklets', did, 'readme')).then(res => res.json());
+      return fetch(joinURL(registryUrl, '/api/blocklets', did, 'readme')).then(res => res.json());
     }
     return null;
   }, {
     refreshDeps: [registryUrl, did]
   });
-  const markdownSource = (0, _ahooks.useCreation)(() => {
+  const markdownSource = useCreation(() => {
     if (!readmeState.data) {
       return '';
     }
@@ -92,17 +83,17 @@ function WizardDesc(_ref) {
   }, [readmeState]);
   const blockletDesc = data && data.htmlAst ? renderAst(data.htmlAst) : '';
   const isFree = isFreeBlocklet(data);
-  let authorInfo = (0, _get.default)(data, 'owner.fullName');
+  let authorInfo = get(data, 'owner.fullName');
   if (authorInfo) {
-    const ownerDid = (0, _get.default)(data, 'owner.did');
+    const ownerDid = get(data, 'owner.did');
     if (ownerDid) {
-      authorInfo = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      authorInfo = /*#__PURE__*/_jsxs(Box, {
         sx: {
           display: 'flex',
           alignItems: 'center',
           gap: 1
         },
-        children: [authorInfo, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DID.default, {
+        children: [authorInfo, /*#__PURE__*/_jsx(DID, {
           sx: {
             lineHeight: 'initial',
             '&::before': {
@@ -120,34 +111,34 @@ function WizardDesc(_ref) {
       });
     }
   } else {
-    authorInfo = (0, _get.default)(data, 'author.name');
+    authorInfo = get(data, 'author.name');
   }
   const infos = [{
-    key: (0, _get.default)(localeData[locale], 'appinfo.name'),
-    value: (0, _util.getDisplayName)({
+    key: get(localeData[locale], 'appinfo.name'),
+    value: getDisplayName({
       meta: data
     })
   }, {
-    key: (0, _get.default)(localeData[locale], 'appinfo.version'),
+    key: get(localeData[locale], 'appinfo.version'),
     value: data.version
   }, {
-    key: (0, _get.default)(localeData[locale], 'appinfo.author'),
+    key: get(localeData[locale], 'appinfo.author'),
     value: authorInfo
   }, {
     type: 'description',
-    key: (0, _get.default)(localeData[locale], 'appinfo.description'),
+    key: get(localeData[locale], 'appinfo.description'),
     value: data.description
   }];
   if (data.requirements) {
     infos.push({
-      key: (0, _get.default)(localeData[locale], 'appinfo.requirements'),
+      key: get(localeData[locale], 'appinfo.requirements'),
       value: data.requirements.server
     });
   }
   if (data.community) {
     infos.push({
-      key: (0, _get.default)(localeData[locale], 'appinfo.community'),
-      value: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+      key: get(localeData[locale], 'appinfo.community'),
+      value: /*#__PURE__*/_jsx("a", {
         href: data.community,
         target: "_blank",
         rel: "noreferrer",
@@ -157,8 +148,8 @@ function WizardDesc(_ref) {
   }
   if (data.documentation) {
     infos.push({
-      key: (0, _get.default)(localeData[locale], 'appinfo.documentation'),
-      value: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+      key: get(localeData[locale], 'appinfo.documentation'),
+      value: /*#__PURE__*/_jsx("a", {
         href: data.documentation,
         target: "_blank",
         rel: "noreferrer",
@@ -168,9 +159,9 @@ function WizardDesc(_ref) {
   }
   if (data.support) {
     infos.push({
-      key: (0, _get.default)(localeData[locale], 'appinfo.support'),
-      value: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-        href: "mailto:".concat(data.support),
+      key: get(localeData[locale], 'appinfo.support'),
+      value: /*#__PURE__*/_jsx("a", {
+        href: `mailto:${data.support}`,
         target: "_blank",
         rel: "noreferrer",
         children: data.support
@@ -179,116 +170,140 @@ function WizardDesc(_ref) {
   }
   if (blockletDesc) {
     infos.push({
-      key: (0, _get.default)(localeData[locale], 'appinfo.overview'),
+      key: get(localeData[locale], 'appinfo.overview'),
       value: ''
     });
   }
   let descEle;
   if (locale === 'zh') {
-    descEle = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [isFree ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-        children: ["\u60A8\u53EF\u4EE5\u514D\u8D39\u4F7F\u7528 ", /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+    descEle = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [isFree ? /*#__PURE__*/_jsxs("p", {
+        children: ["\u60A8\u53EF\u4EE5\u514D\u8D39\u4F7F\u7528 ", /*#__PURE__*/_jsx("b", {
           children: name
         }), "\uFF1B"]
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-        children: ["\u60A8\u9700\u8981\u8D2D\u4E70\u624D\u80FD\u4F7F\u7528 ", /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+      }) : /*#__PURE__*/_jsxs("p", {
+        children: ["\u60A8\u9700\u8981\u8D2D\u4E70\u624D\u80FD\u4F7F\u7528 ", /*#__PURE__*/_jsx("b", {
           children: name
         }), "\uFF1B"]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      }), /*#__PURE__*/_jsx("p", {
         children: "\u5728\u5E94\u7528\u542F\u52A8\u524D\uFF0C\u9700\u8981\u9009\u62E9\u60A8\u7684\u8282\u70B9\uFF1B"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      }), /*#__PURE__*/_jsx("p", {
         children: "\u5982\u679C\u60A8\u6CA1\u6709\u8282\u70B9\uFF0C\u6211\u4EEC\u4F1A\u5F15\u5BFC\u60A8\u521B\u5EFA\u65B0\u7684\u8282\u70B9\uFF1B"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      }), /*#__PURE__*/_jsx("p", {
         children: "\u4E0B\u9762\u4E3A\u8BE5\u5E94\u7528\u7684\u4FE1\u606F\uFF1A"
       })]
     });
   } else {
-    descEle = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [isFree ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-        children: ["You can use ", /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+    descEle = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [isFree ? /*#__PURE__*/_jsxs("p", {
+        children: ["You can use ", /*#__PURE__*/_jsx("b", {
           children: name
         }), " for free;"]
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-        children: ["You need to purchase before launch ", /*#__PURE__*/(0, _jsxRuntime.jsx)("b", {
+      }) : /*#__PURE__*/_jsxs("p", {
+        children: ["You need to purchase before launch ", /*#__PURE__*/_jsx("b", {
           children: name
         }), ";"]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      }), /*#__PURE__*/_jsx("p", {
         children: "Before the blocklet starts, you need to select your Blocklet Server; "
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      }), /*#__PURE__*/_jsx("p", {
         children: "If you do not have any Blocklet Server, we will guide you to create a new one; "
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      }), /*#__PURE__*/_jsx("p", {
         children: "Below is the information for the blocklet: "
       })]
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
-    children: [handleDescEle || descEle, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "info-table",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableContainer, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Table, {
-          size: "small",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableBody, {
-            children: infos.map(e => {
-              return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.TableRow, {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
-                  component: "th",
-                  scope: "row",
-                  style: {
-                    width: 100
-                  },
-                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                    style: {
-                      fontWeight: 'bold',
-                      whiteSpace: 'nowrap'
-                    },
-                    children: e.key
-                  })
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TableCell, {
-                  children: e.value
-                })]
-              }, e.key);
-            })
-          })
-        })
-      })
-    }), markdownSource ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_jsxs(Container, {
+    children: [handleDescEle || descEle, /*#__PURE__*/_jsx(InfoList, {
+      infoList: infos
+    }), markdownSource ? /*#__PURE__*/_jsxs("div", {
       className: "app-overview",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+      children: [/*#__PURE__*/_jsx(Typography, {
         variant: "h5",
         gutterBottom: true,
-        children: (0, _get.default)(localeData[locale], 'appinfo.overview')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_markdownBody.default, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PostContent, {
+        children: get(localeData[locale], 'appinfo.overview')
+      }), /*#__PURE__*/_jsx(MarkdownBody, {
+        children: /*#__PURE__*/_jsx(PostContent, {
           component: "div",
           className: "content-wrapper post-content",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdownPreview.default, {
-            source: markdownSource
+          children: /*#__PURE__*/_jsx(MarkdownPreview, {
+            source: markdownSource,
+            wrapperElement: {
+              'data-color-mode': 'light'
+            }
             // 先保留后面两个参数，可用于精细判断
             // eslint-disable-next-line no-unused-vars
             ,
             urlTransform: (url, key, node) => {
               if (url.startsWith('/')) {
-                return (0, _urlJoin.default)(registryUrl, url);
+                return joinURL(registryUrl, url);
               }
               return url;
             }
           })
         })
       })]
-    }) : blockletDesc ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    }) : blockletDesc ? /*#__PURE__*/_jsx("div", {
       className: "app-overview",
       children: blockletDesc
     }) : null]
   });
 }
-const PostContent = (0, _styled.default)(_material.Typography)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  word-wrap: break-word;\n  word-break: break-word;\n  line-height: 1.5em;\n  min-height: 10vh;\n  margin-bottom: 40px !important;\n\n  .alert-content {\n    max-width: 100%;\n    p:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n\n  iframe {\n    width: 100% !important;\n  }\n"])));
-const Container = _styled.default.div(_templateObject2 || (_templateObject2 = _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"])));
+const PostContent = styled(Typography)`
+  width: 100%;
+  word-wrap: break-word;
+  word-break: break-word;
+  line-height: 1.5em;
+  min-height: 10vh;
+  margin-bottom: 40px !important;
+
+  .alert-content {
+    max-width: 100%;
+    p:last-of-type {
+      margin-bottom: 0;
+    }
+  }
+
+  iframe {
+    width: 100% !important;
+  }
+`;
+const Container = styled.div`
+  .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;
+    }
+  }
+`;
 WizardDesc.propTypes = {
-  blockletMeta: _propTypes.default.object.isRequired,
-  locale: _propTypes.default.string.isRequired,
-  handleDescEle: _propTypes.default.node
+  blockletMeta: PropTypes.object.isRequired,
+  locale: PropTypes.string.isRequired,
+  handleDescEle: PropTypes.node
 };
 WizardDesc.defaultProps = {
   handleDescEle: ''
 };
-var _default = exports.default = WizardDesc;
+export default WizardDesc;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-layout",
-  "version": "2.3.20",
+  "version": "2.3.22",
   "description": "Common ux components of launcher",
   "publishConfig": {
     "access": "public"
@@ -26,13 +26,9 @@
   "scripts": {
     "lint": "eslint src",
     "lint:fix": "npm run lint -- --fix",
-    "build": "npm run build:lib && npm run build:es && npm run autoexports",
-    "build:lib": "babel src --out-dir lib --copy-files --no-copy-ignored",
-    "build:es": "babel --config-file ./babel.config.es.js src --out-dir es --copy-files --no-copy-ignored",
+    "build": "babel src --out-dir lib --copy-files --no-copy-ignored",
     "autoexports": "node tools/auto-exports.js",
-    "watch": "npm run watch:lib && npm run watch:es && npm run autoexports",
-    "watch:lib": "babel src --out-dir lib -w --copy-files",
-    "watch:es": "babel --config-file ./babel.config.es.js src --out-dir es -w --copy-files",
+    "watch": "babel src --out-dir lib -w --copy-files",
     "prepublish": "npm run build"
   },
   "bugs": {
@@ -46,10 +42,10 @@
     "react": "^18.2.0"
   },
   "dependencies": {
-    "@arcblock/icons": "^2.9.88",
-    "@blocklet/launcher-util": "2.3.20",
-    "@blocklet/launcher-ux": "2.3.20",
-    "@blocklet/meta": "^1.16.26",
+    "@arcblock/icons": "^2.9.91",
+    "@blocklet/launcher-util": "2.3.22",
+    "@blocklet/launcher-ux": "2.3.22",
+    "@blocklet/meta": "^1.16.27",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
     "@uiw/react-markdown-preview": "^5.1.1",
@@ -61,23 +57,13 @@
     "url-join": "^4.0.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.24.6",
-    "@babel/core": "^7.24.6",
-    "@babel/preset-env": "^7.24.6",
-    "@babel/preset-react": "^7.24.6",
+    "@babel/cli": "^7.24.7",
+    "@babel/core": "^7.24.7",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-react": "^7.24.7",
     "@storybook/react": "^6.5.16",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "glob": "^10.4.1"
   },
-  "exports": {
-    ".": {
-      "import": "./es/index.js",
-      "require": "./lib/index.js"
-    },
-    "./lib/": {
-      "import": "./es/",
-      "require": "./lib/"
-    }
-  },
-  "gitHead": "f066eec3d7942533b3dbc88419840e3ce06a05d1"
+  "gitHead": "26147646fbed9dcb818a87cf2b450caf0a3a75bb"
 }