@blocklet/ui-react 2.4.52 → 2.4.54

package/lib/common/link-blocker.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 hasParentOfType(node, type) {
+  if (!node) return false;
+  if (type === node.nodeName) return true;
+  return hasParentOfType(node.parentNode, type);
+}
+/**
+ * 适用于 header/footer/dashboard "preview mode", 阻止内部组件中所有 link 的默认点击行为
+ */
+
+
+function LinkBlocker(_ref) {
+  let rest = Object.assign({}, _ref);
+
+  const handleOnClick = e => {
+    const isInsideLink = hasParentOfType(e.target, 'A');
+
+    if (isInsideLink) {
+      e.preventDefault();
+    }
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread({
+    onClick: handleOnClick
+  }, rest));
+}
+
+var _default = LinkBlocker;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "2.4.52",
+  "version": "2.4.54",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -30,8 +30,8 @@
     "url": "https://github.com/ArcBlock/ux/issues"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.4.52",
-    "@arcblock/ux": "^2.4.52",
+    "@arcblock/did-connect": "^2.4.54",
+    "@arcblock/ux": "^2.4.54",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify/iconify": "^2.2.1",
@@ -53,5 +53,5 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "jest": "^28.1.3"
   },
-  "gitHead": "707d84916e309aaeea69c2f333b1fdf9871dd4cd"
+  "gitHead": "fa118ee64aca47900c106cbc399ea1c986a41cb9"
 }

package/src/common/link-blocker.js

@@ -0,0 +1,20 @@
+function hasParentOfType(node, type) {
+  if (!node) return false;
+  if (type === node.nodeName) return true;
+  return hasParentOfType(node.parentNode, type);
+}
+
+/**
+ * 适用于 header/footer/dashboard "preview mode", 阻止内部组件中所有 link 的默认点击行为
+ */
+function LinkBlocker({ ...rest }) {
+  const handleOnClick = (e) => {
+    const isInsideLink = hasParentOfType(e.target, 'A');
+    if (isInsideLink) {
+      e.preventDefault();
+    }
+  };
+  return <div onClick={handleOnClick} {...rest} />;
+}
+
+export default LinkBlocker;