@formily-design/react 1.0.0

package/lib/containers/Designer.js

@@ -0,0 +1,75 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Designer = void 0;
+const react_1 = __importStar(require("react"));
+const core_1 = require("@formily-design/core");
+const context_1 = require("../context");
+const widgets_1 = require("../widgets");
+const hooks_1 = require("../hooks");
+const Layout_1 = require("./Layout");
+const icons = __importStar(require("../icons"));
+core_1.GlobalRegistry.registerDesignerIcons(icons);
+const Designer = (props) => {
+    const engine = (0, hooks_1.useDesigner)();
+    const ref = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
+        if (props.engine) {
+            if (props.engine && ref.current) {
+                if (props.engine !== ref.current) {
+                    ref.current.unmount();
+                }
+            }
+            props.engine.mount();
+            ref.current = props.engine;
+        }
+        return () => {
+            if (props.engine) {
+                props.engine.unmount();
+            }
+        };
+    }, [props.engine]);
+    if (engine)
+        throw new Error('There can only be one Designable Engine Context in the React Tree');
+    return (react_1.default.createElement(Layout_1.Layout, { ...props },
+        react_1.default.createElement(context_1.DesignerEngineContext.Provider, { value: props.engine },
+            props.children,
+            react_1.default.createElement(widgets_1.GhostWidget, null))));
+};
+exports.Designer = Designer;
+exports.Designer.defaultProps = {
+    prefixCls: 'dn-',
+    theme: 'light',
+};

package/lib/containers/Layout.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IDesignerLayoutProps } from '../types';
+export declare const Layout: React.FC<IDesignerLayoutProps>;

package/lib/containers/Layout.js

@@ -0,0 +1,72 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Layout = void 0;
+const react_1 = __importStar(require("react"));
+const shared_1 = require("@formily-design/shared");
+const context_1 = require("../context");
+const classnames_1 = __importDefault(require("classnames"));
+const Layout = (props) => {
+    const layout = (0, react_1.useContext)(context_1.DesignerLayoutContext);
+    const ref = (0, react_1.useRef)();
+    (0, react_1.useLayoutEffect)(() => {
+        if (ref.current) {
+            (0, shared_1.each)(props.variables, (value, key) => {
+                ref.current.style.setProperty(`--${key}`, value);
+            });
+        }
+    }, []);
+    if (layout) {
+        return react_1.default.createElement(react_1.Fragment, null, props.children);
+    }
+    return (react_1.default.createElement("div", { ref: ref, className: (0, classnames_1.default)({
+            [`${props.prefixCls}app`]: true,
+            [`${props.prefixCls}${props.theme}`]: props.theme,
+        }, props.className), style: props.style },
+        react_1.default.createElement(context_1.DesignerLayoutContext.Provider, { value: {
+                theme: props.theme,
+                prefixCls: props.prefixCls,
+                position: props.position,
+            } }, props.children)));
+};
+exports.Layout = Layout;
+exports.Layout.defaultProps = {
+    theme: 'light',
+    prefixCls: 'dn-',
+    position: 'fixed',
+};

package/lib/containers/Simulator.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export type ISimulatorProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Simulator: React.FC<ISimulatorProps>;

package/lib/containers/Simulator.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Simulator = void 0;
+const react_1 = __importDefault(require("react"));
+const core_1 = require("@formily-design/core");
+const shared_1 = require("@formily-design/shared");
+const reactive_react_1 = require("@formily/reactive-react");
+const hooks_1 = require("../hooks");
+const simulators_1 = require("../simulators");
+exports.Simulator = (0, reactive_react_1.observer)((props) => {
+    const screen = (0, hooks_1.useScreen)();
+    if (screen.type === core_1.ScreenType.PC)
+        return react_1.default.createElement(simulators_1.PCSimulator, { ...props }, props.children);
+    if (screen.type === core_1.ScreenType.Mobile)
+        return react_1.default.createElement(simulators_1.MobileSimulator, { ...props }, props.children);
+    if (screen.type === core_1.ScreenType.Responsive)
+        return (react_1.default.createElement(simulators_1.ResponsiveSimulator, { ...props }, props.children));
+    return react_1.default.createElement(simulators_1.PCSimulator, { ...props }, props.children);
+}, {
+    scheduler: shared_1.requestIdle,
+});

package/lib/containers/Viewport.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface IViewportProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'placeholder'> {
+    placeholder?: React.ReactNode;
+    dragTipsDirection?: 'left' | 'right';
+}
+export declare const Viewport: React.FC<IViewportProps>;

package/lib/containers/Viewport.js

