@arcblock/ux 2.9.91 → 2.10.0

package/lib/Blocklet/blocklet.js

@@ -1,33 +1,124 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = BlockletStore;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
-var _Avatar = _interopRequireDefault(require("../Avatar"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _Img = _interopRequireDefault(require("../Img"));
-var _Theme = require("../Theme");
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["title", "did", "description", "cover", "version", "button", "buttonText", "buttonDisabled", "buttonLoading", "onButtonClick", "onMainClick", "className"];
-var _templateObject;
 /* eslint-disable react/no-danger */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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 Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &.arcblock-blocklet {\n    padding: ", " ", " 0\n      ", ";\n  }\n  .arcblock-blocklet__content {\n    cursor: pointer;\n    display: flex;\n    ", " {\n      align-items: center;\n    }\n  }\n  .arcblock-blocklet__cover {\n    width: 64px;\n    height: 64px;\n    margin-right: ", ";\n    overflow: hidden;\n    border-radius: 12px;\n    /* see: https://stackoverflow.com/questions/49066011/overflow-hidden-with-border-radius-not-working-on-safari */\n    transform: translateZ(0);\n    ", " {\n      width: 80px;\n      height: 80px;\n      margin-bottom: 12px;\n    }\n  }\n  .arcblock-blocklet__button--hover {\n    &:not(.Mui-disabled) {\n      position: relative;\n      z-index: 1;\n      &::before {\n        content: '';\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        left: 0;\n        top: 0;\n        transition: opacity 0.3s;\n      }\n      &:hover::before {\n        opacity: 0;\n      }\n      &::after {\n        content: '';\n        position: absolute;\n        height: 100%;\n        width: 100%;\n        background-color: ", ";\n        transform: scale(0.1);\n        opacity: 0;\n        z-index: -1;\n        transition: transform 0.3s, opacity 0.3s, background-color 0.3s;\n      }\n      &:hover::after {\n        opacity: 1;\n        transform-origin: center;\n        transform: scale(1);\n      }\n    }\n\n    &:not(.Mui-disabled) {\n      background-color: transparent !important;\n      color: ", ";\n    }\n    &:not(.Mui-disabled) {\n      &:hover {\n        color: ", ";\n      }\n    }\n  }\n  .arcblock-blocklet__info {\n    flex: 1;\n    overflow: hidden;\n    border-bottom: 1px solid ", ";\n    padding-bottom: ", ";\n  }\n  .arcblock-blocklet__text {\n    height: 57px;\n    overflow: hidden;\n  }\n  /* \u8BBE\u7F6E\u591A\u884C\u6587\u672C\u6EA2\u51FA\u663E\u793A\u7701\u7565\u53F7 \u517C\u5BB9fireFox\u3001safari */\n  .arcblock-blocklet__title {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .arcblock-blocklet__describe {\n    margin-top: ", ";\n    color: ", ";\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 17px;\n    max-height: 34px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    word-break: break-word;\n  }\n  .arcblock-blocklet__version {\n    color: ", ";\n    font-size: 12px;\n  }\n"])), props => props.theme.spacing(2), props => props.theme.spacing(2), props => props.theme.spacing(2), props => props.theme.breakpoints.up('sm'), props => props.theme.spacing(2), props => props.theme.breakpoints.up('sm'), props => props.theme.palette.primary.main, props => props.theme.palette.primary.main, props => props.theme.palette.common.white, props => props.theme.palette.divider, props => props.theme.spacing(2), props => props.theme.spacing(0.5), props => props.theme.palette.grey[600], props => props.theme.palette.grey[600]);
+import { isValidElement } from 'react';
+import PropTypes from 'prop-types';
+import Typography from '@mui/material/Typography';
+import CircularProgress from '@mui/material/CircularProgress';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import Avatar from '../Avatar';
+import Button from '../Button';
+import Img from '../Img';
+import { useTheme, styled } from '../Theme';
+import { strippedString } from './utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const Div = styled('div')`
+  &.arcblock-blocklet {
+    padding: ${props => props.theme.spacing(2)} ${props => props.theme.spacing(2)} 0
+      ${props => props.theme.spacing(2)};
+  }
+  .arcblock-blocklet__content {
+    cursor: pointer;
+    display: flex;
+    ${props => props.theme.breakpoints.up('sm')} {
+      align-items: center;
+    }
+  }
+  .arcblock-blocklet__cover {
+    width: 64px;
+    height: 64px;
+    margin-right: ${props => props.theme.spacing(2)};
+    overflow: hidden;
+    border-radius: 12px;
+    /* see: https://stackoverflow.com/questions/49066011/overflow-hidden-with-border-radius-not-working-on-safari */
+    transform: translateZ(0);
+    ${props => props.theme.breakpoints.up('sm')} {
+      width: 80px;
+      height: 80px;
+      margin-bottom: 12px;
+    }
+  }
+  .arcblock-blocklet__button--hover {
+    &:not(.Mui-disabled) {
+      position: relative;
+      z-index: 1;
+      &::before {
+        content: '';
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        left: 0;
+        top: 0;
+        transition: opacity 0.3s;
+      }
+      &:hover::before {
+        opacity: 0;
+      }
+      &::after {
+        content: '';
+        position: absolute;
+        height: 100%;
+        width: 100%;
+        background-color: ${props => props.theme.palette.primary.main};
+        transform: scale(0.1);
+        opacity: 0;
+        z-index: -1;
+        transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
+      }
+      &:hover::after {
+        opacity: 1;
+        transform-origin: center;
+        transform: scale(1);
+      }
+    }
+
+    &:not(.Mui-disabled) {
+      background-color: transparent !important;
+      color: ${props => props.theme.palette.primary.main};
+    }
+    &:not(.Mui-disabled) {
+      &:hover {
+        color: ${props => props.theme.palette.common.white};
+      }
+    }
+  }
+  .arcblock-blocklet__info {
+    flex: 1;
+    overflow: hidden;
+    border-bottom: 1px solid ${props => props.theme.palette.divider};
+    padding-bottom: ${props => props.theme.spacing(2)};
+  }
+  .arcblock-blocklet__text {
+    height: 57px;
+    overflow: hidden;
+  }
+  /* 设置多行文本溢出显示省略号 兼容fireFox、safari */
+  .arcblock-blocklet__title {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 500;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .arcblock-blocklet__describe {
+    margin-top: ${props => props.theme.spacing(0.5)};
+    color: ${props => props.theme.palette.grey[600]};
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 17px;
+    max-height: 34px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    word-break: break-word;
+  }
+  .arcblock-blocklet__version {
+    color: ${props => props.theme.palette.grey[600]};
+    font-size: 12px;
+  }
+`;
 
 /**
  * BlockletStore component
@@ -52,37 +143,30 @@ const Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _tag
  * @param {BlockletStoreProps} props
  * @returns {JSX.Element}
  */
-function BlockletStore(_ref) {
-  let {
-      title,
-      did,
-      description,
-      cover,
-      version,
-      button,
-      buttonText,
-      buttonDisabled,
-      buttonLoading,
-      onButtonClick,
-      onMainClick,
-      className
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  const wrapHandler = function wrapHandler(handler) {
-    let stopFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => false;
-    return function (e) {
-      if (stopFn()) {
-        e.preventDefault();
-        e.stopPropagation();
-      } else if (handler instanceof Function) {
-        e.preventDefault();
-        e.stopPropagation();
-        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-          args[_key - 1] = arguments[_key];
-        }
-        handler(...args);
-      }
-    };
+export default function BlockletStore({
+  title,
+  did,
+  description,
+  cover,
+  version,
+  button,
+  buttonText,
+  buttonDisabled,
+  buttonLoading,
+  onButtonClick,
+  onMainClick,
+  className,
+  ...rest
+}) {
+  const wrapHandler = (handler, stopFn = () => false) => (e, ...args) => {
+    if (stopFn()) {
+      e.preventDefault();
+      e.stopPropagation();
+    } else if (handler instanceof Function) {
+      e.preventDefault();
+      e.stopPropagation();
+      handler(...args);
+    }
   };
   const _onButtonClick = wrapHandler(onButtonClick, () => {
     // stop click while custom button or buttonDisabled or buttondLoading
@@ -91,71 +175,71 @@ function BlockletStore(_ref) {
     }
     return false;
   });
-  const theme = (0, _Theme.useTheme)();
-  const isUpSm = (0, _useMediaQuery.default)(theme.breakpoints.up('sm'));
+  const theme = useTheme();
+  const isUpSm = useMediaQuery(theme.breakpoints.up('sm'));
   const _onMainClick = wrapHandler(onMainClick);
   const didAvatarSize = isUpSm ? 80 : 64;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, _objectSpread(_objectSpread({
-    className: "".concat(className, " arcblock-blocklet")
-  }, rest), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+  return /*#__PURE__*/_jsx(Div, {
+    className: `${className} arcblock-blocklet`,
+    ...rest,
+    children: /*#__PURE__*/_jsxs("div", {
       className: "arcblock-blocklet__content",
       onClick: _onMainClick,
-      children: [cover ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: [cover ? /*#__PURE__*/_jsx("div", {
         className: "arcblock-blocklet__cover",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Img.default, {
+        children: /*#__PURE__*/_jsx(Img, {
           src: cover
         })
-      }) : did && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }) : did && /*#__PURE__*/_jsx("div", {
         className: "arcblock-blocklet__cover",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+        children: /*#__PURE__*/_jsx(Avatar, {
           did: did,
           size: didAvatarSize
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      }), /*#__PURE__*/_jsxs("div", {
         className: "arcblock-blocklet__info",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/_jsxs("div", {
           className: "arcblock-blocklet__text",
-          children: [/*#__PURE__*/(0, _react.isValidElement)(title) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          children: [/*#__PURE__*/isValidElement(title) ? /*#__PURE__*/_jsx(Typography, {
             component: "h3",
             variant: "h3",
             className: "arcblock-blocklet__title",
             children: title
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          }) : /*#__PURE__*/_jsx(Typography, {
             component: "h3",
             variant: "h3",
             className: "arcblock-blocklet__title",
-            title: (0, _utils.strippedString)(title),
+            title: strippedString(title),
             dangerouslySetInnerHTML: {
               __html: title
             }
-          }), /*#__PURE__*/(0, _react.isValidElement)(description) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          }), /*#__PURE__*/isValidElement(description) ? /*#__PURE__*/_jsx(Typography, {
             component: "div",
             variant: "body2",
             className: "arcblock-blocklet__describe",
             children: description
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          }) : /*#__PURE__*/_jsx(Typography, {
             component: "div",
             variant: "body2",
             className: "arcblock-blocklet__describe",
-            title: (0, _utils.strippedString)(description),
+            title: strippedString(description),
             dangerouslySetInnerHTML: {
               __html: description
             }
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        }), /*#__PURE__*/_jsxs("div", {
           style: {
             display: 'flex',
             alignItems: 'center',
             marginTop: '10px',
             flexFlow: 'wrap'
           },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: [/*#__PURE__*/_jsx("div", {
             onClick: _onButtonClick,
             style: {
               marginRight: '12px'
             },
-            children: button || onButtonClick && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+            children: button || onButtonClick && /*#__PURE__*/_jsxs(Button, {
               className: "arcblock-blocklet__button--hover",
               variant: "outlined",
               color: "primary",
@@ -167,7 +251,7 @@ function BlockletStore(_ref) {
                 minWidth: '92px',
                 textAlign: 'center'
               },
-              children: [buttonLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+              children: [buttonLoading && /*#__PURE__*/_jsx(CircularProgress, {
                 size: 15,
                 style: {
                   marginRight: 3,
@@ -175,28 +259,28 @@ function BlockletStore(_ref) {
                 }
               }), buttonText]
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          }), /*#__PURE__*/_jsx("div", {
             className: "arcblock-blocklet__version",
-            children: version && "v".concat(version)
+            children: version && `v${version}`
           })]
         })]
       })]
     })
-  }));
+  });
 }
 BlockletStore.propTypes = {
-  title: _propTypes.default.string || _propTypes.default.node,
-  did: _propTypes.default.string,
-  description: _propTypes.default.string || _propTypes.default.node,
-  cover: _propTypes.default.string,
-  buttonText: _propTypes.default.string,
-  buttonDisabled: _propTypes.default.bool,
-  buttonLoading: _propTypes.default.bool,
-  button: _propTypes.default.element,
-  version: _propTypes.default.string,
-  onButtonClick: _propTypes.default.func,
-  onMainClick: _propTypes.default.func,
-  className: _propTypes.default.string
+  title: PropTypes.string || PropTypes.node,
+  did: PropTypes.string,
+  description: PropTypes.string || PropTypes.node,
+  cover: PropTypes.string,
+  buttonText: PropTypes.string,
+  buttonDisabled: PropTypes.bool,
+  buttonLoading: PropTypes.bool,
+  button: PropTypes.element,
+  version: PropTypes.string,
+  onButtonClick: PropTypes.func,
+  onMainClick: PropTypes.func,
+  className: PropTypes.string
 };
 BlockletStore.defaultProps = {
   title: '',

package/lib/Blocklet/index.js

@@ -1,24 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ActionButton", {
-  enumerable: true,
-  get: function get() {
-    return _utils.default;
-  }
-});
-exports.default = void 0;
-Object.defineProperty(exports, "strippedString", {
-  enumerable: true,
-  get: function get() {
-    return _utils.strippedString;
-  }
-});
-var _utils = _interopRequireWildcard(require("./utils"));
-var _blocklet = _interopRequireDefault(require("./blocklet"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var _default = exports.default = _blocklet.default;
+import ActionButton, { strippedString } from './utils';
+import Blocklet from './blocklet';
+export { ActionButton, strippedString };
+export default Blocklet;

package/lib/Blocklet/utils.js

@@ -1,15 +1,52 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.strippedString = exports.default = void 0;
-var _Theme = require("../Theme");
-var _templateObject;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-const ActionButton = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: transparent !important;\n  & > :not(.Mui-disabled) {\n    position: relative;\n    z-index: 1;\n    &::before {\n      content: '';\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      left: 0;\n      top: 0;\n      transition: opacity 0.3s;\n    }\n    &:hover::before {\n      opacity: 0;\n    }\n    &::after {\n      content: '';\n      position: absolute;\n      height: 100%;\n      width: 100%;\n      top: 0;\n      left: 0;\n      border-radius: 2px;\n      background-color: ", ";\n      transform: scale(0.1);\n      opacity: 0;\n      z-index: -1;\n      transition: transform 0.3s, opacity 0.3s, background-color 0.3s;\n    }\n    &:hover::after {\n      opacity: 1;\n      transform-origin: center;\n      transform: scale(1);\n    }\n  }\n  & > :not(.Mui-disabled) {\n    background-color: transparent !important;\n    color: ", "!important;\n  }\n  & > :not(.Mui-disabled) {\n    &:hover {\n      color: ", "!important;\n    }\n  }\n"])), props => props.theme.palette.primary.main, props => props.theme.palette.primary.main, props => props.theme.palette.common.white);
-var _default = exports.default = ActionButton;
-const strippedString = exports.strippedString = function strippedString() {
-  let originalString = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+import { styled } from '../Theme';
+const ActionButton = styled('div')`
+  background-color: transparent !important;
+  & > :not(.Mui-disabled) {
+    position: relative;
+    z-index: 1;
+    &::before {
+      content: '';
+      position: absolute;
+      height: 100%;
+      width: 100%;
+      left: 0;
+      top: 0;
+      transition: opacity 0.3s;
+    }
+    &:hover::before {
+      opacity: 0;
+    }
+    &::after {
+      content: '';
+      position: absolute;
+      height: 100%;
+      width: 100%;
+      top: 0;
+      left: 0;
+      border-radius: 2px;
+      background-color: ${props => props.theme.palette.primary.main};
+      transform: scale(0.1);
+      opacity: 0;
+      z-index: -1;
+      transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
+    }
+    &:hover::after {
+      opacity: 1;
+      transform-origin: center;
+      transform: scale(1);
+    }
+  }
+  & > :not(.Mui-disabled) {
+    background-color: transparent !important;
+    color: ${props => props.theme.palette.primary.main}!important;
+  }
+  & > :not(.Mui-disabled) {
+    &:hover {
+      color: ${props => props.theme.palette.common.white}!important;
+    }
+  }
+`;
+export default ActionButton;
+export const strippedString = (originalString = '') => {
   return originalString.replace(/(<([^>]+)>)/gi, '').trim();
 };

package/lib/BlockletContext/index.js

@@ -1,17 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlockletContext = exports.BlockletConsumer = void 0;
-exports.BlockletProvider = BlockletProvider;
-exports.useBlockletContext = useBlockletContext;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ahooks = require("ahooks");
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const BlockletContext = exports.BlockletContext = /*#__PURE__*/(0, _react.createContext)();
+import PropTypes from 'prop-types';
+import { useMemoizedFn, useAsyncEffect } from 'ahooks';
+import { createContext, useContext, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const BlockletContext = /*#__PURE__*/createContext();
 const {
   Provider,
   Consumer
@@ -24,15 +15,13 @@ const {
  * @param {any} props.children
  * @returns
  */
-exports.BlockletConsumer = Consumer;
-function BlockletProvider(_ref) {
-  let {
-    children,
-    baseUrl,
-    loading
-  } = _ref;
-  const [blockletData, setBlockletData] = (0, _react.useState)(null);
-  const getBlockleData = (0, _ahooks.useMemoizedFn)(async () => {
+function BlockletProvider({
+  children,
+  baseUrl,
+  loading
+}) {
+  const [blockletData, setBlockletData] = useState(null);
+  const getBlockleData = useMemoizedFn(async () => {
     if (!baseUrl || window.location.href.startsWith(baseUrl)) {
       throw new Error('no blocklet data');
     }
@@ -42,34 +31,35 @@ function BlockletProvider(_ref) {
     const jsonData = await res.json();
     return jsonData;
   });
-  (0, _ahooks.useAsyncEffect)(async () => {
+  useAsyncEffect(async () => {
     try {
       const data = await getBlockleData();
       setBlockletData(data);
-    } catch (_unused) {
+    } catch {
       // NOTICE: 如果获取指定 blockletData 失败，则使用 window.blocklet
       const data = globalThis.blocklet || globalThis.env;
       setBlockletData(data);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [baseUrl]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
+  return /*#__PURE__*/_jsx(Provider, {
     value: blockletData,
     children: blockletData ? children : loading || null
   });
 }
 function useBlockletContext() {
-  const blocklet = (0, _react.useContext)(BlockletContext);
+  const blocklet = useContext(BlockletContext);
   return {
     blocklet
   };
 }
 BlockletProvider.propTypes = {
-  baseUrl: _propTypes.default.string,
-  children: _propTypes.default.any.isRequired,
-  loading: _propTypes.default.any
+  baseUrl: PropTypes.string,
+  children: PropTypes.any.isRequired,
+  loading: PropTypes.any
 };
 BlockletProvider.defaultProps = {
   baseUrl: '',
   loading: null
-};
+};
+export { BlockletContext, BlockletProvider, Consumer as BlockletConsumer, useBlockletContext };