@nocobase/client 0.5.0-alpha.36 → 0.7.0-alpha.0

package/lib/schema-component/common/dnd-context/index.js

@@ -0,0 +1,70 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DndContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var core_1 = require("@dnd-kit/core");
+var react_1 = require("@formily/react");
+var react_i18next_1 = require("react-i18next");
+var __1 = require("../../../");
+var hooks_1 = require("../../hooks");
+var useDragEnd = function (props) {
+    var refresh = (0, hooks_1.useDesignable)().refresh;
+    var api = (0, __1.useAPIClient)();
+    var t = (0, react_i18next_1.useTranslation)().t;
+    return function (event) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        var active = event.active, over = event.over;
+        var activeSchema = (_b = (_a = active === null || active === void 0 ? void 0 : active.data) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.schema;
+        var overSchema = (_d = (_c = over === null || over === void 0 ? void 0 : over.data) === null || _c === void 0 ? void 0 : _c.current) === null || _d === void 0 ? void 0 : _d.schema;
+        var insertAdjacent = (_f = (_e = over === null || over === void 0 ? void 0 : over.data) === null || _e === void 0 ? void 0 : _e.current) === null || _f === void 0 ? void 0 : _f.insertAdjacent;
+        var breakRemoveOn = (_h = (_g = over === null || over === void 0 ? void 0 : over.data) === null || _g === void 0 ? void 0 : _g.current) === null || _h === void 0 ? void 0 : _h.breakRemoveOn;
+        var wrapSchema = (_k = (_j = over === null || over === void 0 ? void 0 : over.data) === null || _j === void 0 ? void 0 : _j.current) === null || _k === void 0 ? void 0 : _k.wrapSchema;
+        if (!activeSchema || !overSchema) {
+            (_l = props === null || props === void 0 ? void 0 : props.onDragEnd) === null || _l === void 0 ? void 0 : _l.call(props, event);
+            return;
+        }
+        if (activeSchema === overSchema) {
+            (_m = props === null || props === void 0 ? void 0 : props.onDragEnd) === null || _m === void 0 ? void 0 : _m.call(props, event);
+            return;
+        }
+        var dn = (0, hooks_1.createDesignable)({
+            t: t,
+            api: api,
+            refresh: refresh,
+            current: overSchema,
+        });
+        dn.loadAPIClientEvents();
+        if (activeSchema.parent === overSchema.parent) {
+            dn.insertBeforeBeginOrAfterEnd(activeSchema);
+            (_o = props === null || props === void 0 ? void 0 : props.onDragEnd) === null || _o === void 0 ? void 0 : _o.call(props, event);
+            return;
+        }
+        if (insertAdjacent) {
+            dn.insertAdjacent(insertAdjacent, activeSchema, {
+                wrap: wrapSchema,
+                breakRemoveOn: breakRemoveOn,
+                removeParentsIfNoChildren: true,
+            });
+            (_p = props === null || props === void 0 ? void 0 : props.onDragEnd) === null || _p === void 0 ? void 0 : _p.call(props, event);
+            return;
+        }
+    };
+};
+exports.DndContext = (0, react_1.observer)(function (props) {
+    return ((0, jsx_runtime_1.jsxs)(core_1.DndContext, __assign({ collisionDetection: core_1.rectIntersection }, props, { onDragEnd: useDragEnd(props) }, { children: [(0, jsx_runtime_1.jsx)(core_1.DragOverlay, __assign({ dropAnimation: {
+                    duration: 10,
+                    easing: 'cubic-bezier(0.18, 0.67, 0.6, 1.22)',
+                } }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ style: { whiteSpace: 'nowrap' } }, { children: "\u62D6\u62FD\u4E2D" }), void 0) }), void 0), props.children] }), void 0));
+});
+//# sourceMappingURL=index.js.map

package/lib/schema-component/common/dnd-context/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/common/dnd-context/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { DndContext as DndKitContext, DragEndEvent, DragOverlay, rectIntersection } from '@dnd-kit/core';\nimport { Props } from '@dnd-kit/core/dist/components/DndContext/DndContext';\nimport { observer } from '@formily/react';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useAPIClient } from '../../../';\nimport { createDesignable, useDesignable } from '../../hooks';\n\nconst useDragEnd = (props?: any) => {\n  const { refresh } = useDesignable();\n  const api = useAPIClient();\n  const { t } = useTranslation();\n\n  return (event: DragEndEvent) => {\n    const { active, over } = event;\n    const activeSchema = active?.data?.current?.schema;\n    const overSchema = over?.data?.current?.schema;\n    const insertAdjacent = over?.data?.current?.insertAdjacent;\n    const breakRemoveOn = over?.data?.current?.breakRemoveOn;\n    const wrapSchema = over?.data?.current?.wrapSchema;\n\n    if (!activeSchema || !overSchema) {\n      props?.onDragEnd?.(event);\n      return;\n    }\n\n    if (activeSchema === overSchema) {\n      props?.onDragEnd?.(event);\n      return;\n    }\n\n    const dn = createDesignable({\n      t,\n      api,\n      refresh,\n      current: overSchema,\n    });\n\n    dn.loadAPIClientEvents();\n\n    if (activeSchema.parent === overSchema.parent) {\n      dn.insertBeforeBeginOrAfterEnd(activeSchema);\n      props?.onDragEnd?.(event);\n      return;\n    }\n\n    if (insertAdjacent) {\n      dn.insertAdjacent(insertAdjacent, activeSchema, {\n        wrap: wrapSchema,\n        breakRemoveOn,\n        removeParentsIfNoChildren: true,\n      });\n      props?.onDragEnd?.(event);\n      return;\n    }\n  };\n};\n\nexport const DndContext = observer((props: Props) => {\n  return (\n    <DndKitContext collisionDetection={rectIntersection} {...props} onDragEnd={useDragEnd(props)}>\n      <DragOverlay\n        dropAnimation={{\n          duration: 10,\n          easing: 'cubic-bezier(0.18, 0.67, 0.6, 1.22)',\n        }}\n      >\n        <span style={{ whiteSpace: 'nowrap' }}>拖拽中</span>\n      </DragOverlay>\n      {props.children}\n    </DndKitContext>\n  );\n});\n"]}