@@ -0,0 +1,89 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Viewport = void 0;
+const react_1 = __importStar(require("react"));
+const hooks_1 = require("../hooks");
+const widgets_1 = require("../widgets");
+const shared_1 = require("@formily-design/shared");
+const classnames_1 = __importDefault(require("classnames"));
+const Viewport = ({ placeholder, dragTipsDirection, ...props }) => {
+    const [loaded, setLoaded] = (0, react_1.useState)(false);
+    const prefix = (0, hooks_1.usePrefix)('viewport');
+    const viewport = (0, hooks_1.useViewport)();
+    const ref = (0, react_1.useRef)();
+    const viewportRef = (0, react_1.useRef)();
+    const isFrameRef = (0, react_1.useRef)(false);
+    (0, react_1.useLayoutEffect)(() => {
+        const frameElement = ref.current.querySelector('iframe');
+        if (!viewport)
+            return;
+        if (viewportRef.current && viewportRef.current !== viewport) {
+            viewportRef.current.onUnmount();
+        }
+        if (frameElement) {
+            frameElement.addEventListener('load', () => {
+                viewport.onMount(frameElement, frameElement.contentWindow);
+                (0, shared_1.requestIdle)(() => {
+                    isFrameRef.current = true;
+                    setLoaded(true);
+                });
+            });
+        }
+        else {
+            viewport.onMount(ref.current, shared_1.globalThisPolyfill);
+            (0, shared_1.requestIdle)(() => {
+                isFrameRef.current = false;
+                setLoaded(true);
+            });
+        }
+        viewportRef.current = viewport;
+        return () => {
+            viewport.onUnmount();
+        };
+    }, [viewport]);
+    return (react_1.default.createElement("div", { ...props, ref: ref, className: (0, classnames_1.default)(prefix, props.className), style: {
+            opacity: !loaded ? 0 : 1,
+            overflow: isFrameRef.current ? 'hidden' : 'overlay',
+            ...props.style,
+        } },
+        props.children,
+        react_1.default.createElement(widgets_1.AuxToolWidget, null),
+        react_1.default.createElement(widgets_1.EmptyWidget, { dragTipsDirection: dragTipsDirection }, placeholder)));
+};
+exports.Viewport = Viewport;

package/lib/containers/Workbench.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Workbench: React.FC<{
+    children?: React.ReactNode;
+}>;

package/lib/containers/Workbench.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Workbench = void 0;
+const react_1 = __importDefault(require("react"));
+const reactive_react_1 = require("@formily/reactive-react");
+const hooks_1 = require("../hooks");
+const Workspace_1 = require("./Workspace");
+exports.Workbench = (0, reactive_react_1.observer)((props) => {
+    var _a;
+    const workbench = (0, hooks_1.useWorkbench)();
+    return (react_1.default.createElement(Workspace_1.Workspace, { id: (_a = workbench.currentWorkspace) === null || _a === void 0 ? void 0 : _a.id }, props.children));
+});

package/lib/containers/Workspace.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IWorkspaceProps {
+    children?: React.ReactNode;
+    id?: string;
+    title?: string;
+    description?: string;
+}
+export declare const Workspace: React.FC<IWorkspaceProps>;

package/lib/containers/Workspace.js

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Workspace = void 0;
+const react_1 = __importStar(require("react"));
+const hooks_1 = require("../hooks");
+const context_1 = require("../context");
+const Workspace = ({ id, title, description, ...props }) => {
+    const oldId = (0, react_1.useRef)();
+    const designer = (0, hooks_1.useDesigner)();
+    const workspace = (0, react_1.useMemo)(() => {
+        if (!designer)
+            return;
+        if (oldId.current && oldId.current !== id) {
+            const old = designer.workbench.findWorkspaceById(oldId.current);
+            if (old)
+                old.viewport.detachEvents();
+        }
+        const workspace = {
+            id: id || 'index',
+            title,
+            description,
+        };
+        designer.workbench.ensureWorkspace(workspace);
+        oldId.current = workspace.id;
+        return workspace;
+    }, [id, designer]);
+    return (react_1.default.createElement(react_1.Fragment, null,
+        react_1.default.createElement(context_1.WorkspaceContext.Provider, { value: workspace }, props.children)));
+};
+exports.Workspace = Workspace;

package/lib/containers/index.d.ts

@@ -0,0 +1,7 @@
+import './styles.less';
+export * from './Layout';
+export * from './Designer';
+export * from './Workspace';
+export * from './Simulator';
+export * from './Viewport';
+export * from './Workbench';

