@nocobase/client 0.5.0-alpha.38 → 0.7.0-alpha.2

package/lib/schema-component/antd/action/Action.Page.js

@@ -0,0 +1,67 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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.ActionPage = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var css_1 = require("@emotion/css");
+var react_1 = require("@formily/react");
+var react_2 = require("react");
+var react_dom_1 = require("react-dom");
+var _1 = require(".");
+var useScope = function (key) {
+    var scope = (0, react_2.useContext)(react_1.SchemaExpressionScopeContext);
+    return scope[key];
+};
+exports.ActionPage = (0, react_1.observer)(function (props) {
+    var _a = props.footerNodeName, footerNodeName = _a === void 0 ? 'Action.Page.Footer' : _a, others = __rest(props, ["footerNodeName"]);
+    var _b = (0, _1.useActionContext)(), containerRefKey = _b.containerRefKey, visible = _b.visible, setVisible = _b.setVisible;
+    var containerRef = useScope(containerRefKey);
+    var schema = (0, react_1.useFieldSchema)();
+    var field = (0, react_1.useField)();
+    var footerSchema = schema.reduceProperties(function (buf, s) {
+        if (s['x-component'] === footerNodeName) {
+            return s;
+        }
+        return buf;
+    });
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) &&
+            visible &&
+            (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(react_1.RecursionField, { basePath: field.address, schema: schema, onlyRenderProperties: true, filterProperties: function (s) {
+                            return s['x-component'] !== footerNodeName;
+                        } }, void 0), footerSchema && ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, css_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                  display: flex;\n                  /* justify-content: flex-end; */\n                  /* flex-direction: row-reverse; */\n                  width: 100%;\n                  .ant-btn {\n                    margin-right: 8px;\n                  }\n                "], ["\n                  display: flex;\n                  /* justify-content: flex-end; */\n                  /* flex-direction: row-reverse; */\n                  width: 100%;\n                  .ant-btn {\n                    margin-right: 8px;\n                  }\n                "]))) }, { children: (0, jsx_runtime_1.jsx)(react_1.RecursionField, { basePath: field.address, schema: schema, onlyRenderProperties: true, filterProperties: function (s) {
+                                return s['x-component'] === footerNodeName;
+                            } }, void 0) }), void 0))] }, void 0), containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) }, void 0));
+});
+exports.ActionPage.Footer = (0, react_1.observer)(function () {
+    var field = (0, react_1.useField)();
+    var schema = (0, react_1.useFieldSchema)();
+    return (0, jsx_runtime_1.jsx)(react_1.RecursionField, { basePath: field.address, schema: schema, onlyRenderProperties: true }, void 0);
+});
+exports.default = exports.ActionPage;
+var templateObject_1;
+//# sourceMappingURL=Action.Page.js.map

