@zat-design/sisyphus-react 4.3.6 → 4.4.1-beta.1

package/es/ProLayout/propTypes.js

@@ -30,6 +30,20 @@
  * @description ProLayout 标签页实例接口（类似 FormInstance）
  */
 
+/**
+ * @description iframe 路由表配置项
+ */
+
+/**
+ * @description iframe 嵌入配置
+ *
+ * **触发条件**:URL query 上带 `?isIframe`(大小写不敏感,值不限,只看 key 是否存在)。
+ * 第三方系统通过在 iframe src 上拼 `?isIframe=1` 来触发组件库的嵌入模式。
+ *
+ * 未带该 query 时(独立访问),即使配置了 `tabs.iframe`,组件库也完全不读取,
+ * 维持完整 Layout 渲染。
+ */
+
 export const isTabsMode = props => props.mode === 'tabs';
 export const validateTabsProps = (mode = 'normal', tabs) => {
   if (mode === 'tabs' && !tabs) {

package/es/ProLayout/style/index.less

@@ -361,6 +361,11 @@
     }
   }
 
+  // iframe 嵌入 pure 模式：背景固定为白色，覆盖默认 #f7f9fd 与外部全局样式
+  &.pro-layout-iframe-pure {
+    background: #fff;
+  }
+
   .pro-layout-row-pure {
     .pro-layout-content {
       margin: 0 !important;

package/es/utils/index.d.ts

@@ -18,4 +18,3 @@ export declare const isEmpty: (value: any, emptyValue?: string) => boolean;
  * @returns {boolean} 如果内容溢出返回 true，否则返回 false
  */
 export declare const isEllipsisActive: (element: Element) => boolean;
-export declare const useFocus: (element: Element) => boolean;

package/es/utils/index.js

@@ -1,5 +1,5 @@
 import _isFunction from "lodash/isFunction";
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 const EMPTY_VALUE = [undefined, null, ''];
 
 // 自定义深比对 如果两边都是函数类型则认为相等
@@ -70,25 +70,4 @@ export const isEllipsisActive = element => {
   }
   // 多行情况下，判断高度是否足够
   return element.scrollHeight > element.clientHeight;
-};
-export const useFocus = element => {
-  const [focus, setFocus] = useState(false);
-  useEffect(() => {
-    if (!element) return;
-    element.addEventListener('focus', () => {
-      setFocus(true);
-    }, true);
-    element.addEventListener('blur', () => {
-      setFocus(false);
-    }, true);
-    return () => {
-      element.removeEventListener('focus', () => {
-        setFocus(true);
-      }, true);
-      element.removeEventListener('blur', () => {
-        setFocus(false);
-      }, true);
-    };
-  }, [element]);
-  return focus;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "4.3.6",
+  "version": "4.4.1-beta.1",
   "license": "MIT",
   "files": [
     "es",