openxiangda 1.0.35 → 1.0.37

package/packages/sdk/dist/runtime/index.mjs

@@ -1231,8 +1231,7 @@ var PageProvider = ({
 };
 
 // packages/sdk/src/styles/antd-theme.ts
-var antdTheme = {
-  cssVar: { prefix: "sy-ant" },
+var baseTheme = {
   hashed: false,
   token: {
     colorPrimary: "#1677ff",
@@ -1260,6 +1259,14 @@ var antdTheme = {
     Card: { paddingLG: 24 }
   }
 };
+var antdTheme = {
+  ...baseTheme,
+  cssVar: { prefix: "ant" }
+};
+var legacyAntdTheme = {
+  ...baseTheme,
+  cssVar: { prefix: "sy-ant" }
+};
 
 // packages/sdk/src/runtime/react/createReactPage.tsx
 import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
@@ -1280,6 +1287,21 @@ var MESSAGE_METHODS = [
 var createRuntimeRoot = (el) => {
   return createRoot(el);
 };
+var normalizeCssIsolation = (value) => {
+  if (value === "namespace" || value === "shadow") return value;
+  return "none";
+};
+var usesLegacyCssIsolation = (cssIsolation) => cssIsolation === "namespace" || cssIsolation === "shadow";
+var getRuntimeCssIsolation = (context) => normalizeCssIsolation(context.page?.capabilities?.cssIsolation);
+var getAntdRuntimeOptions = (cssIsolation) => {
+  const legacy = usesLegacyCssIsolation(cssIsolation);
+  return {
+    prefixCls: legacy ? "sy-ant" : "ant",
+    iconPrefixCls: legacy ? "sy-anticon" : "anticon",
+    messagePrefixCls: legacy ? "sy-ant-message" : "ant-message",
+    theme: legacy ? legacyAntdTheme : antdTheme
+  };
+};
 var isShadowRoot = (rootNode) => typeof ShadowRoot !== "undefined" && rootNode instanceof ShadowRoot;
 var getStyleContainer = (el) => {
   const rootNode = el.getRootNode?.();
@@ -1308,14 +1330,19 @@ var getRuntimeOverlayContainer = (el, portalContainer) => {
     getTargetContainer: () => getRuntimeRoot(el)
   };
 };
-var createAntdConfig = (overlayContainer) => ({
-  locale: zhCN,
-  prefixCls: "sy-ant",
-  iconPrefixCls: "sy-anticon",
-  theme: antdTheme,
-  getPopupContainer: overlayContainer.getPopupContainer,
-  getTargetContainer: overlayContainer.getTargetContainer
-});
+var createAntdConfig = (overlayContainer, cssIsolation) => {
+  const antdOptions = getAntdRuntimeOptions(cssIsolation);
+  return {
+    locale: zhCN,
+    prefixCls: antdOptions.prefixCls,
+    iconPrefixCls: antdOptions.iconPrefixCls,
+    theme: antdOptions.theme,
+    ...usesLegacyCssIsolation(cssIsolation) ? {
+      getPopupContainer: overlayContainer.getPopupContainer,
+      getTargetContainer: overlayContainer.getTargetContainer
+    } : {}
+  };
+};
 var createPortalContainer = (el) => {
   const rootNode = el.getRootNode?.();
   const parent = isShadowRoot(rootNode) ? rootNode : el.ownerDocument?.body || document.body;
@@ -1365,11 +1392,12 @@ var registerAntdMessageApi = (api) => {
     }
   };
 };
-var installRuntimePortalContainer = (el) => {
+var installRuntimePortalContainer = (el, cssIsolation) => {
   const globalScope = globalThis;
-  const portalContainer = createPortalContainer(el);
+  const portalContainer = usesLegacyCssIsolation(cssIsolation) ? createPortalContainer(el) : null;
   const stack = Array.isArray(globalScope[PORTAL_CONTAINER_STACK_GLOBAL]) ? globalScope[PORTAL_CONTAINER_STACK_GLOBAL] : [];
-  stack.push(portalContainer);
+  const stackTarget = portalContainer ?? el.ownerDocument?.body ?? document.body;
+  stack.push(stackTarget);
   globalScope[PORTAL_CONTAINER_STACK_GLOBAL] = stack;
   globalScope[PORTAL_CONTAINER_RESOLVER_GLOBAL] = () => {
     for (let index = stack.length - 1; index >= 0; index -= 1) {
@@ -1383,42 +1411,43 @@ var installRuntimePortalContainer = (el) => {
   return {
     container: portalContainer,
     release: () => {
-      const position = stack.lastIndexOf(portalContainer);
+      const position = stack.lastIndexOf(stackTarget);
       if (position >= 0) {
         stack.splice(position, 1);
       }
-      portalContainer.remove();
+      portalContainer?.remove();
     }
   };
 };
-var installAntdStaticHolder = (el, portalContainer) => {
+var installAntdStaticHolder = (el, portalContainer, cssIsolation) => {
   installAntdMessageProxy();
+  const antdOptions = getAntdRuntimeOptions(cssIsolation);
   const getMessageContainer = () => {
     if (portalContainer?.isConnected) return portalContainer;
-    return getRuntimeRoot(el);
+    return usesLegacyCssIsolation(cssIsolation) ? getRuntimeRoot(el) : document.body;
   };
   ConfigProvider.config({
-    prefixCls: "sy-ant",
-    iconPrefixCls: "sy-anticon",
-    theme: antdTheme,
+    prefixCls: antdOptions.prefixCls,
+    iconPrefixCls: antdOptions.iconPrefixCls,
+    theme: antdOptions.theme,
     holderRender: (children) => {
       if (!el.isConnected) {
         return /* @__PURE__ */ jsx2(
           ConfigProvider,
           {
-            prefixCls: "sy-ant",
-            iconPrefixCls: "sy-anticon",
-            theme: antdTheme,
+            prefixCls: antdOptions.prefixCls,
+            iconPrefixCls: antdOptions.iconPrefixCls,
+            theme: antdOptions.theme,
             children
           }
         );
       }
       const overlayContainer = getRuntimeOverlayContainer(el, portalContainer);
-      return /* @__PURE__ */ jsx2(StyleProvider, { hashPriority: "high", container: getStyleContainer(el), children: /* @__PURE__ */ jsx2(ConfigProvider, { ...createAntdConfig(overlayContainer), children }) });
+      return /* @__PURE__ */ jsx2(StyleProvider, { hashPriority: "high", container: getStyleContainer(el), children: /* @__PURE__ */ jsx2(ConfigProvider, { ...createAntdConfig(overlayContainer, cssIsolation), children }) });
     }
   });
   message.config({
-    prefixCls: "sy-ant-message",
+    prefixCls: antdOptions.messagePrefixCls,
     getContainer: getMessageContainer
   });
 };
@@ -1436,20 +1465,27 @@ var createReactPage = (AppComponent) => {
   let currentContainer = null;
   let releasePortalContainer = null;
   let portalContainer = null;
+  let currentCssIsolation = null;
   const render = (el, context) => {
-    el.classList.add(NAMESPACE_ROOT_CLASS);
-    if (!root || currentContainer !== el || !portalContainer?.isConnected) {
+    const cssIsolation = getRuntimeCssIsolation(context);
+    if (usesLegacyCssIsolation(cssIsolation)) {
+      el.classList.add(NAMESPACE_ROOT_CLASS);
+    } else {
+      el.classList.remove(NAMESPACE_ROOT_CLASS);
+    }
+    if (!root || currentContainer !== el || currentCssIsolation !== cssIsolation || usesLegacyCssIsolation(cssIsolation) && !portalContainer?.isConnected) {
       root?.unmount();
       releasePortalContainer?.();
       root = createRuntimeRoot(el);
       currentContainer = el;
-      const portalHandle = installRuntimePortalContainer(el);
+      currentCssIsolation = cssIsolation;
+      const portalHandle = installRuntimePortalContainer(el, cssIsolation);
       portalContainer = portalHandle.container;
       releasePortalContainer = portalHandle.release;
     }
     const overlayContainer = getRuntimeOverlayContainer(el, portalContainer);
-    installAntdStaticHolder(el, portalContainer);
-    const antdConfig = createAntdConfig(overlayContainer);
+    installAntdStaticHolder(el, portalContainer, cssIsolation);
+    const antdConfig = createAntdConfig(overlayContainer, cssIsolation);
     root.render(
       /* @__PURE__ */ jsx2(StyleProvider, { hashPriority: "high", container: getStyleContainer(el), children: /* @__PURE__ */ jsx2(ConfigProvider, { ...antdConfig, children: /* @__PURE__ */ jsx2(AntdApp, { children: /* @__PURE__ */ jsx2(RuntimeMessageBridge, { children: /* @__PURE__ */ jsx2(PageProvider, { context, children: /* @__PURE__ */ jsx2(AppComponent, {}) }) }) }) }) })
     );
@@ -1468,6 +1504,7 @@ var createReactPage = (AppComponent) => {
       currentContainer = null;
       releasePortalContainer = null;
       portalContainer = null;
+      currentCssIsolation = null;
     }
   };
 };