package/lib/schema-component/antd/action/Action.Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.Page.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/action/Action.Page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oCAAmC;AACnC,wCAAkH;AAClH,+BAA0C;AAC1C,uCAAyC;AACzC,sBAAqC;AAGrC,IAAM,QAAQ,GAAG,UAAC,GAAW;IAC3B,IAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,oCAA4B,CAAC,CAAC;IACvD,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC;AACpB,CAAC,CAAC;AAEW,QAAA,UAAU,GAAyB,IAAA,gBAAQ,EAAC,UAAC,KAAU;IAC1D,IAAA,KAAqD,KAAK,eAArB,EAArC,cAAc,mBAAG,oBAAoB,KAAA,EAAK,MAAM,UAAK,KAAK,EAA5D,kBAAoD,CAAF,CAAW;IAC7D,IAAA,KAA2C,IAAA,mBAAgB,GAAE,EAA3D,eAAe,qBAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAuB,CAAC;IACpE,IAAM,YAAY,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC/C,IAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAChC,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,YAAY,GAAG,MAAM,CAAC,gBAAgB,CAAC,UAAC,GAAG,EAAE,CAAC;QAClD,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,cAAc,EAAE;YACvC,OAAO,CAAC,CAAC;SACV;QACD,OAAO,GAAG,CAAC;IACb,CAAC,CAAC,CAAC;IACH,OAAO,CACL,2DACG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO;YACpB,OAAO;YACP,IAAA,wBAAY,EACV,4CACE,uBAAC,sBAAc,IACb,QAAQ,EAAE,KAAK,CAAC,OAAO,EACvB,MAAM,EAAE,MAAM,EACd,oBAAoB,QACpB,gBAAgB,EAAE,UAAC,CAAC;4BAClB,OAAO,CAAC,CAAC,aAAa,CAAC,KAAK,cAAc,CAAC;wBAC7C,CAAC,WACD,EACD,YAAY,IAAI,CACf,yCACE,SAAS,MAAE,SAAG,+VAAA,2RAQb,oBAED,uBAAC,sBAAc,IACb,QAAQ,EAAE,KAAK,CAAC,OAAO,EACvB,MAAM,EAAE,MAAM,EACd,oBAAoB,QACpB,gBAAgB,EAAE,UAAC,CAAC;gCAClB,OAAO,CAAC,CAAC,aAAa,CAAC,KAAK,cAAc,CAAC;4BAC7C,CAAC,WACD,YACE,CACP,YACG,EACN,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CACtB,WACF,CACJ,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAU,CAAC,MAAM,GAAG,IAAA,gBAAQ,EAAC;IAC3B,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,IAAM,MAAM,GAAG,IAAA,sBAAc,GAAE,CAAC;IAChC,OAAO,uBAAC,sBAAc,IAAC,QAAQ,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,oBAAoB,iBAAG,CAAC;AAC1F,CAAC,CAAC,CAAC;AAEH,kBAAe,kBAAU,CAAC","sourcesContent":["import { css } from '@emotion/css';\nimport { observer, RecursionField, SchemaExpressionScopeContext, useField, useFieldSchema } from '@formily/react';\nimport React, { useContext } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useActionContext } from '.';\nimport { ComposedActionDrawer } from './types';\n\nconst useScope = (key: string) => {\n  const scope = useContext(SchemaExpressionScopeContext);\n  return scope[key];\n};\n\nexport const ActionPage: ComposedActionDrawer = observer((props: any) => {\n  const { footerNodeName = 'Action.Page.Footer', ...others } = props;\n  const { containerRefKey, visible, setVisible } = useActionContext();\n  const containerRef = useScope(containerRefKey);\n  const schema = useFieldSchema();\n  const field = useField();\n  const footerSchema = schema.reduceProperties((buf, s) => {\n    if (s['x-component'] === footerNodeName) {\n      return s;\n    }\n    return buf;\n  });\n  return (\n    <>\n      {containerRef?.current &&\n        visible &&\n        createPortal(\n          <div>\n            <RecursionField\n              basePath={field.address}\n              schema={schema}\n              onlyRenderProperties\n              filterProperties={(s) => {\n                return s['x-component'] !== footerNodeName;\n              }}\n            />\n            {footerSchema && (\n              <div\n                className={css`\n                  display: flex;\n                  /* justify-content: flex-end; */\n                  /* flex-direction: row-reverse; */\n                  width: 100%;\n                  .ant-btn {\n                    margin-right: 8px;\n                  }\n                `}\n              >\n                <RecursionField\n                  basePath={field.address}\n                  schema={schema}\n                  onlyRenderProperties\n                  filterProperties={(s) => {\n                    return s['x-component'] === footerNodeName;\n                  }}\n                />\n              </div>\n            )}\n          </div>,\n          containerRef?.current,\n        )}\n    </>\n  );\n});\n\nActionPage.Footer = observer(() => {\n  const field = useField();\n  const schema = useFieldSchema();\n  return <RecursionField basePath={field.address} schema={schema} onlyRenderProperties />;\n});\n\nexport default ActionPage;\n"]}

package/lib/schema-component/antd/action/Action.Popover.js

@@ -0,0 +1 @@
+//# sourceMappingURL=Action.Popover.js.map

package/lib/schema-component/antd/action/Action.Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.Popover.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/action/Action.Popover.tsx"],"names":[],"mappings":"","sourcesContent":[""]}

package/lib/schema-component/antd/action/Action.d.ts

@@ -0,0 +1,4 @@
+import { ComposedAction } from './types';
+export declare const actionDesignerCss: string;
+export declare const Action: ComposedAction;
+export default Action;

package/lib/schema-component/antd/action/Action.js

