UNPKG

@magicbe/design

Version:

React + Antd Drag Drop Visual design

53 lines (52 loc) 2.59 kB
var __assign = (this && this.__assign) || function () { __assign = Object.assign || function(t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; return __assign.apply(this, arguments); }; import { jsx as _jsx } from "react/jsx-runtime"; import React, { useState } from "react"; var DesignViewsContext = React.createContext({}); export var DesignViewsContextProvider = function (_a) { var children = _a.children; var _b = useState(), copyInfo = _b[0], setCopyInfo = _b[1]; var _c = useState(), shearKey = _c[0], setShearKey = _c[1]; var _d = useState(false), holderToRoot = _d[0], setHolderToRoot = _d[1]; var _e = useState(), holderToDrop = _e[0], setHolderToDrop = _e[1]; var _f = useState(), holderToDropWapper = _f[0], setHolderToDropWapper = _f[1]; var _g = useState(), holderToWidget = _g[0], setHolderToWidget = _g[1]; var _h = useState(), holderToWidgetLocal = _h[0], setHolderToWidgetLocal = _h[1]; var _j = useState(), holderContextMenuAttr = _j[0], setHolderContextMenuAttr = _j[1]; var wapperRef = React.createRef(); return (_jsx(DesignViewsContext.Provider, __assign({ value: { wapperRef: wapperRef, copyInfo: copyInfo, setCopyInfo: setCopyInfo, shearKey: shearKey, setShearKey: setShearKey, holderToRoot: holderToRoot, setHolderToRoot: setHolderToRoot, holderToDrop: holderToDrop, setHolderToDrop: setHolderToDrop, holderToDropWapper: holderToDropWapper, setHolderToDropWapper: setHolderToDropWapper, holderToWidget: holderToWidget, setHolderToWidget: setHolderToWidget, holderToWidgetLocal: holderToWidgetLocal, setHolderToWidgetLocal: setHolderToWidgetLocal, holderContextMenuAttr: holderContextMenuAttr, setHolderContextMenuAttr: setHolderContextMenuAttr, } }, { children: children }))); }; export var useDesignViewsContext = function () { return React.useContext(DesignViewsContext); }; var SchemaContext = React.createContext({}); export var SchemaContextProvider = function (_a) { var children = _a.children, value = _a.value; return (_jsx(SchemaContext.Provider, __assign({ value: value }, { children: children }))); }; export var useSchemaContext = function () { return React.useContext(SchemaContext); };