@arcblock/ux 2.5.58 → 2.5.60

package/lib/Screenshot/BaseScreenshot/shells/Macbook.js

@@ -5,15 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Shell = Shell;
 exports.width = exports.screenData = exports.ratio = exports.height = exports.default = void 0;
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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 _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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function Shell(_ref) {
   let rest = Object.assign({}, _ref);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", _objectSpread(_objectSpread({
@@ -35,16 +32,18 @@ function Shell(_ref) {
       fill: "#282828"
     })]
   }));
-} // 设备截图的实际尺寸
-
+}
 
+// 设备截图的实际尺寸
 const width = 909;
 exports.width = width;
-const height = 517; // 屏幕的比例
+const height = 517;
 
+// 屏幕的比例
 exports.height = height;
-const ratio = 438 / 785; // 屏幕相关数据
+const ratio = 438 / 785;
 
+// 屏幕相关数据
 exports.ratio = ratio;
 const screenData = {
   // 屏幕坐标轴相对图片的百分比

package/lib/Screenshot/BaseScreenshot/shells/Phone.js

@@ -5,20 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Shell = Shell;
 exports.width = exports.screenData = exports.ratio = exports.height = exports.default = void 0;
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 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 _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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 const width = 268;
 exports.width = width;
 const height = 554;
 exports.height = height;
-
 function Shell(_ref) {
   let rest = Object.assign({}, _ref);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({
@@ -36,7 +32,6 @@ function Shell(_ref) {
     })
   }));
 }
-
 const ratio = 798 / 386;
 exports.ratio = ratio;
 const screenData = {

package/lib/Screenshot/index.js

@@ -4,40 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Util = require("../Util");
-
 var _Theme = require("../Theme");
-
 var _BaseScreenshot = _interopRequireDefault(require("./BaseScreenshot"));
-
 require("./devices.css");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2;
-
 const _excluded = ["type", "children", "style", "className", "width", "height"],
-      _excluded2 = ["type", "src", "children", "style", "sx"];
-
+  _excluded2 = ["type", "src", "children", "style", "sx"];
 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 _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(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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; }
-
 const types = {
   'iphone-x': {
     borderRadius: 32,
@@ -109,56 +94,45 @@ const childProps = {
   img: ['alt', 'title', 'src', 'srcSet', 'sizes', 'loading', 'key', 'children'],
   video: ['alt', 'title', 'muted', 'autoplay', 'loop', 'key', 'children']
 };
-
 const createChild = child => [/*#__PURE__*/(0, _react.createElement)(child.type, childProps[child.type].reduce((acc, x) => {
   acc[x] = child.props[x];
   return acc;
 }, {}))];
-
 const findChildren = function findChildren(children) {
   let returnArgWhenNotFound = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-
   for (let i = 0; i < children.length; i++) {
     const child = children[i];
-
     if (['img', 'video'].includes(child.type)) {
       return createChild(child);
     }
-
     if (child.props && child.props.children) {
       const subChildren = _react.Children.toArray(child.props.children);
-
       const result = findChildren(subChildren, false);
-
       if (result) {
         return result;
       }
     }
   }
-
   if (returnArgWhenNotFound) {
     return children;
   }
-
   return null;
-}; // This component is built upon the awesome device.css lib
+};
+
+// This component is built upon the awesome device.css lib
 // By default it will find and only render img/video tags in the children
 // If neither of them are found, the whole child tree is rendered
-
-
 function OldScreenshot(props) {
   const newProps = (0, _Util.mergeProps)(props, OldScreenshot, ['style', 'width', 'height']);
-
   const {
-    type,
-    children,
-    style,
-    className,
-    width,
-    height
-  } = newProps,
-        rest = _objectWithoutProperties(newProps, _excluded);
-
+      type,
+      children,
+      style,
+      className,
+      width,
+      height
+    } = newProps,
+    rest = _objectWithoutProperties(newProps, _excluded);
   const {
     zIndex = 0,
     borderRadius = 0
@@ -190,7 +164,6 @@ function OldScreenshot(props) {
     })]
   }));
 }