@@ -0,0 +1,112 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Action = exports.actionDesignerCss = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var css_1 = require("@emotion/css");
+var react_1 = require("@formily/react");
+var antd_1 = require("antd");
+var classnames_1 = __importDefault(require("classnames"));
+var react_2 = require("react");
+var __1 = require("../..");
+var icon_1 = require("../../../icon");
+var common_1 = require("../../common");
+var hooks_1 = require("../../hooks");
+var useProps_1 = require("../../hooks/useProps");
+var Action_Container_1 = __importDefault(require("./Action.Container"));
+var Action_Designer_1 = require("./Action.Designer");
+var Action_Drawer_1 = require("./Action.Drawer");
+var Action_Link_1 = require("./Action.Link");
+var Action_Modal_1 = require("./Action.Modal");
+var Action_Page_1 = require("./Action.Page");
+var context_1 = require("./context");
+var hooks_2 = require("./hooks");
+exports.actionDesignerCss = (0, css_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n"], ["\n  position: relative;\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n"])));
+exports.Action = (0, react_1.observer)(function (props) {
+    var popover = props.popover, confirm = props.confirm, openMode = props.openMode, containerRefKey = props.containerRefKey, component = props.component, _a = props.useAction, useAction = _a === void 0 ? hooks_2.useA : _a, className = props.className, disabled = props.disabled, icon = props.icon, others = __rest(props, ["popover", "confirm", "openMode", "containerRefKey", "component", "useAction", "className", "disabled", "icon"]);
+    var onClick = (0, useProps_1.useProps)(props).onClick;
+    var _b = __read((0, react_2.useState)(false), 2), visible = _b[0], setVisible = _b[1];
+    var Designer = (0, hooks_1.useDesigner)();
+    var field = (0, react_1.useField)();
+    var run = useAction().run;
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var designerProps = fieldSchema['x-designer-props'];
+    var renderButton = function () { return ((0, jsx_runtime_1.jsxs)(common_1.SortableItem, __assign({}, others, { icon: (0, jsx_runtime_1.jsx)(icon_1.Icon, { type: icon }, void 0), onClick: function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            var onOk = function () {
+                onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                setVisible(true);
+                run();
+            };
+            if (confirm) {
+                antd_1.Modal.confirm(__assign(__assign({}, confirm), { onOk: onOk }));
+            }
+            else {
+                onOk();
+            }
+        }, component: component || antd_1.Button, className: (0, classnames_1.default)(className, exports.actionDesignerCss) }, { children: [field.title, (0, jsx_runtime_1.jsx)(Designer, __assign({}, designerProps), void 0)] }), void 0)); };
+    return ((0, jsx_runtime_1.jsxs)(context_1.ActionContext.Provider, __assign({ value: { button: renderButton(), visible: visible, setVisible: setVisible, openMode: openMode, containerRefKey: containerRefKey } }, { children: [popover && (0, jsx_runtime_1.jsx)(react_1.RecursionField, { basePath: field.address, onlyRenderProperties: true, schema: fieldSchema }, void 0), !popover && renderButton(), !popover && props.children] }), void 0));
+});
+exports.Action.Popover = (0, react_1.observer)(function (props) {
+    var _a = (0, __1.useActionContext)(), button = _a.button, visible = _a.visible, setVisible = _a.setVisible;
+    return ((0, jsx_runtime_1.jsx)(antd_1.Popover, __assign({}, props, { destroyTooltipOnHide: true, visible: visible, onVisibleChange: function (visible) {
+            setVisible(visible);
+        }, content: props.children }, { children: button }), void 0));
+});
+exports.Action.Popover.Footer = (0, react_1.observer)(function (props) {
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, css_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        display: flex;\n        justify-content: flex-end;\n        width: 100%;\n      "], ["\n        display: flex;\n        justify-content: flex-end;\n        width: 100%;\n      "]))) }, { children: props.children }), void 0));
+});
+exports.Action.Link = Action_Link_1.ActionLink;
+exports.Action.Designer = Action_Designer_1.ActionDesigner;
+exports.Action.Drawer = Action_Drawer_1.ActionDrawer;
+exports.Action.Modal = Action_Modal_1.ActionModal;
+exports.Action.Container = Action_Container_1.default;
+exports.Action.Page = Action_Page_1.ActionPage;
+exports.default = exports.Action;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Action.js.map

