@magicbe/design
Version:
React + Antd Drag Drop Visual design
53 lines (52 loc) • 2.59 kB
JavaScript
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); };