package/lib/schema-component/common/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dnd-context';
+export * from './sortable-item';

package/lib/schema-component/common/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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("./dnd-context"), exports);
+__exportStar(require("./sortable-item"), exports);
+//# sourceMappingURL=index.js.map

package/lib/schema-component/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/schema-component/common/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gDAA8B;AAC9B,kDAAgC","sourcesContent":["export * from './dnd-context';\nexport * from './sortable-item';\n\n"]}

package/lib/schema-component/common/sortable-item/SortableItem.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const DraggableContext: React.Context<any>;
+export declare const SortableContext: React.Context<any>;
+export declare const SortableProvider: (props: any) => JSX.Element;
+export declare const Sortable: (props: any) => React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export declare const SortableItem: React.FC<any>;
+export declare const DragHandler: (props: any) => JSX.Element;

package/lib/schema-component/common/sortable-item/SortableItem.js

@@ -0,0 +1,107 @@
+"use strict";
+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);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DragHandler = exports.SortableItem = exports.Sortable = exports.SortableProvider = exports.SortableContext = exports.DraggableContext = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var core_1 = require("@dnd-kit/core");
+var react_1 = require("@formily/react");
+var react_2 = __importStar(require("react"));
+exports.DraggableContext = (0, react_2.createContext)(null);
+exports.SortableContext = (0, react_2.createContext)(null);
+var SortableProvider = function (props) {
+    var id = props.id, data = props.data, children = props.children;
+    var draggable = (0, core_1.useDraggable)({
+        id: id,
+        data: data,
+    });
+    var droppable = (0, core_1.useDroppable)({
+        id: id,
+        data: data,
+    });
+    return (0, jsx_runtime_1.jsx)(exports.SortableContext.Provider, __assign({ value: { draggable: draggable, droppable: droppable } }, { children: children }), void 0);
+};
+exports.SortableProvider = SortableProvider;
+var Sortable = function (props) {
+    var component = props.component, style = props.style, children = props.children, others = __rest(props, ["component", "style", "children"]);
+    var droppable = (0, react_2.useContext)(exports.SortableContext).droppable;
+    var isOver = droppable.isOver, setNodeRef = droppable.setNodeRef;
+    var droppableStyle = __assign({}, style);
+    if (isOver) {
+        droppableStyle['color'] = 'rgba(241, 139, 98, .1)';
+    }
+    return react_2.default.createElement(component || 'div', __assign(__assign({}, others), { ref: setNodeRef, style: droppableStyle }), children);
+};
+exports.Sortable = Sortable;
+exports.SortableItem = (0, react_1.observer)(function (props) {
+    var field = (0, react_1.useField)();
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    return ((0, jsx_runtime_1.jsx)(exports.SortableProvider, __assign({ id: field.address.toString(), data: { insertAdjacent: 'afterEnd', schema: fieldSchema } }, { children: (0, jsx_runtime_1.jsx)(exports.Sortable, __assign({}, props, { children: props.children }), void 0) }), void 0));
+});
+var DragHandler = function (props) {
+    var draggable = (0, react_2.useContext)(exports.SortableContext).draggable;
+    var isDragging = draggable.isDragging, attributes = draggable.attributes, listeners = draggable.listeners, setNodeRef = draggable.setNodeRef, transform = draggable.transform;
+    var style = transform
+        ? {
+            transform: "translate3d(" + transform.x + "px, " + transform.y + "px, 0)",
+        }
+        : undefined;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: {
+            display: 'inline-block',
+            width: 12,
+            height: 12,
+            lineHeight: '12px',
+            textAlign: 'left',
+        } }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ ref: setNodeRef, style: {
+                // ...style,
+                position: 'relative',
+                zIndex: 1,
+                // backgroundColor: '#333',
+                lineHeight: 0,
+                height: 2,
+                width: 2,
+                fontSize: 0,
+                display: 'inline-block',
+            } }, listeners, attributes, { children: (0, jsx_runtime_1.jsx)("span", __assign({ style: { cursor: 'move', fontSize: 14 } }, { children: props.children }), void 0) }), void 0) }), void 0));
+};
+exports.DragHandler = DragHandler;
+//# sourceMappingURL=SortableItem.js.map