package/lib/schema-component/antd/action/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/action/Action.tsx"],"names":[],"mappings":"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","sourcesContent":["import { css } from '@emotion/css';\nimport { observer, RecursionField, useField, useFieldSchema } from '@formily/react';\nimport { Button, Modal, Popover } from 'antd';\nimport classnames from 'classnames';\nimport React, { useState } from 'react';\nimport { useActionContext } from '../..';\nimport { Icon } from '../../../icon';\nimport { SortableItem } from '../../common';\nimport { useDesigner } from '../../hooks';\nimport { useProps } from '../../hooks/useProps';\nimport ActionContainer from './Action.Container';\nimport { ActionDesigner } from './Action.Designer';\nimport { ActionDrawer } from './Action.Drawer';\nimport { ActionLink } from './Action.Link';\nimport { ActionModal } from './Action.Modal';\nimport { ActionPage } from './Action.Page';\nimport { ActionContext } from './context';\nimport { useA } from './hooks';\nimport { ComposedAction } from './types';\n\nexport const actionDesignerCss = css`\n  position: relative;\n  &:hover {\n    > .general-schema-designer {\n      display: block;\n    }\n  }\n  &.nb-action-link {\n    > .general-schema-designer {\n      top: -10px;\n      bottom: -10px;\n      left: -10px;\n      right: -10px;\n    }\n  }\n  > .general-schema-designer {\n    position: absolute;\n    z-index: 999;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    display: none;\n    background: rgba(241, 139, 98, 0.06);\n    border: 0;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    pointer-events: none;\n    > .general-schema-designer-icons {\n      position: absolute;\n      right: 2px;\n      top: 2px;\n      line-height: 16px;\n      pointer-events: all;\n      .ant-space-item {\n        background-color: #f18b62;\n        color: #fff;\n        line-height: 16px;\n        width: 16px;\n        padding-left: 1px;\n      }\n    }\n  }\n`;\n\nexport const Action: ComposedAction = observer((props: any) => {\n  const {\n    popover,\n    confirm,\n    openMode,\n    containerRefKey,\n    component,\n    useAction = useA,\n    className,\n    disabled,\n    icon,\n    ...others\n  } = props;\n  const { onClick } = useProps(props);\n  const [visible, setVisible] = useState(false);\n  const Designer = useDesigner();\n  const field = useField();\n  const { run } = useAction();\n  const fieldSchema = useFieldSchema();\n  const designerProps = fieldSchema['x-designer-props'];\n  const renderButton = () => (\n    <SortableItem\n      {...others}\n      icon={<Icon type={icon} />}\n      onClick={(e: React.MouseEvent) => {\n        e.preventDefault();\n        e.stopPropagation();\n        const onOk = () => {\n          onClick?.(e);\n          setVisible(true);\n          run();\n        };\n        if (confirm) {\n          Modal.confirm({\n            ...confirm,\n            onOk,\n          });\n        } else {\n          onOk();\n        }\n      }}\n      component={component || Button}\n      className={classnames(className, actionDesignerCss)}\n    >\n      {field.title}\n      <Designer {...designerProps} />\n    </SortableItem>\n  );\n  return (\n    <ActionContext.Provider value={{ button: renderButton(), visible, setVisible, openMode, containerRefKey }}>\n      {popover && <RecursionField basePath={field.address} onlyRenderProperties schema={fieldSchema} />}\n      {!popover && renderButton()}\n      {!popover && props.children}\n    </ActionContext.Provider>\n  );\n});\n\nAction.Popover = observer((props) => {\n  const { button, visible, setVisible } = useActionContext();\n  return (\n    <Popover\n      {...props}\n      destroyTooltipOnHide\n      visible={visible}\n      onVisibleChange={(visible) => {\n        setVisible(visible);\n      }}\n      content={props.children}\n    >\n      {button}\n    </Popover>\n  );\n});\n\nAction.Popover.Footer = observer((props) => {\n  return (\n    <div\n      className={css`\n        display: flex;\n        justify-content: flex-end;\n        width: 100%;\n      `}\n    >\n      {props.children}\n    </div>\n  );\n});\n\nAction.Link = ActionLink;\nAction.Designer = ActionDesigner;\nAction.Drawer = ActionDrawer;\nAction.Modal = ActionModal;\nAction.Container = ActionContainer;\nAction.Page = ActionPage;\n\nexport default Action;\n"]}

package/lib/schema-component/antd/action/ActionBar.js

@@ -0,0 +1,52 @@
+"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.ActionBar = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@formily/react");
+var antd_1 = require("antd");
+var schema_initializer_1 = require("../../../schema-initializer");
+var common_1 = require("../../common");
+exports.ActionBar = (0, react_1.observer)(function (props) {
+    var _a = props.layout, layout = _a === void 0 ? 'tow-columns' : _a, style = props.style, others = __rest(props, ["layout", "style"]);
+    var fieldSchema = (0, react_1.useFieldSchema)();
+    var render = (0, schema_initializer_1.useSchemaInitializer)(fieldSchema['x-initializer']).render;
+    if (layout === 'one-column') {
+        return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: __assign({ display: 'flex' }, style) }, others, { children: [props.children && ((0, jsx_runtime_1.jsx)("div", __assign({ style: { marginRight: 8 } }, { children: (0, jsx_runtime_1.jsx)(antd_1.Space, { children: fieldSchema.mapProperties(function (schema, key) {
+                            return (0, jsx_runtime_1.jsx)(react_1.RecursionField, { name: key, schema: schema }, key);
+                        }) }, void 0) }), void 0)), render()] }), void 0));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: __assign({ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }, style) }, others, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', width: '100%' } }, { children: (0, jsx_runtime_1.jsxs)(common_1.DndContext, { children: [(0, jsx_runtime_1.jsx)(antd_1.Space, { children: fieldSchema.mapProperties(function (schema, key) {
+                                if (schema['x-align'] !== 'left') {
+                                    return null;
+                                }
+                                return (0, jsx_runtime_1.jsx)(react_1.RecursionField, { name: key, schema: schema }, key);
+                            }) }, void 0), (0, jsx_runtime_1.jsx)(antd_1.Space, { children: fieldSchema.mapProperties(function (schema, key) {
+                                if (schema['x-align'] === 'left') {
+                                    return null;
+                                }
+                                return (0, jsx_runtime_1.jsx)(react_1.RecursionField, { name: key, schema: schema }, key);
+                            }) }, void 0)] }, void 0) }), void 0), render()] }), void 0));
+});
+//# sourceMappingURL=ActionBar.js.map