package/lib/containers/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./styles.less");
+__exportStar(require("./Layout"), exports);
+__exportStar(require("./Designer"), exports);
+__exportStar(require("./Workspace"), exports);
+__exportStar(require("./Simulator"), exports);
+__exportStar(require("./Viewport"), exports);
+__exportStar(require("./Workbench"), exports);

package/lib/containers/styles.less

@@ -0,0 +1,19 @@
+@import '../variables.less';
+
+.@{prefix-cls}-viewport {
+  height: 100%;
+  width: 100%;
+  min-height: 100px;
+  position: relative;
+  outline: none;
+  box-sizing: border-box;
+  user-select: none;
+  overflow: overlay;
+
+  // & > * {
+  //   width: fit-content;
+  //   height: fit-content;
+  //   min-width: 100%;
+  //   min-height: 100%;
+  // }
+}

package/lib/context.d.ts

@@ -0,0 +1,7 @@
+import { TreeNode, Engine } from '@formily-design/core';
+import { IDesignerLayoutContext, IWorkspaceContext, IDesignerComponents } from './types';
+export declare const DesignerComponentsContext: import("react").Context<IDesignerComponents>;
+export declare const DesignerLayoutContext: import("react").Context<IDesignerLayoutContext>;
+export declare const DesignerEngineContext: import("react").Context<Engine>;
+export declare const TreeNodeContext: import("react").Context<TreeNode>;
+export declare const WorkspaceContext: import("react").Context<IWorkspaceContext>;

package/lib/context.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkspaceContext = exports.TreeNodeContext = exports.DesignerEngineContext = exports.DesignerLayoutContext = exports.DesignerComponentsContext = void 0;
+const react_1 = require("react");
+exports.DesignerComponentsContext = (0, react_1.createContext)({});
+exports.DesignerLayoutContext = (0, react_1.createContext)(null);
+exports.DesignerEngineContext = (0, react_1.createContext)(null);
+exports.TreeNodeContext = (0, react_1.createContext)(null);
+exports.WorkspaceContext = (0, react_1.createContext)(null);

package/lib/hooks/index.d.ts

@@ -0,0 +1,25 @@
+export * from './useDesigner';
+export * from './useCursor';
+export * from './useScreen';
+export * from './useTree';
+export * from './useTheme';
+export * from './usePosition';
+export * from './useTreeNode';
+export * from './useHover';
+export * from './useViewport';
+export * from './useOutline';
+export * from './useSelection';
+export * from './useOperation';
+export * from './useWorkbench';
+export * from './useWorkspace';
+export * from './useLayout';
+export * from './useHistory';
+export * from './usePrefix';
+export * from './useRegistry';
+export * from './useValidNodeOffsetRect';
+export * from './useMoveHelper';
+export * from './useNodeIdProps';
+export * from './useTransformHelper';
+export * from './useSelectedNode';
+export * from './useSelected';
+export * from './useComponents';

package/lib/hooks/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useDesigner"), exports);
+__exportStar(require("./useCursor"), exports);
+__exportStar(require("./useScreen"), exports);
+__exportStar(require("./useTree"), exports);
+__exportStar(require("./useTheme"), exports);
+__exportStar(require("./usePosition"), exports);
+__exportStar(require("./useTreeNode"), exports);
+__exportStar(require("./useHover"), exports);
+__exportStar(require("./useViewport"), exports);
+__exportStar(require("./useOutline"), exports);
+__exportStar(require("./useSelection"), exports);
+__exportStar(require("./useOperation"), exports);
+__exportStar(require("./useWorkbench"), exports);
+__exportStar(require("./useWorkspace"), exports);
+__exportStar(require("./useLayout"), exports);
+__exportStar(require("./useHistory"), exports);
+__exportStar(require("./usePrefix"), exports);
+__exportStar(require("./useRegistry"), exports);
+__exportStar(require("./useValidNodeOffsetRect"), exports);
+__exportStar(require("./useMoveHelper"), exports);
+__exportStar(require("./useNodeIdProps"), exports);
+__exportStar(require("./useTransformHelper"), exports);
+__exportStar(require("./useSelectedNode"), exports);
+__exportStar(require("./useSelected"), exports);
+__exportStar(require("./useComponents"), exports);

package/lib/hooks/useComponents.d.ts

@@ -0,0 +1 @@
+export declare const useComponents: () => import("..").IDesignerComponents;

package/lib/hooks/useComponents.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useComponents = void 0;
+const react_1 = require("react");
+const context_1 = require("../context");
+const useComponents = () => (0, react_1.useContext)(context_1.DesignerComponentsContext);
+exports.useComponents = useComponents;