package/lib/schema-component/common/sortable-item/SortableItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableItem.js","sourceRoot":"","sources":["../../../../src/schema-component/common/sortable-item/SortableItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useDraggable, useDroppable } from '@dnd-kit/core';\nimport { observer, useField, useFieldSchema } from '@formily/react';\nimport React, { createContext, useContext } from 'react';\n\nexport const DraggableContext = createContext(null);\nexport const SortableContext = createContext(null);\n\nexport const SortableProvider = (props) => {\n  const { id, data, children } = props;\n  const draggable = useDraggable({\n    id,\n    data,\n  });\n  const droppable = useDroppable({\n    id,\n    data,\n  });\n  return <SortableContext.Provider value={{ draggable, droppable }}>{children}</SortableContext.Provider>;\n};\n\nexport const Sortable = (props: any) => {\n  const { component, style, children, ...others } = props;\n  const { droppable } = useContext(SortableContext);\n  const { isOver, setNodeRef } = droppable;\n  const droppableStyle = { ...style };\n\n  if (isOver) {\n    droppableStyle['color'] = 'rgba(241, 139, 98, .1)';\n  }\n\n  return React.createElement(\n    component || 'div',\n    {\n      ...others,\n      ref: setNodeRef,\n      style: droppableStyle,\n    },\n    children,\n  );\n};\n\nexport const SortableItem: React.FC<any> = observer((props) => {\n  const field = useField();\n  const fieldSchema = useFieldSchema();\n  return (\n    <SortableProvider id={field.address.toString()} data={{ insertAdjacent: 'afterEnd', schema: fieldSchema }}>\n      <Sortable {...props}>{props.children}</Sortable>\n    </SortableProvider>\n  );\n});\n\nexport const DragHandler = (props) => {\n  const { draggable } = useContext(SortableContext);\n  const { isDragging, attributes, listeners, setNodeRef, transform } = draggable;\n  const style = transform\n    ? {\n        transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,\n      }\n    : undefined;\n\n  return (\n    <div\n      style={{\n        display: 'inline-block',\n        width: 12,\n        height: 12,\n        lineHeight: '12px',\n        textAlign: 'left',\n      }}\n    >\n      <div\n        ref={setNodeRef}\n        style={{\n          // ...style,\n          position: 'relative',\n          zIndex: 1,\n          // backgroundColor: '#333',\n          lineHeight: 0,\n          height: 2,\n          width: 2,\n          fontSize: 0,\n          display: 'inline-block',\n        }}\n        {...listeners}\n        {...attributes}\n      >\n        <span style={{ cursor: 'move', fontSize: 14 }}>{props.children}</span>\n      </div>\n    </div>\n  );\n};\n"]}

package/lib/schema-component/common/sortable-item/index.d.ts

@@ -0,0 +1 @@
+export * from './SortableItem';

package/lib/schema-component/common/sortable-item/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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("./SortableItem"), exports);
+//# sourceMappingURL=index.js.map

package/lib/schema-component/common/sortable-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/common/sortable-item/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA+B","sourcesContent":["export * from './SortableItem';\n"]}

package/lib/schema-component/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ISchemaComponentContext } from './types';
+export declare const SchemaComponentContext: import("react").Context<ISchemaComponentContext>;

package/lib/schema-component/context.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SchemaComponentContext = void 0;
+var react_1 = require("react");
+exports.SchemaComponentContext = (0, react_1.createContext)({});
+//# sourceMappingURL=context.js.map

package/lib/schema-component/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/schema-component/context.ts"],"names":[],"mappings":";;;AAAA,+BAAsC;AAGzB,QAAA,sBAAsB,GAAG,IAAA,qBAAa,EAA0B,EAAE,CAAC,CAAC","sourcesContent":["import { createContext } from 'react';\nimport { ISchemaComponentContext } from './types';\n\nexport const SchemaComponentContext = createContext<ISchemaComponentContext>({});\n"]}

package/lib/schema-component/core/DesignableSwitch.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DesignableSwitch: () => JSX.Element;

package/lib/schema-component/core/DesignableSwitch.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesignableSwitch = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icons_1 = require("@ant-design/icons");
+var react_i18next_1 = require("react-i18next");
+var __1 = require("..");
+var plugin_manager_1 = require("../../plugin-manager");
+var DesignableSwitch = function () {
+    var _a = (0, __1.useDesignable)(), designable = _a.designable, setDesignable = _a.setDesignable;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var style = {};
+    if (designable) {
+        style['backgroundColor'] = '#f18b62';
+    }
+    return ((0, jsx_runtime_1.jsx)(plugin_manager_1.PluginManager.Toolbar.Item, { selected: designable, icon: (0, jsx_runtime_1.jsx)(icons_1.HighlightOutlined, {}, void 0), title: t('UI Editor'), style: style, onClick: function () {
+            setDesignable(!designable);
+        } }, void 0));
+};
+exports.DesignableSwitch = DesignableSwitch;
+//# sourceMappingURL=DesignableSwitch.js.map

package/lib/schema-component/core/DesignableSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignableSwitch.js","sourceRoot":"","sources":["../../../src/schema-component/core/DesignableSwitch.tsx"],"names":[],"mappings":";;;;AAAA,2CAAsD;AAEtD,+CAA+C;AAC/C,wBAAmC;AACnC,uDAAqD;AAE9C,IAAM,gBAAgB,GAAG;IACxB,IAAA,KAAgC,IAAA,iBAAa,GAAE,EAA7C,UAAU,gBAAA,EAAE,aAAa,mBAAoB,CAAC;IAC9C,IAAA,CAAC,GAAK,IAAA,8BAAc,GAAE,EAArB,CAAsB;IAC/B,IAAM,KAAK,GAAG,EAAE,CAAC;IACjB,IAAI,UAAU,EAAE;QACd,KAAK,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;KACtC;IACD,OAAO,CACL,uBAAC,8BAAa,CAAC,OAAO,CAAC,IAAI,IACzB,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,uBAAC,yBAAiB,aAAG,EAC3B,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC,EACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE;YACP,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC;QAC7B,CAAC,WAC2B,CAC/B,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,gBAAgB,oBAkB3B","sourcesContent":["import { HighlightOutlined } from '@ant-design/icons';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useDesignable } from '..';\nimport { PluginManager } from '../../plugin-manager';\n\nexport const DesignableSwitch = () => {\n  const { designable, setDesignable } = useDesignable();\n  const { t } = useTranslation();\n  const style = {};\n  if (designable) {\n    style['backgroundColor'] = '#f18b62';\n  }\n  return (\n    <PluginManager.Toolbar.Item\n      selected={designable}\n      icon={<HighlightOutlined />}\n      title={t('UI Editor')}\n      style={style}\n      onClick={() => {\n        setDesignable(!designable);\n      }}\n    ></PluginManager.Toolbar.Item>\n  );\n};\n"]}

package/lib/schema-component/core/FormProvider.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FormProvider: React.FC<any>;

package/lib/schema-component/core/FormProvider.js

@@ -0,0 +1,41 @@
+"use strict";
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormProvider = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var core_1 = require("@formily/core");
+var react_1 = require("@formily/react");
+var react_2 = require("react");
+var SchemaComponentOptions_1 = require("./SchemaComponentOptions");
+var FormProvider = function (props) {
+    var children = props.children, others = __rest(props, ["children"]);
+    var options = (0, react_2.useContext)(react_1.SchemaOptionsContext);
+    var expressionScope = (0, react_2.useContext)(react_1.SchemaExpressionScopeContext);
+    var scope = __assign(__assign({}, options === null || options === void 0 ? void 0 : options.scope), expressionScope);
+    var components = __assign({}, options === null || options === void 0 ? void 0 : options.components);
+    var form = (0, react_2.useMemo)(function () { return props.form || (0, core_1.createForm)(); }, []);
+    return ((0, jsx_runtime_1.jsx)(react_1.FormProvider, __assign({}, others, { form: form }, { children: (0, jsx_runtime_1.jsx)(SchemaComponentOptions_1.SchemaComponentOptions, __assign({ components: components, scope: scope }, { children: children }), void 0) }), void 0));
+};
+exports.FormProvider = FormProvider;
+//# sourceMappingURL=FormProvider.js.map

package/lib/schema-component/core/FormProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormProvider.js","sourceRoot":"","sources":["../../../src/schema-component/core/FormProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAA2C;AAC3C,wCAIwB;AACxB,+BAAmD;AACnD,mEAAkE;AAE3D,IAAM,YAAY,GAAkB,UAAC,KAAK;IACvC,IAAA,QAAQ,GAAgB,KAAK,SAArB,EAAK,MAAM,UAAK,KAAK,EAA/B,YAAuB,CAAF,CAAW;IACtC,IAAI,OAAO,GAAG,IAAA,kBAAU,EAAC,4BAAoB,CAAC,CAAC;IAC/C,IAAM,eAAe,GAAG,IAAA,kBAAU,EAAC,oCAA4B,CAAC,CAAC;IACjE,IAAM,KAAK,yBAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GAAK,eAAe,CAAE,CAAC;IACxD,IAAM,UAAU,gBAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,CAAE,CAAC;IAC9C,IAAM,IAAI,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,KAAK,CAAC,IAAI,IAAI,IAAA,iBAAU,GAAE,EAA1B,CAA0B,EAAE,EAAE,CAAC,CAAC;IAC3D,OAAO,CACL,uBAAC,oBAAmB,eAAK,MAAM,IAAE,IAAI,EAAE,IAAI,gBACzC,uBAAC,+CAAsB,aAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,gBACzD,QAAQ,YACc,YACL,CACvB,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,YAAY,gBAcvB","sourcesContent":["import { createForm } from '@formily/core';\nimport {\n  FormProvider as FormilyFormProvider,\n  SchemaExpressionScopeContext,\n  SchemaOptionsContext\n} from '@formily/react';\nimport React, { useContext, useMemo } from 'react';\nimport { SchemaComponentOptions } from './SchemaComponentOptions';\n\nexport const FormProvider: React.FC<any> = (props) => {\n  const { children, ...others } = props;\n  let options = useContext(SchemaOptionsContext);\n  const expressionScope = useContext(SchemaExpressionScopeContext);\n  const scope = { ...options?.scope, ...expressionScope };\n  const components = { ...options?.components };\n  const form = useMemo(() => props.form || createForm(), []);\n  return (\n    <FormilyFormProvider {...others} form={form}>\n      <SchemaComponentOptions components={components} scope={scope}>\n        {children}\n      </SchemaComponentOptions>\n    </FormilyFormProvider>\n  );\n};\n"]}

package/lib/schema-component/core/RemoteSchemaComponent.d.ts

@@ -0,0 +1,14 @@
+import { Schema } from '@formily/react';
+import React from 'react';
+export interface RemoteSchemaComponentProps {
+    scope?: any;
+    uid?: string;
+    onSuccess?: any;
+    components?: any;
+    schemaTransform?: (schema: Schema) => Schema;
+    render?: any;
+    hidden?: any;
+    onlyRenderProperties?: boolean;
+    noForm?: boolean;
+}
+export declare const RemoteSchemaComponent: React.FC<RemoteSchemaComponentProps>;

package/lib/schema-component/core/RemoteSchemaComponent.js

@@ -0,0 +1,50 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RemoteSchemaComponent = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var core_1 = require("@formily/core");
+var antd_1 = require("antd");
+var react_1 = require("react");
+var api_client_1 = require("../../api-client");
+var hooks_1 = require("../hooks");
+var FormProvider_1 = require("./FormProvider");
+var SchemaComponent_1 = require("./SchemaComponent");
+var defaultTransform = function (s) { return s; };
+var RequestSchemaComponent = function (props) {
+    var noForm = props.noForm, onlyRenderProperties = props.onlyRenderProperties, hidden = props.hidden, scope = props.scope, uid = props.uid, components = props.components, onSuccess = props.onSuccess, _a = props.schemaTransform, schemaTransform = _a === void 0 ? defaultTransform : _a;
+    var reset = (0, hooks_1.useSchemaComponentContext)().reset;
+    var conf = {
+        url: "/uiSchemas:" + (onlyRenderProperties ? 'getProperties' : 'getJsonSchema') + "/" + uid,
+    };
+    var form = (0, react_1.useMemo)(function () { return (0, core_1.createForm)(); }, [uid]);
+    var _b = (0, api_client_1.useRequest)(conf, {
+        refreshDeps: [uid],
+        onSuccess: function (data) {
+            onSuccess && onSuccess(data);
+            reset && reset();
+        },
+    }), data = _b.data, loading = _b.loading;
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)(antd_1.Spin, {}, void 0);
+    }
+    if (hidden) {
+        return (0, jsx_runtime_1.jsx)(antd_1.Spin, {}, void 0);
+    }
+    return noForm ? ((0, jsx_runtime_1.jsx)(SchemaComponent_1.SchemaComponent, { memoized: true, components: components, scope: scope, schema: schemaTransform((data === null || data === void 0 ? void 0 : data.data) || {}) }, void 0)) : ((0, jsx_runtime_1.jsx)(FormProvider_1.FormProvider, __assign({ form: form }, { children: (0, jsx_runtime_1.jsx)(SchemaComponent_1.SchemaComponent, { memoized: true, components: components, scope: scope, schema: schemaTransform((data === null || data === void 0 ? void 0 : data.data) || {}) }, void 0) }), void 0));
+};
+var RemoteSchemaComponent = function (props) {
+    return props.uid ? (0, jsx_runtime_1.jsx)(RequestSchemaComponent, __assign({}, props), void 0) : null;
+};
+exports.RemoteSchemaComponent = RemoteSchemaComponent;
+//# sourceMappingURL=RemoteSchemaComponent.js.map