-
 const Div = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  @media (max-width: ", "px) {\n    transform-origin: 0 0;\n    transform: scale(", ");\n  }\n  .device-content {\n    overflow: hidden;\n  }\n  .device-content video,\n  .device-content img {\n    border-radius: ", "px;\n    background-color: #fff;\n    background-position: center center;\n    background-size: cover;\n    object-fit: cover;\n    width: 100.1%;\n    height: 100.1%;\n  }\n"])), props => types[props.type].width, props => types[props.type].scale, props => props.contentRadius);
 OldScreenshot.propTypes = {
   type: _propTypes.default.oneOf(Object.keys(types)),
@@ -207,30 +180,29 @@ OldScreenshot.defaultProps = {
   width: 0,
   height: 0
 };
+
 /**
  * 用于修正旧版 Screenshot 无法匹配尺寸的问题
  * @param {*} props params to OldScreenshot
  * @returns <OldScreenshot />
  */
-
 function ScreenFixer(props) {
   const screenEl = (0, _react.useRef)(null);
   const [height, setHeight] = (0, _react.useState)(undefined);
   const [scale, setScale] = (0, _react.useState)(null);
   (0, _react.useEffect)(() => {
     let resizeObs;
-
     const fixSize = () => {
       const {
         clientWidth
-      } = screenEl.current; // 获取内部元素的宽高
+      } = screenEl.current;
 
+      // 获取内部元素的宽高
       const {
         clientWidth: targetWidth,
         clientHeight: targetHeight
       } = screenEl.current.children[0];
       const realScale = clientWidth / targetWidth;
-
       if (realScale < 1) {
         setScale(realScale);
         setHeight(realScale * targetHeight);
@@ -239,17 +211,16 @@ function ScreenFixer(props) {
         setHeight(undefined);
       }
     };
-
     if (screenEl.current) {
       resizeObs = new ResizeObserver(fixSize);
       resizeObs.observe(screenEl.current);
     }
-
     return () => {
       if (resizeObs) {
         resizeObs.disconnect();
       }
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [screenEl.current]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ReScreen, {
     ref: screenEl,
@@ -263,22 +234,19 @@ function ScreenFixer(props) {
     }))
   });
 }
-
 const ReScreen = (0, _Theme.styled)('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  div[type] {\n    transform: scale(1);\n    transform-origin: 0 0;\n  }\n"])));
-
 function Screenshot(_ref) {
   let {
-    type,
-    src,
-    children,
-    style,
-    sx
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded2);
-
-  const _type = type.toLowerCase(); // 新版采用容器采用BaseScreenshot，svg集成，更容易拓展，响应式更好
-
-
+      type,
+      src,
+      children,
+      style,
+      sx
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded2);
+  const _type = type.toLowerCase();
+
+  // 新版采用容器采用BaseScreenshot，svg集成，更容易拓展，响应式更好
   if (['phone', 'macbook'].includes(_type)) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_BaseScreenshot.default, _objectSpread(_objectSpread({
       type: _type,
@@ -289,9 +257,9 @@ function Screenshot(_ref) {
         alt: "screenshot"
       }) : null)
     }));
-  } // 旧版采用纯css制作，定制性欠缺，暂时保留使用
-
+  }
 
+  // 旧版采用纯css制作，定制性欠缺，暂时保留使用
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ScreenFixer, _objectSpread(_objectSpread({
     type: type
   }, rest), {}, {
@@ -304,7 +272,6 @@ function Screenshot(_ref) {
     }) : null)
   }));
 }
