seat-editor 3.2.25 → 3.2.26

package/dist/features/board-v3/index.d.ts

@@ -7,7 +7,10 @@ export type RefsType = {
 };
 interface BoardTemplateProps {
     refs?: React.ForwardedRef<RefsType>;
-    loadingComponent?: React.JSX.Element;
+    loadingRender?: {
+        state: boolean;
+        element: React.JSX.Element;
+    };
 }
-declare const BoardTemplate: ({ refs, loadingComponent }: BoardTemplateProps) => React.JSX.Element;
+declare const BoardTemplate: ({ refs, loadingRender }: BoardTemplateProps) => React.JSX.Element;
 export default BoardTemplate;

package/dist/features/board-v3/index.jsx

@@ -14,7 +14,7 @@ import { applyResizeToSvgElement, arrayToSvgPointsAttr, createTableGhost, getGlo
 const toolElement = ["square", "circle", "table-seat-circle"];
 const idSelectionBoxGhost = "selection-box-ghost";
 const nameShapeSelectionBoxGhost = "selection-box";
-const BoardTemplate = ({ refs, loadingComponent }) => {
+const BoardTemplate = ({ refs, loadingRender }) => {
     const dispatch = useAppDispatch();
     const backgroundColor = useAppSelector((state) => state.board.backgroundColor);
     const selectedComponentProps = useAppSelector((state) => state.panel.selectedComponent);
@@ -1501,7 +1501,7 @@ const BoardTemplate = ({ refs, loadingComponent }) => {
     };
     return (<>
       <ModalPreview>
-        <LayerView statusKey="status" loadingComponent={loadingComponent}/>
+        <LayerView statusKey="status" loadingRender={loadingRender}/>
         <div className="flex gap-2 mt-2">
           <Radio.Group value={isShowTagType} onChange={handleCheckPreview}>
             <Radio value="default">Default</Radio>

package/dist/features/package/index.d.ts

@@ -39,7 +39,10 @@ export interface TableEditorProps {
         paddingRight?: number;
         paddingBottom?: number;
     };
-    loadingComponent?: React.JSX.Element;
+    loadingRender?: {
+        state: boolean;
+        element: React.JSX.Element;
+    };
 }
 declare const TableEditor: (props: TableEditorProps) => import("react").JSX.Element;
 export default TableEditor;

package/dist/features/package/index.jsx

@@ -128,7 +128,7 @@ const TableEditor = (props) => {
             <LayerView statusKey="status"/>
           </div>) : (<div key={`${viewOnly}`} className="w-full h-full flex relative">
             <SideTool dragOnly={dragOnly} deleteAutorized={deleteAutorized}/>
-            <Board key={`${viewOnly}`} refs={refsBoard} loadingComponent={props === null || props === void 0 ? void 0 : props.loadingComponent}/>
+            <Board key={`${viewOnly}`} refs={refsBoard} loadingRender={props === null || props === void 0 ? void 0 : props.loadingRender}/>
             <ControlPanels action={props.action} transform={(_a = refsBoard === null || refsBoard === void 0 ? void 0 : refsBoard.current) === null || _a === void 0 ? void 0 : _a.transformRef}/>
           </div>)}
       </div>

package/dist/features/view-only-3/index.d.ts

@@ -78,7 +78,10 @@ export interface LayerViewProps<TMeta = undefined> {
         paddingBottom?: number;
     };
     disabled?: boolean;
-    loadingComponent?: React.JSX.Element;
+    loadingRender?: {
+        state: boolean;
+        element: React.JSX.Element;
+    };
 }
 declare const LayerView: <TMeta>(props: LayerViewProps<TMeta>) => React.JSX.Element;
 export default LayerView;

package/dist/features/view-only-3/index.jsx

@@ -6,7 +6,7 @@ import Layers from "../../components/layer-v4";
 import { getTranslate } from "../board-v3/utils";
 import { Spin } from "antd";
 const LayerView = (props) => {
-    const { componentProps, extraComponentProps, onSelectComponent, onCurrentStateChange, mappingKey, statusKey, defaultBackground, iconTags, tooltipProps, onRightClick, allowTooltip = true, tableMatchKey, eventMatchTable, ghostAttributes, onDrop, onSwitch, refs, privilegedTags, disabled, loadingComponent, } = props;
+    const { componentProps, extraComponentProps, onSelectComponent, onCurrentStateChange, mappingKey, statusKey, defaultBackground, iconTags, tooltipProps, onRightClick, allowTooltip = true, tableMatchKey, eventMatchTable, ghostAttributes, onDrop, onSwitch, refs, privilegedTags, disabled, loadingRender, } = props;
     const widthTooltip = (tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.minWidth) || 168;
     const tableGhost = useRef(null);
     const hoverUnderghostId = useRef(null);
@@ -38,7 +38,7 @@ const LayerView = (props) => {
     }));
     const dispatch = useAppDispatch();
     useEffect(() => {
-        if (!loading) {
+        if (!(loading && (loadingRender === null || loadingRender === void 0 ? void 0 : loadingRender.state))) {
             dispatch({ type: "panel/setLoading", payload: true });
         }
         if ((componentProps === null || componentProps === void 0 ? void 0 : componentProps.length) > 0) {
@@ -526,7 +526,7 @@ const LayerView = (props) => {
             pointerEvents: disabled ? "none" : "auto",
         }} {...props.containerProps}>
       {loading && (<div className="absolute z-10 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-opacity-50 bg-white w-full h-full flex items-center justify-center">
-          {loadingComponent || <Spin />}
+          {(loadingRender === null || loadingRender === void 0 ? void 0 : loadingRender.element) || <Spin />}
         </div>)}
 
       {/* {isDragging?.current && (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "seat-editor",
-  "version": "3.2.25",
+  "version": "3.2.26",
   "private": false,
   "main": "dist/index.js",
   "types": "dist/index.d.ts",