package/lib/schema-component/core/RemoteSchemaComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteSchemaComponent.js","sourceRoot":"","sources":["../../../src/schema-component/core/RemoteSchemaComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,sCAA2C;AAE3C,6BAA4B;AAC5B,+BAAuC;AACvC,+CAA8C;AAC9C,kCAAqD;AACrD,+CAA8C;AAC9C,qDAAoD;AAcpD,IAAM,gBAAgB,GAAG,UAAC,CAAS,IAAK,OAAA,CAAC,EAAD,CAAC,CAAC;AAE1C,IAAM,sBAAsB,GAAyC,UAAC,KAAK;IAEvE,IAAA,MAAM,GAQJ,KAAK,OARD,EACN,oBAAoB,GAOlB,KAAK,qBAPa,EACpB,MAAM,GAMJ,KAAK,OAND,EACN,KAAK,GAKH,KAAK,MALF,EACL,GAAG,GAID,KAAK,IAJJ,EACH,UAAU,GAGR,KAAK,WAHG,EACV,SAAS,GAEP,KAAK,UAFE,EACT,KACE,KAAK,gBAD2B,EAAlC,eAAe,mBAAG,gBAAgB,KAAA,CAC1B;IACF,IAAA,KAAK,GAAK,IAAA,iCAAyB,GAAE,MAAhC,CAAiC;IAC9C,IAAM,IAAI,GAAG;QACX,GAAG,EAAE,iBAAc,oBAAoB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,UAAI,GAAK;KACrF,CAAC;IACF,IAAM,IAAI,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,iBAAU,GAAE,EAAZ,CAAY,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1C,IAAA,KAAoB,IAAA,uBAAU,EAAC,IAAI,EAAE;QACzC,WAAW,EAAE,CAAC,GAAG,CAAC;QAClB,SAAS,YAAC,IAAI;YACZ,SAAS,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC;YAC7B,KAAK,IAAI,KAAK,EAAE,CAAC;QACnB,CAAC;KACF,CAAC,EANM,IAAI,UAAA,EAAE,OAAO,aAMnB,CAAC;IACH,IAAI,OAAO,EAAE;QACX,OAAO,uBAAC,WAAI,aAAG,CAAC;KACjB;IACD,IAAI,MAAM,EAAE;QACV,OAAO,uBAAC,WAAI,aAAG,CAAC;KACjB;IACD,OAAO,MAAM,CAAC,CAAC,CAAC,CACd,uBAAC,iCAAe,IAAC,QAAQ,QAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,EAAE,CAAC,WAAI,CAC9G,CAAC,CAAC,CAAC,CACF,uBAAC,2BAAY,aAAC,IAAI,EAAE,IAAI,gBACtB,uBAAC,iCAAe,IAAC,QAAQ,QAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,EAAE,CAAC,WAAI,YAChG,CAChB,CAAC;AACJ,CAAC,CAAC;AAEK,IAAM,qBAAqB,GAAyC,UAAC,KAAK;IAC/E,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,uBAAC,sBAAsB,eAAK,KAAK,UAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AAClE,CAAC,CAAC;AAFW,QAAA,qBAAqB,yBAEhC","sourcesContent":["import { createForm } from '@formily/core';\nimport { Schema } from '@formily/react';\nimport { Spin } from 'antd';\nimport React, { useMemo } from 'react';\nimport { useRequest } from '../../api-client';\nimport { useSchemaComponentContext } from '../hooks';\nimport { FormProvider } from './FormProvider';\nimport { SchemaComponent } from './SchemaComponent';\n\nexport interface RemoteSchemaComponentProps {\n  scope?: any;\n  uid?: string;\n  onSuccess?: any;\n  components?: any;\n  schemaTransform?: (schema: Schema) => Schema;\n  render?: any;\n  hidden?: any;\n  onlyRenderProperties?: boolean;\n  noForm?: boolean;\n}\n\nconst defaultTransform = (s: Schema) => s;\n\nconst RequestSchemaComponent: React.FC<RemoteSchemaComponentProps> = (props) => {\n  const {\n    noForm,\n    onlyRenderProperties,\n    hidden,\n    scope,\n    uid,\n    components,\n    onSuccess,\n    schemaTransform = defaultTransform,\n  } = props;\n  const { reset } = useSchemaComponentContext();\n  const conf = {\n    url: `/uiSchemas:${onlyRenderProperties ? 'getProperties' : 'getJsonSchema'}/${uid}`,\n  };\n  const form = useMemo(() => createForm(), [uid]);\n  const { data, loading } = useRequest(conf, {\n    refreshDeps: [uid],\n    onSuccess(data) {\n      onSuccess && onSuccess(data);\n      reset && reset();\n    },\n  });\n  if (loading) {\n    return <Spin />;\n  }\n  if (hidden) {\n    return <Spin />;\n  }\n  return noForm ? (\n    <SchemaComponent memoized components={components} scope={scope} schema={schemaTransform(data?.data || {})} />\n  ) : (\n    <FormProvider form={form}>\n      <SchemaComponent memoized components={components} scope={scope} schema={schemaTransform(data?.data || {})} />\n    </FormProvider>\n  );\n};\n\nexport const RemoteSchemaComponent: React.FC<RemoteSchemaComponentProps> = (props) => {\n  return props.uid ? <RequestSchemaComponent {...props} /> : null;\n};\n"]}