-
 Screenshot.propTypes = {
   type: _propTypes.default.string.isRequired,
   src: _propTypes.default.string,

package/lib/SessionManager/federated-login-detecter.js

@@ -0,0 +1,171 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FederatedLoginDetecter;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
+var _material = require("@mui/material");
+var _ShieldCheck = _interopRequireDefault(require("mdi-material-ui/ShieldCheck"));
+var _userPopper = _interopRequireDefault(require("./user-popper"));
+var _Avatar = _interopRequireDefault(require("../Avatar"));
+var _Address = _interopRequireDefault(require("../Address"));
+var _Button = _interopRequireDefault(require("../Button"));
+var _Toast = _interopRequireDefault(require("../Toast"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const translations = {
+  en: {
+    useToConnect(_ref) {
+      let {
+        master,
+        member
+      } = _ref;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: ["Use ", master, " account to connect ", member]
+      });
+    },
+    connect: 'Connect Account',
+    loginFederatedFailed: 'Login federated account failed'
+  },
+  zh: {
+    useToConnect(_ref2) {
+      let {
+        master,
+        member
+      } = _ref2;
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: ["\u4F7F\u7528 ", master, " \u8D26\u53F7\u8FDE\u63A5 ", member]
+      });
+    },
+    connect: '连接账号',
+    loginFederatedFailed: '登录统一登录账号失败'
+  }
+};
+function FederatedLoginDetecter(_ref3) {
+  var _session$federatedMas, _session$federatedMas2, _userInfo$role, _userInfo$role2;
+  let {
+    session,
+    anchorEl,
+    dark,
+    locale: _locale
+  } = _ref3;
+  const [federatedLoginOpen, setFederatedLoginOpen] = (0, _react.useState)(true);
+  const siteInfo = (_session$federatedMas = session.federatedMaster) === null || _session$federatedMas === void 0 ? void 0 : _session$federatedMas.site;
+  const userInfo = (_session$federatedMas2 = session.federatedMaster) === null || _session$federatedMas2 === void 0 ? void 0 : _session$federatedMas2.user;
+  const localeList = Object.keys(translations);
+  const locale = localeList.includes(_locale) ? _locale : localeList[0];
+  const onLoginFederated = (0, _react.useCallback)(() => {
+    session === null || session === void 0 ? void 0 : session.loginFederated(err => {
+      if (err) {
+        _Toast.default.error(err || translations[_locale].loginFederatedFailed);
+      } else {
+        setFederatedLoginOpen(false);
+      }
+    }, {
+      mode: userInfo ? 'auto' : 'manual'
+    });
+  }, [session, userInfo, _locale]);
+  return siteInfo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_userPopper.default, {
+    open: federatedLoginOpen,
+    anchorEl: anchorEl,
+    dark: dark,
+    onClose: () => setFederatedLoginOpen(false),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+      p: 2,
+      children: [siteInfo && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        display: "flex",
+        alignItems: "center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          component: "img",
+          mr: 2,
+          src: "".concat(siteInfo.appUrl).concat(siteInfo.appLogo),
+          alt: siteInfo.appName,
+          width: "30px",
+          height: "30px"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+          children: translations[locale].useToConnect({
+            master: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+              component: "a",
+              href: siteInfo.appUrl,
+              target: "_blank",
+              sx: {
+                textDecoration: 'none',
+                fontWeight: 'bold',
+                color: 'primary.main',
+                fontSize: '1.2em'
+              },
+              children: siteInfo.appName
+            }),
+            member: window.blocklet.appName
+          })
+        })]
+      }), siteInfo && userInfo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {
+        style: {
+          margin: '15px 0 10px 0'
+        }
+      }), userInfo && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+        display: "flex",
+        alignItems: "center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+          variant: "circle",
+          did: userInfo.did,
+          src: userInfo.avatar,
+          size: 28,
+          shape: "circle"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+          ml: 2,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+              fontSize: 18,
+              children: userInfo.fullName
+            }), ((_userInfo$role = userInfo.role) === null || _userInfo$role === void 0 ? void 0 : _userInfo$role.toUpperCase()) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, {
+              label: (_userInfo$role2 = userInfo.role) === null || _userInfo$role2 === void 0 ? void 0 : _userInfo$role2.toUpperCase(),
+              size: "small",
+              variant: "outlined",
+              sx: {
+                height: 'auto',
+                marginRight: 0,
+                fontSize: 12
+              },
+              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.SvgIcon, {
+                component: _ShieldCheck.default,
+                style: {
+                  fontSize: '14px'
+                }
+              })
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Address.default, {
+            responsive: false,
+            children: userInfo.did
+          })]
+        })]
+      }), siteInfo && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        display: "flex",
+        justifyContent: "center",
+        mt: 2,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          variant: "contained",
+          size: "small",
+          onClick: onLoginFederated,
+          children: translations[locale].connect
+        })
+      })]
+    })
+  });
+}
+FederatedLoginDetecter.propTypes = {
+  session: _propTypes.default.object.isRequired,
+  anchorEl: _propTypes.default.instanceOf(Element),
+  dark: _propTypes.default.bool,
+  locale: _propTypes.default.string
+};
+FederatedLoginDetecter.defaultProps = {
+  dark: false,
+  anchorEl: null,
+  locale: 'en'
+};