package/lib/schema-component/antd/action/ActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/action/ActionBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wCAA0E;AAC1E,6BAA6B;AAE7B,kEAAmE;AACnE,uCAA0C;AAE7B,QAAA,SAAS,GAAG,IAAA,gBAAQ,EAAC,UAAC,KAAU;IACnC,IAAA,KAA6C,KAAK,OAA5B,EAAtB,MAAM,mBAAG,aAAa,KAAA,EAAE,KAAK,GAAgB,KAAK,MAArB,EAAK,MAAM,UAAK,KAAK,EAApD,mBAA4C,CAAF,CAAW;IAC3D,IAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAC;IAC7B,IAAA,MAAM,GAAK,IAAA,yCAAoB,EAAC,WAAW,CAAC,eAAe,CAAC,CAAC,OAAvD,CAAwD;IACtE,IAAI,MAAM,KAAK,YAAY,EAAE;QAC3B,OAAO,CACL,0CAAK,KAAK,aAAI,OAAO,EAAE,MAAM,IAAK,KAAK,KAAQ,MAAM,eAClD,KAAK,CAAC,QAAQ,IAAI,CACjB,yCAAK,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,gBAC5B,uBAAC,YAAK,cACH,WAAW,CAAC,aAAa,CAAC,UAAC,MAAM,EAAE,GAAG;4BACrC,OAAO,uBAAC,sBAAc,IAAW,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,IAA9B,GAAG,CAA+B,CAAC;wBACjE,CAAC,CAAC,WACI,YACJ,CACP,EACA,MAAM,EAAE,aACL,CACP,CAAC;KACH;IACD,OAAO,CACL,0CAAK,KAAK,aAAI,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,IAAK,KAAK,KAAQ,MAAM,eAC1G,yCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,gBACnG,wBAAC,mBAAU,eACT,uBAAC,YAAK,cACH,WAAW,CAAC,aAAa,CAAC,UAAC,MAAM,EAAE,GAAG;gCACrC,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,MAAM,EAAE;oCAChC,OAAO,IAAI,CAAC;iCACb;gCACD,OAAO,uBAAC,sBAAc,IAAW,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,IAA9B,GAAG,CAA+B,CAAC;4BACjE,CAAC,CAAC,WACI,EACR,uBAAC,YAAK,cACH,WAAW,CAAC,aAAa,CAAC,UAAC,MAAM,EAAE,GAAG;gCACrC,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,MAAM,EAAE;oCAChC,OAAO,IAAI,CAAC;iCACb;gCACD,OAAO,uBAAC,sBAAc,IAAW,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,IAA9B,GAAG,CAA+B,CAAC;4BACjE,CAAC,CAAC,WACI,YACG,YACT,EACL,MAAM,EAAE,aACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { observer, RecursionField, useFieldSchema } from '@formily/react';\nimport { Space } from 'antd';\nimport React from 'react';\nimport { useSchemaInitializer } from '../../../schema-initializer';\nimport { DndContext } from '../../common';\n\nexport const ActionBar = observer((props: any) => {\n  const { layout = 'tow-columns', style, ...others } = props;\n  const fieldSchema = useFieldSchema();\n  const { render } = useSchemaInitializer(fieldSchema['x-initializer']);\n  if (layout === 'one-column') {\n    return (\n      <div style={{ display: 'flex', ...style }} {...others}>\n        {props.children && (\n          <div style={{ marginRight: 8 }}>\n            <Space>\n              {fieldSchema.mapProperties((schema, key) => {\n                return <RecursionField key={key} name={key} schema={schema} />;\n              })}\n            </Space>\n          </div>\n        )}\n        {render()}\n      </div>\n    );\n  }\n  return (\n    <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', ...style }} {...others}>\n      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', width: '100%' }}>\n        <DndContext>\n          <Space>\n            {fieldSchema.mapProperties((schema, key) => {\n              if (schema['x-align'] !== 'left') {\n                return null;\n              }\n              return <RecursionField key={key} name={key} schema={schema} />;\n            })}\n          </Space>\n          <Space>\n            {fieldSchema.mapProperties((schema, key) => {\n              if (schema['x-align'] === 'left') {\n                return null;\n              }\n              return <RecursionField key={key} name={key} schema={schema} />;\n            })}\n          </Space>\n        </DndContext>\n      </div>\n      {render()}\n    </div>\n  );\n});\n"]}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const ActionContext: import("react").Context<ActionContextProps>;
+export interface ActionContextProps {
+    button?: any;
+    visible?: boolean;
+    setVisible?: (v: boolean) => void;
+    openMode?: 'drawer' | 'modal' | 'page';
+    containerRefKey?: string;
+}