package/lib/schema-component/core/SchemaComponent.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IRecursionFieldProps, ISchemaFieldProps } from '@formily/react';
+export declare const SchemaComponent: (props: (ISchemaFieldProps<any, any, import("@formily/core").ObjectField<any, any>> | IRecursionFieldProps) & {
+    memoized?: boolean;
+}) => JSX.Element;

package/lib/schema-component/core/SchemaComponent.js

@@ -0,0 +1,65 @@
+"use strict";
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SchemaComponent = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@formily/react");
+var react_2 = require("react");
+var SchemaComponentOptions_1 = require("./SchemaComponentOptions");
+function toSchema(schema) {
+    var _a;
+    if (react_1.Schema.isSchemaInstance(schema)) {
+        return schema;
+    }
+    if (schema.name) {
+        return new react_1.Schema({
+            type: 'object',
+            properties: (_a = {},
+                _a[schema.name] = schema,
+                _a),
+        });
+    }
+    return new react_1.Schema(schema);
+}
+var useMemoizedSchema = function (schema) {
+    return (0, react_2.useMemo)(function () { return toSchema(schema); }, []);
+};
+var RecursionSchemaComponent = function (props) {
+    var components = props.components, scope = props.scope, schema = props.schema, others = __rest(props, ["components", "scope", "schema"]);
+    return ((0, jsx_runtime_1.jsx)(SchemaComponentOptions_1.SchemaComponentOptions, __assign({ inherit: true, components: components, scope: scope }, { children: (0, jsx_runtime_1.jsx)(react_1.RecursionField, __assign({}, others, { schema: toSchema(schema) }), void 0) }), void 0));
+};
+var MemoizedSchemaComponent = function (props) {
+    var schema = props.schema, others = __rest(props, ["schema"]);
+    var s = useMemoizedSchema(schema);
+    return (0, jsx_runtime_1.jsx)(RecursionSchemaComponent, __assign({}, others, { schema: s }), void 0);
+};
+var SchemaComponent = function (props) {
+    var memoized = props.memoized, others = __rest(props, ["memoized"]);
+    if (memoized) {
+        return (0, jsx_runtime_1.jsx)(MemoizedSchemaComponent, __assign({}, others), void 0);
+    }
+    return (0, jsx_runtime_1.jsx)(RecursionSchemaComponent, __assign({}, others), void 0);
+};
+exports.SchemaComponent = SchemaComponent;
+//# sourceMappingURL=SchemaComponent.js.map