package/lib/hooks/useCursor.d.ts

@@ -0,0 +1 @@
+export declare const useCursor: () => import("packages/core/lib").Cursor;

package/lib/hooks/useCursor.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCursor = void 0;
+const useDesigner_1 = require("./useDesigner");
+const useCursor = () => {
+    const designer = (0, useDesigner_1.useDesigner)();
+    return designer.cursor;
+};
+exports.useCursor = useCursor;

package/lib/hooks/useDesigner.d.ts

@@ -0,0 +1,5 @@
+import { Engine } from '@formily-design/core';
+export interface IEffects {
+    (engine: Engine): void;
+}
+export declare const useDesigner: (effects?: IEffects) => Engine;

package/lib/hooks/useDesigner.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDesigner = void 0;
+const react_1 = require("react");
+const context_1 = require("../context");
+const shared_1 = require("@formily-design/shared");
+const useDesigner = (effects) => {
+    const designer = shared_1.globalThisPolyfill['__DESIGNABLE_ENGINE__'] ||
+        (0, react_1.useContext)(context_1.DesignerEngineContext);
+    (0, react_1.useEffect)(() => {
+        if ((0, shared_1.isFn)(effects)) {
+            return effects(designer);
+        }
+    }, []);
+    return designer;
+};
+exports.useDesigner = useDesigner;

package/lib/hooks/useHistory.d.ts

@@ -0,0 +1 @@
+export declare const useHistory: (workspaceId?: string) => import("packages/core/lib").History<import("packages/core/lib").Workspace>;

package/lib/hooks/useHistory.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHistory = void 0;
+const useWorkspace_1 = require("./useWorkspace");
+const useHistory = (workspaceId) => {
+    const workspace = (0, useWorkspace_1.useWorkspace)(workspaceId);
+    return workspace === null || workspace === void 0 ? void 0 : workspace.history;
+};
+exports.useHistory = useHistory;

package/lib/hooks/useHover.d.ts

@@ -0,0 +1 @@
+export declare const useHover: (workspaceId?: string) => import("packages/core/lib/models/Hover").Hover;

package/lib/hooks/useHover.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHover = void 0;
+const useOperation_1 = require("./useOperation");
+const useHover = (workspaceId) => {
+    const operation = (0, useOperation_1.useOperation)(workspaceId);
+    return operation === null || operation === void 0 ? void 0 : operation.hover;
+};
+exports.useHover = useHover;

package/lib/hooks/useLayout.d.ts

@@ -0,0 +1,2 @@
+import { IDesignerLayoutContext } from '../types';
+export declare const useLayout: () => IDesignerLayoutContext;

package/lib/hooks/useLayout.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLayout = void 0;
+const react_1 = require("react");
+const context_1 = require("../context");
+const shared_1 = require("@formily-design/shared");
+const useLayout = () => {
+    return (shared_1.globalThisPolyfill['__DESIGNABLE_LAYOUT__'] ||
+        (0, react_1.useContext)(context_1.DesignerLayoutContext));
+};
+exports.useLayout = useLayout;

package/lib/hooks/useMoveHelper.d.ts

@@ -0,0 +1 @@
+export declare const useMoveHelper: (workspaceId?: string) => import("packages/core/lib").MoveHelper;

package/lib/hooks/useMoveHelper.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMoveHelper = void 0;
+const useOperation_1 = require("./useOperation");
+const useMoveHelper = (workspaceId) => {
+    const operation = (0, useOperation_1.useOperation)(workspaceId);
+    return operation === null || operation === void 0 ? void 0 : operation.moveHelper;
+};
+exports.useMoveHelper = useMoveHelper;

package/lib/hooks/useNodeIdProps.d.ts

@@ -0,0 +1,4 @@
+import { TreeNode } from '@formily-design/core';
+export declare const useNodeIdProps: (node?: TreeNode) => {
+    [x: string]: string;
+};

package/lib/hooks/useNodeIdProps.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useNodeIdProps = void 0;
+const useDesigner_1 = require("./useDesigner");
+const useTreeNode_1 = require("./useTreeNode");
+const useNodeIdProps = (node) => {
+    const target = (0, useTreeNode_1.useTreeNode)();
+    const designer = (0, useDesigner_1.useDesigner)();
+    return {
+        [designer.props.nodeIdAttrName]: node ? node.id : target.id,
+    };
+};
+exports.useNodeIdProps = useNodeIdProps;

package/lib/hooks/useOperation.d.ts

@@ -0,0 +1 @@
+export declare const useOperation: (workspaceId?: string) => import("packages/core/lib").Operation;