package/lib/schema-component/antd/action/context.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/action/context.tsx"],"names":[],"mappings":";;;AAAA,+BAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,qBAAa,EAAqB,EAAE,CAAC,CAAC","sourcesContent":["import { createContext } from 'react';\n\nexport const ActionContext = createContext<ActionContextProps>({});\n\nexport interface ActionContextProps {\n  button?: any;\n  visible?: boolean;\n  setVisible?: (v: boolean) => void;\n  openMode?: 'drawer' | 'modal' | 'page';\n  containerRefKey?: string;\n}\n"]}

package/lib/schema-component/antd/action/hooks.d.ts

@@ -0,0 +1,13 @@
+export declare const useA: () => {
+    run(): Promise<void>;
+};
+export declare const useActionContext: () => {
+    setVisible(visible: boolean): void;
+    button?: any;
+    visible?: boolean;
+    openMode?: "drawer" | "modal" | "page";
+    containerRefKey?: string;
+};
+export declare const useCloseAction: () => {
+    run(): Promise<void>;
+};

package/lib/schema-component/antd/action/hooks.js

@@ -0,0 +1,92 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCloseAction = exports.useActionContext = exports.useA = void 0;
+var react_1 = require("@formily/react");
+var react_2 = require("react");
+var context_1 = require("./context");
+var useA = function () {
+    return {
+        run: function () {
+            return __awaiter(this, void 0, void 0, function () { return __generator(this, function (_a) {
+                return [2 /*return*/];
+            }); });
+        },
+    };
+};
+exports.useA = useA;
+var useActionContext = function () {
+    var ctx = (0, react_2.useContext)(context_1.ActionContext);
+    return __assign(__assign({}, ctx), { setVisible: function (visible) {
+            var _a;
+            if ((ctx === null || ctx === void 0 ? void 0 : ctx.openMode) !== 'page') {
+                (_a = ctx === null || ctx === void 0 ? void 0 : ctx.setVisible) === null || _a === void 0 ? void 0 : _a.call(ctx, visible);
+            }
+        } });
+};
+exports.useActionContext = useActionContext;
+var useCloseAction = function () {
+    var setVisible = (0, react_2.useContext)(context_1.ActionContext).setVisible;
+    var form = (0, react_1.useForm)();
+    return {
+        run: function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    setVisible(false);
+                    form.submit(function (values) {
+                        console.log(values);
+                    });
+                    return [2 /*return*/];
+                });
+            });
+        },
+    };
+};
+exports.useCloseAction = useCloseAction;
+//# sourceMappingURL=hooks.js.map

package/lib/schema-component/antd/action/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/action/hooks.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wCAAyC;AACzC,+BAAmC;AACnC,qCAA0C;AAEnC,IAAM,IAAI,GAAG;IAClB,OAAO;QACC,GAAG;;;;SAAK;KACf,CAAC;AACJ,CAAC,CAAC;AAJW,QAAA,IAAI,QAIf;AAEK,IAAM,gBAAgB,GAAG;IAC9B,IAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,uBAAa,CAAC,CAAC;IAEtC,6BACK,GAAG,KACN,UAAU,EAAV,UAAW,OAAgB;;YACzB,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,QAAQ,MAAK,MAAM,EAAE;gBAC5B,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,UAAU,+CAAf,GAAG,EAAe,OAAO,CAAC,CAAC;aAC5B;QACH,CAAC,IACD;AACJ,CAAC,CAAC;AAXW,QAAA,gBAAgB,oBAW3B;AAEK,IAAM,cAAc,GAAG;IACpB,IAAA,UAAU,GAAK,IAAA,kBAAU,EAAC,uBAAa,CAAC,WAA9B,CAA+B;IACjD,IAAM,IAAI,GAAG,IAAA,eAAO,GAAE,CAAC;IACvB,OAAO;QACC,GAAG;;;oBACP,UAAU,CAAC,KAAK,CAAC,CAAC;oBAClB,IAAI,CAAC,MAAM,CAAC,UAAC,MAAM;wBACjB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;oBACtB,CAAC,CAAC,CAAC;;;;SACJ;KACF,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,cAAc,kBAWzB","sourcesContent":["import { useForm } from '@formily/react';\nimport { useContext } from 'react';\nimport { ActionContext } from './context';\n\nexport const useA = () => {\n  return {\n    async run() {},\n  };\n};\n\nexport const useActionContext = () => {\n  const ctx = useContext(ActionContext);\n\n  return {\n    ...ctx,\n    setVisible(visible: boolean) {\n      if (ctx?.openMode !== 'page') {\n        ctx?.setVisible?.(visible);\n      }\n    },\n  };\n};\n\nexport const useCloseAction = () => {\n  const { setVisible } = useContext(ActionContext);\n  const form = useForm();\n  return {\n    async run() {\n      setVisible(false);\n      form.submit((values) => {\n        console.log(values);\n      });\n    },\n  };\n};\n"]}