package/lib/schema-component/core/SchemaComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaComponent.js","sourceRoot":"","sources":["../../../src/schema-component/core/SchemaComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wCAAiG;AACjG,+BAAuC;AACvC,mEAAkE;AAElE,SAAS,QAAQ,CAAC,MAAY;;IAC5B,IAAI,cAAM,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE;QACnC,OAAO,MAAM,CAAC;KACf;IACD,IAAI,MAAM,CAAC,IAAI,EAAE;QACf,OAAO,IAAI,cAAM,CAAC;YAChB,IAAI,EAAE,QAAQ;YACd,UAAU;gBACR,GAAC,MAAM,CAAC,IAAI,IAAG,MAAM;mBACtB;SACF,CAAC,CAAC;KACJ;IACD,OAAO,IAAI,cAAM,CAAC,MAAM,CAAC,CAAC;AAC5B,CAAC;AAED,IAAM,iBAAiB,GAAG,UAAC,MAAM;IAC/B,OAAO,IAAA,eAAO,EAAC,cAAM,OAAA,QAAQ,CAAC,MAAM,CAAC,EAAhB,CAAgB,EAAE,EAAE,CAAC,CAAC;AAC7C,CAAC,CAAC;AAEF,IAAM,wBAAwB,GAAG,UAAC,KAAwB;IAChD,IAAA,UAAU,GAA+B,KAAK,WAApC,EAAE,KAAK,GAAwB,KAAK,MAA7B,EAAE,MAAM,GAAgB,KAAK,OAArB,EAAK,MAAM,UAAK,KAAK,EAAhD,iCAAwC,CAAF,CAAW;IACvD,OAAO,CACL,uBAAC,+CAAsB,aAAC,OAAO,QAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,gBAClE,uBAAC,sBAAc,eAAK,MAAM,IAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAI,YACjC,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,uBAAuB,GAAG,UAAC,KAAwB;IAC/C,IAAA,MAAM,GAAgB,KAAK,OAArB,EAAK,MAAM,UAAK,KAAK,EAA7B,UAAqB,CAAF,CAAW;IACpC,IAAM,CAAC,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACpC,OAAO,uBAAC,wBAAwB,eAAK,MAAM,IAAE,MAAM,EAAE,CAAC,YAAI,CAAC;AAC7D,CAAC,CAAC;AAEK,IAAM,eAAe,GAAG,UAAC,KAA0E;IAChG,IAAA,QAAQ,GAAgB,KAAK,SAArB,EAAK,MAAM,UAAK,KAAK,EAA/B,YAAuB,CAAF,CAAW;IACtC,IAAI,QAAQ,EAAE;QACZ,OAAO,uBAAC,uBAAuB,eAAK,MAAM,UAAI,CAAC;KAChD;IACD,OAAO,uBAAC,wBAAwB,eAAK,MAAM,UAAI,CAAC;AAClD,CAAC,CAAC;AANW,QAAA,eAAe,mBAM1B","sourcesContent":["import { IRecursionFieldProps, ISchemaFieldProps, RecursionField, Schema } from '@formily/react';\nimport React, { useMemo } from 'react';\nimport { SchemaComponentOptions } from './SchemaComponentOptions';\n\nfunction toSchema(schema?: any) {\n  if (Schema.isSchemaInstance(schema)) {\n    return schema;\n  }\n  if (schema.name) {\n    return new Schema({\n      type: 'object',\n      properties: {\n        [schema.name]: schema,\n      },\n    });\n  }\n  return new Schema(schema);\n}\n\nconst useMemoizedSchema = (schema) => {\n  return useMemo(() => toSchema(schema), []);\n};\n\nconst RecursionSchemaComponent = (props: ISchemaFieldProps) => {\n  const { components, scope, schema, ...others } = props;\n  return (\n    <SchemaComponentOptions inherit components={components} scope={scope}>\n      <RecursionField {...others} schema={toSchema(schema)} />\n    </SchemaComponentOptions>\n  );\n};\n\nconst MemoizedSchemaComponent = (props: ISchemaFieldProps) => {\n  const { schema, ...others } = props;\n  const s = useMemoizedSchema(schema);\n  return <RecursionSchemaComponent {...others} schema={s} />;\n};\n\nexport const SchemaComponent = (props: (ISchemaFieldProps | IRecursionFieldProps) & { memoized?: boolean }) => {\n  const { memoized, ...others } = props;\n  if (memoized) {\n    return <MemoizedSchemaComponent {...others} />;\n  }\n  return <RecursionSchemaComponent {...others} />;\n};\n"]}

