@chatbi-v/core 2.1.1 → 2.1.2

package/dist/index.js

@@ -114,6 +114,7 @@ __export(index_exports, {
   ServiceRegistry: () => ServiceRegistry,
   SidebarIconSkeleton: () => SidebarIconSkeleton,
   Slot: () => Slot,
+  SlotSkeletons: () => SlotSkeletons,
   StatusBarItemSkeleton: () => StatusBarItemSkeleton,
   StorageManager: () => StorageManager,
   apiEngine: () => apiEngine,
@@ -542,6 +543,9 @@ var useApi = () => {
 init_config_manager();
 
 // src/components/PluginErrorBoundary.tsx
+var import_react3 = require("react");
+
+// src/domain/plugin-manager.ts
 var import_react2 = require("react");
 
 // src/adapters/local-storage-adapter.ts
@@ -1450,18 +1454,20 @@ var PluginManager = class {
    * @param affectedSlot - (可选) 受影响的插槽位置
    */
   notify(affectedSlot) {
-    if (affectedSlot) {
-      this.memoizedExtensions.delete(String(affectedSlot));
-    } else {
-      this.memoizedExtensions.clear();
-      this.memoizedRoutes = null;
-    }
-    this.listeners.forEach((listener) => listener());
-    if (affectedSlot) {
-      this.slotListeners.get(String(affectedSlot))?.forEach((listener) => listener());
-    } else {
-      this.slotListeners.forEach((set) => set.forEach((listener) => listener()));
-    }
+    (0, import_react2.startTransition)(() => {
+      if (affectedSlot) {
+        this.memoizedExtensions.delete(String(affectedSlot));
+      } else {
+        this.memoizedExtensions.clear();
+        this.memoizedRoutes = null;
+      }
+      this.listeners.forEach((listener) => listener());
+      if (affectedSlot) {
+        this.slotListeners.get(String(affectedSlot))?.forEach((listener) => listener());
+      } else {
+        this.slotListeners.forEach((set) => set.forEach((listener) => listener()));
+      }
+    });
   }
   /**
    * 获取所有已注册的插件列表
@@ -2016,7 +2022,7 @@ var pluginManager = new PluginManager(new LocalStorageAdapter());
 // src/components/PluginErrorBoundary.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var logger7 = createLogger("PluginErrorBoundary");
-var PluginErrorBoundary = class extends import_react2.Component {
+var PluginErrorBoundary = class extends import_react3.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false, error: null };
@@ -2026,7 +2032,10 @@ var PluginErrorBoundary = class extends import_react2.Component {
    * @param error - 捕获到的错误
    */
   static getDerivedStateFromError(error) {
-    return { hasError: true, error };
+    if (error && typeof error.then === "function") {
+      return { hasError: false, error: null };
+    }
+    return { hasError: true, error: error instanceof Error ? error : new Error(String(error)) };
   }
   /**
    * 捕获到错误后的回调
@@ -2034,6 +2043,9 @@ var PluginErrorBoundary = class extends import_react2.Component {
    * @param errorInfo - 错误堆栈信息
    */
   componentDidCatch(error, errorInfo) {
+    if (error && typeof error.then === "function") {
+      return;
+    }
     logger7.error(`\u63D2\u4EF6 ${this.props.pluginId || "\u672A\u77E5"} \u6E32\u67D3\u53D1\u751F\u9519\u8BEF:`, error, errorInfo);
     if (this.props.pluginId) {
       console.warn(`[PluginError] \u63D2\u4EF6 "${this.props.pluginId}" \u6E32\u67D3\u5931\u8D25\u3002\u60A8\u53EF\u4EE5\u5728\u63D2\u4EF6\u7BA1\u7406\u9762\u677F\u67E5\u770B\u8BE6\u7EC6\u4FE1\u606F\u3002`);
@@ -2068,8 +2080,33 @@ var PluginErrorBoundary = class extends import_react2.Component {
 };
 
 // src/components/PluginSlot.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
+
+// src/components/SlotSkeletons.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var SidebarIconSkeleton = ({ expanded = false }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: `flex items-center transition-all duration-300 relative
+    ${expanded ? "w-full" : "w-12 justify-center"} px-3 h-11 rounded-xl`, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "w-6 h-6 bg-slate-200 dark:bg-white/10 rounded-lg shrink-0 animate-pulse" }),
+  expanded && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "ml-3 flex-1 h-4 bg-slate-200 dark:bg-white/10 rounded animate-pulse" })
+] });
+var StatusBarItemSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "h-4 w-16 bg-slate-200 dark:bg-white/10 rounded animate-pulse" });
+var AvatarSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "w-10 h-10 rounded-full bg-slate-200 dark:bg-white/10 animate-pulse" });
+var BlockSkeleton = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `bg-slate-200 dark:bg-white/10 rounded animate-pulse ${className || "w-full h-full"}` });
+var SlotSkeletons = ({ slot, expanded }) => {
+  if (slot.includes("sidebar")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SidebarIconSkeleton, { expanded });
+  }
+  if (slot.includes("status")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(StatusBarItemSkeleton, {});
+  }
+  if (slot.includes("avatar")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AvatarSkeleton, {});
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BlockSkeleton, {});
+};
+
+// src/components/PluginSlot.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var PluginSlot = ({
   slot,
   props = {},
@@ -2079,8 +2116,8 @@ var PluginSlot = ({
   skeleton,
   fallback
 }) => {
-  const [, forceUpdate] = (0, import_react3.useState)({});
-  (0, import_react3.useEffect)(() => {
+  const [, forceUpdate] = (0, import_react4.useState)({});
+  (0, import_react4.useEffect)(() => {
     const unsubscribe = pluginManager.subscribe(() => {
       forceUpdate({});
     }, slot);
@@ -2092,47 +2129,36 @@ var PluginSlot = ({
     logo: pluginManager.getSystemConfig("logo"),
     version: pluginManager.getSystemConfig("version")
   } : void 0;
-  const mergedProps = (0, import_react3.useMemo)(() => ({
+  const mergedProps = (0, import_react4.useMemo)(() => ({
     ...props,
     systemConfig
   }), [props, systemConfig]);
-  const items = (0, import_react3.useMemo)(() => {
+  const items = (0, import_react4.useMemo)(() => {
     return extensions.map((ext, index) => {
       const Component2 = ext.component;
       const key = ext.meta?.key || `${ext.slot}-${ext.order || 0}-${index}`;
       return {
         key,
         extension: ext,
-        component: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PluginErrorBoundary, { pluginId: ext._pluginId, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Component2, { ...mergedProps }) }, key)
+        component: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PluginErrorBoundary, { pluginId: ext._pluginId, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react4.Suspense, { fallback: skeleton || /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SlotSkeletons, { slot }), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Component2, { ...mergedProps }) }) }, key)
       };
     });
   }, [extensions, mergedProps]);
   if (items.length === 0) {
     if (fallback) {
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: fallback });
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: fallback });
     }
     if (skeleton) {
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `plugin-slot plugin-slot-${slot} plugin-slot-skeleton ${className || ""}`, style, children: skeleton });
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `plugin-slot plugin-slot-${slot} plugin-slot-skeleton ${className || ""}`, style, children: skeleton });
     }
     return null;
   }
   if (items.length === 1 && slot === "root-layout" && !className && !style && !renderItem) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: items[0].component });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: items[0].component });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `plugin-slot plugin-slot-${slot} ${className || ""}`, style, children: renderItem ? items.map((item, index) => renderItem(item, index)) : items.map((item) => item.component) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `plugin-slot plugin-slot-${slot} ${className || ""}`, style, children: renderItem ? items.map((item, index) => renderItem(item, index)) : items.map((item) => item.component) });
 };
 
-// src/components/SlotSkeletons.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var SidebarIconSkeleton = ({ expanded = false }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `flex items-center transition-all duration-300 relative
-    ${expanded ? "w-full" : "w-12 justify-center"} px-3 h-11 rounded-xl`, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "w-6 h-6 bg-slate-200 dark:bg-white/10 rounded-lg shrink-0 animate-pulse" }),
-  expanded && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "ml-3 flex-1 h-4 bg-slate-200 dark:bg-white/10 rounded animate-pulse" })
-] });
-var StatusBarItemSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "h-4 w-16 bg-slate-200 dark:bg-white/10 rounded animate-pulse" });
-var AvatarSkeleton = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "w-10 h-10 rounded-full bg-slate-200 dark:bg-white/10 animate-pulse" });
-var BlockSkeleton = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `bg-slate-200 dark:bg-white/10 rounded animate-pulse ${className || "w-full h-full"}` });
-
 // src/domain/auto-loader.ts
 var logger8 = createLogger("AutoLoader");
 var DEFAULT_RULES = [
@@ -2178,14 +2204,14 @@ var resolvePluginRegistry = (options) => {
 var SUCCESS_CODE = "000000";
 
 // src/plugin-context.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var PluginContext = (0, import_react4.createContext)(null);
+var PluginContext = (0, import_react5.createContext)(null);
 var PluginProvider = ({ manager, children }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PluginContext.Provider, { value: manager, children });
 };
 var usePluginManager = () => {
-  const context = (0, import_react4.useContext)(PluginContext);
+  const context = (0, import_react5.useContext)(PluginContext);
   if (!context) {
     throw new Error("usePluginManager must be used within a PluginProvider");
   }
@@ -2670,15 +2696,15 @@ var dateUtils = {
 var version = "1.0.0";
 
 // src/hooks/use-storage-state.ts
-var import_react5 = require("react");
+var import_react6 = require("react");
 function useStorageState(pluginId, key, options = {}) {
   const { defaultValue, scope = "plugin" } = options;
   const storageManager = pluginManager.getStorageManager();
-  const getStorage = (0, import_react5.useCallback)(() => {
+  const getStorage = (0, import_react6.useCallback)(() => {
     const contextStorage = storageManager.getContextStorage(pluginId);
     return scope === "shared" ? contextStorage.shared : contextStorage;
   }, [pluginId, scope, storageManager]);
-  const [state, setState] = (0, import_react5.useState)(() => {
+  const [state, setState] = (0, import_react6.useState)(() => {
     try {
       if (typeof window === "undefined") return defaultValue;
       const storage = getStorage();
@@ -2689,7 +2715,7 @@ function useStorageState(pluginId, key, options = {}) {
       return defaultValue;
     }
   });
-  const setValue = (0, import_react5.useCallback)((value) => {
+  const setValue = (0, import_react6.useCallback)((value) => {
     try {
       const valueToStore = value instanceof Function ? value(state) : value;
       setState(valueToStore);
@@ -2703,13 +2729,13 @@ function useStorageState(pluginId, key, options = {}) {
 }
 
 // src/hooks/use-plugin-loader.ts
-var import_react6 = require("react");
+var import_react7 = require("react");
 var logger10 = createLogger("PluginLoader");
 var usePluginLoader = (options) => {
-  const [pluginsLoaded, setPluginsLoaded] = (0, import_react6.useState)(false);
-  const [pluginVersion, setPluginVersion] = (0, import_react6.useState)(0);
-  const loadingRef = (0, import_react6.useRef)(false);
-  (0, import_react6.useEffect)(() => {
+  const [pluginsLoaded, setPluginsLoaded] = (0, import_react7.useState)(false);
+  const [pluginVersion, setPluginVersion] = (0, import_react7.useState)(0);
+  const loadingRef = (0, import_react7.useRef)(false);
+  (0, import_react7.useEffect)(() => {
     const unsubscribe = pluginManager.subscribe(() => {
       logger10.debug("Plugin state changed, refreshing UI...");
       setPluginVersion((v) => v + 1);
@@ -2782,6 +2808,7 @@ var usePluginLoader = (options) => {
   ServiceRegistry,
   SidebarIconSkeleton,
   Slot,
+  SlotSkeletons,
   StatusBarItemSkeleton,
   StorageManager,
   apiEngine,
@@ -2803,3 +2830,4 @@ var usePluginLoader = (options) => {
   useStorageState,
   version
 });
+//# sourceMappingURL=index.js.map