package/lib/schema-component/antd/action/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Action';
+export * from './ActionBar';
+export * from './context';
+export * from './hooks';

package/lib/schema-component/antd/action/index.js

@@ -0,0 +1,17 @@
+"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("./Action"), exports);
+__exportStar(require("./ActionBar"), exports);
+__exportStar(require("./context"), exports);
+__exportStar(require("./hooks"), exports);
+//# sourceMappingURL=index.js.map

package/lib/schema-component/antd/action/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/action/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,8CAA4B;AAC5B,4CAA0B;AAC1B,0CAAwB","sourcesContent":["export * from './Action';\nexport * from './ActionBar';\nexport * from './context';\nexport * from './hooks';\n\n"]}

package/lib/schema-component/antd/action/types.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { ButtonProps, DrawerProps } from 'antd';
+export declare type ActionProps = ButtonProps & {
+    component?: any;
+    useAction?: () => {
+        run(): Promise<void>;
+    };
+};
+export declare type ComposedAction = React.FC<ActionProps> & {
+    Drawer?: ComposedActionDrawer;
+    [key: string]: any;
+};
+export declare type ComposedActionDrawer = React.FC<DrawerProps & {
+    footerNodeName?: string;
+}> & {
+    Footer?: React.FC;
+};

package/lib/schema-component/antd/action/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/lib/schema-component/antd/action/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/action/types.ts"],"names":[],"mappings":"","sourcesContent":["import { ButtonProps, DrawerProps } from 'antd';\n\nexport type ActionProps = ButtonProps & {\n  component?: any;\n  useAction?: () => {\n    run(): Promise<void>;\n  };\n};\n\nexport type ComposedAction = React.FC<ActionProps> & {\n  Drawer?: ComposedActionDrawer;\n  [key: string]: any;\n};\n\nexport type ComposedActionDrawer = React.FC<DrawerProps & { footerNodeName?: string }> & {\n  Footer?: React.FC;\n};\n"]}

package/lib/schema-component/antd/block-item/BlockItem.d.ts

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

package/lib/schema-component/antd/block-item/BlockItem.js