package/lib/schema-component/core/SchemaComponentOptions.d.ts

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

package/lib/schema-component/core/SchemaComponentOptions.js

@@ -0,0 +1,27 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SchemaComponentOptions = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@formily/react");
+var react_2 = require("react");
+var SchemaComponentOptions = function (props) {
+    var inherit = props.inherit;
+    var options = (0, react_2.useContext)(react_1.SchemaOptionsContext);
+    var expressionScope = (0, react_2.useContext)(react_1.SchemaExpressionScopeContext);
+    var scope = __assign(__assign(__assign({}, options === null || options === void 0 ? void 0 : options.scope), expressionScope), props.scope);
+    var components = __assign(__assign({}, options === null || options === void 0 ? void 0 : options.components), props.components);
+    return ((0, jsx_runtime_1.jsx)(react_1.SchemaOptionsContext.Provider, __assign({ value: { scope: scope, components: components } }, { children: (0, jsx_runtime_1.jsx)(react_1.SchemaExpressionScopeContext.Provider, __assign({ value: scope }, { children: props.children }), void 0) }), void 0));
+};
+exports.SchemaComponentOptions = SchemaComponentOptions;
+//# sourceMappingURL=SchemaComponentOptions.js.map

package/lib/schema-component/core/SchemaComponentOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaComponentOptions.js","sourceRoot":"","sources":["../../../src/schema-component/core/SchemaComponentOptions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wCAAoF;AACpF,+BAA0C;AAGnC,IAAM,sBAAsB,GAA2C,UAAC,KAAK;IAC1E,IAAA,OAAO,GAAK,KAAK,QAAV,CAAW;IAC1B,IAAI,OAAO,GAAG,IAAA,kBAAU,EAAC,4BAAoB,CAAC,CAAC;IAC/C,IAAM,eAAe,GAAG,IAAA,kBAAU,EAAC,oCAA4B,CAAC,CAAC;IACjE,IAAM,KAAK,kCAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,GAAK,eAAe,GAAK,KAAK,CAAC,KAAK,CAAE,CAAC;IACxE,IAAM,UAAU,yBAAQ,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,GAAK,KAAK,CAAC,UAAU,CAAE,CAAC;IACnE,OAAO,CACL,uBAAC,4BAAoB,CAAC,QAAQ,aAAC,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,UAAU,YAAA,EAAE,gBACzD,uBAAC,oCAA4B,CAAC,QAAQ,aAAC,KAAK,EAAE,KAAK,gBAAG,KAAK,CAAC,QAAQ,YAAyC,YAC/E,CACjC,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,sBAAsB,0BAWjC","sourcesContent":["import { SchemaExpressionScopeContext, SchemaOptionsContext } from '@formily/react';\nimport React, { useContext } from 'react';\nimport { ISchemaComponentOptionsProps } from '../types';\n\nexport const SchemaComponentOptions: React.FC<ISchemaComponentOptionsProps> = (props) => {\n  const { inherit } = props;\n  let options = useContext(SchemaOptionsContext);\n  const expressionScope = useContext(SchemaExpressionScopeContext);\n  const scope = { ...options?.scope, ...expressionScope, ...props.scope };\n  const components = { ...options?.components, ...props.components };\n  return (\n    <SchemaOptionsContext.Provider value={{ scope, components }}>\n      <SchemaExpressionScopeContext.Provider value={scope}>{props.children}</SchemaExpressionScopeContext.Provider>\n    </SchemaOptionsContext.Provider>\n  );\n};\n"]}

package/lib/schema-component/core/SchemaComponentProvider.d.ts

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