@@ -0,0 +1,33 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlockItem = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var css_1 = require("@emotion/css");
+var classnames_1 = __importDefault(require("classnames"));
+var common_1 = require("../../common");
+var hooks_1 = require("../../hooks");
+var BlockItem = function (props) {
+    var Designer = (0, hooks_1.useDesigner)();
+    return ((0, jsx_runtime_1.jsxs)(common_1.SortableItem, __assign({ className: (0, classnames_1.default)('nb-block-item', props.className, (0, css_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          position: relative;\n          &:hover {\n            > .general-schema-designer {\n              display: block;\n            }\n          }\n          &.nb-form-item:hover {\n            > .general-schema-designer {\n              background: rgba(241, 139, 98, 0.06) !important;\n              border: 0 !important;\n              top: -5px !important;\n              bottom: -5px !important;\n              left: -5px !important;\n              right: -5px !important;\n            }\n          }\n          > .general-schema-designer {\n            position: absolute;\n            z-index: 999;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            display: none;\n            border: 2px solid rgba(241, 139, 98, 0.3);\n            pointer-events: none;\n            > .general-schema-designer-icons {\n              position: absolute;\n              right: 2px;\n              top: 2px;\n              line-height: 16px;\n              pointer-events: all;\n              .ant-space-item {\n                background-color: #f18b62;\n                color: #fff;\n                line-height: 16px;\n                width: 16px;\n                padding-left: 1px;\n              }\n            }\n          }\n        "], ["\n          position: relative;\n          &:hover {\n            > .general-schema-designer {\n              display: block;\n            }\n          }\n          &.nb-form-item:hover {\n            > .general-schema-designer {\n              background: rgba(241, 139, 98, 0.06) !important;\n              border: 0 !important;\n              top: -5px !important;\n              bottom: -5px !important;\n              left: -5px !important;\n              right: -5px !important;\n            }\n          }\n          > .general-schema-designer {\n            position: absolute;\n            z-index: 999;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            display: none;\n            border: 2px solid rgba(241, 139, 98, 0.3);\n            pointer-events: none;\n            > .general-schema-designer-icons {\n              position: absolute;\n              right: 2px;\n              top: 2px;\n              line-height: 16px;\n              pointer-events: all;\n              .ant-space-item {\n                background-color: #f18b62;\n                color: #fff;\n                line-height: 16px;\n                width: 16px;\n                padding-left: 1px;\n              }\n            }\n          }\n        "])))) }, { children: [(0, jsx_runtime_1.jsx)(Designer, {}, void 0), props.children] }), void 0));
+};
+exports.BlockItem = BlockItem;
+var templateObject_1;
+//# sourceMappingURL=BlockItem.js.map

package/lib/schema-component/antd/block-item/BlockItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockItem.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/block-item/BlockItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,oCAAmC;AACnC,0DAA6B;AAE7B,uCAA4C;AAC5C,qCAA0C;AAEnC,IAAM,SAAS,GAAkB,UAAC,KAAK;IAC5C,IAAM,QAAQ,GAAG,IAAA,mBAAW,GAAE,CAAC;IAC/B,OAAO,CACL,wBAAC,qBAAY,aACX,SAAS,EAAE,IAAA,oBAAG,EACZ,eAAe,EACf,KAAK,CAAC,SAAS,MACf,SAAG,g1CAAA,4wCA0CF,KACF,iBAED,uBAAC,QAAQ,aAAG,EACX,KAAK,CAAC,QAAQ,aACF,CAChB,CAAC;AACJ,CAAC,CAAC;AAxDW,QAAA,SAAS,aAwDpB","sourcesContent":["import { css } from '@emotion/css';\nimport cls from 'classnames';\nimport React from 'react';\nimport { SortableItem } from '../../common';\nimport { useDesigner } from '../../hooks';\n\nexport const BlockItem: React.FC<any> = (props) => {\n  const Designer = useDesigner();\n  return (\n    <SortableItem\n      className={cls(\n        'nb-block-item',\n        props.className,\n        css`\n          position: relative;\n          &:hover {\n            > .general-schema-designer {\n              display: block;\n            }\n          }\n          &.nb-form-item:hover {\n            > .general-schema-designer {\n              background: rgba(241, 139, 98, 0.06) !important;\n              border: 0 !important;\n              top: -5px !important;\n              bottom: -5px !important;\n              left: -5px !important;\n              right: -5px !important;\n            }\n          }\n          > .general-schema-designer {\n            position: absolute;\n            z-index: 999;\n            top: 0;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            display: none;\n            border: 2px solid rgba(241, 139, 98, 0.3);\n            pointer-events: none;\n            > .general-schema-designer-icons {\n              position: absolute;\n              right: 2px;\n              top: 2px;\n              line-height: 16px;\n              pointer-events: all;\n              .ant-space-item {\n                background-color: #f18b62;\n                color: #fff;\n                line-height: 16px;\n                width: 16px;\n                padding-left: 1px;\n              }\n            }\n          }\n        `,\n      )}\n    >\n      <Designer />\n      {props.children}\n    </SortableItem>\n  );\n};\n"]}

package/lib/schema-component/antd/block-item/TestDesigner.d.ts

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

package/lib/schema-component/antd/block-item/TestDesigner.js

@@ -0,0 +1,25 @@
+"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.TestDesigner = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var common_1 = require("../../common");
+var hooks_1 = require("../../hooks");
+var TestDesigner = function () {
+    var remove = (0, hooks_1.useDesignable)().remove;
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("a", __assign({ onClick: function () {
+                    remove();
+                } }, { children: "\u5220\u9664" }), void 0), (0, jsx_runtime_1.jsx)(common_1.DragHandler, {}, void 0)] }, void 0));
+};
+exports.TestDesigner = TestDesigner;
+//# sourceMappingURL=TestDesigner.js.map

package/lib/schema-component/antd/block-item/TestDesigner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestDesigner.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/block-item/TestDesigner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,uCAA2C;AAC3C,qCAA4C;AAErC,IAAM,YAAY,GAAG;IAClB,IAAA,MAAM,GAAK,IAAA,qBAAa,GAAE,OAApB,CAAqB;IACnC,OAAO,CACL,4CACE,uCACE,OAAO,EAAE;oBACP,MAAM,EAAE,CAAC;gBACX,CAAC,0CAGC,EACJ,uBAAC,oBAAW,aAAE,YACV,CACP,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,YAAY,gBAcvB","sourcesContent":["import React from 'react';\nimport { DragHandler } from '../../common';\nimport { useDesignable } from '../../hooks';\n\nexport const TestDesigner = () => {\n  const { remove } = useDesignable();\n  return (\n    <div>\n      <a\n        onClick={() => {\n          remove();\n        }}\n      >\n        删除\n      </a>\n      <DragHandler/>\n    </div>\n  );\n};\n"]}

package/lib/schema-component/antd/block-item/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BlockItem';
+export * from './TestDesigner';

package/lib/schema-component/antd/block-item/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("./BlockItem"), exports);
+__exportStar(require("./TestDesigner"), exports);
+//# sourceMappingURL=index.js.map

package/lib/schema-component/antd/block-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/schema-component/antd/block-item/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8CAA4B;AAC5B,iDAA+B","sourcesContent":["export * from './BlockItem';\nexport * from './TestDesigner';\n\n"]}

package/lib/schema-component/antd/calendar/Calendar.Designer.d.ts

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