@tachybase/components 0.23.8

package/lib/checkbox/index.js

@@ -0,0 +1,51 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var checkbox_exports = {};
+__export(checkbox_exports, {
+  Checkbox: () => Checkbox,
+  default: () => checkbox_default
+});
+module.exports = __toCommonJS(checkbox_exports);
+var import_schema = require("@tachybase/schema");
+var import_antd = require("antd");
+var import_preview_text = require("../preview-text");
+const InternalCheckbox = (0, import_schema.connect)(
+  import_antd.Checkbox,
+  (0, import_schema.mapProps)({
+    value: "checked",
+    onInput: "onChange"
+  })
+);
+const Group = (0, import_schema.connect)(
+  import_antd.Checkbox.Group,
+  (0, import_schema.mapProps)({
+    dataSource: "options"
+  }),
+  (0, import_schema.mapReadPretty)(import_preview_text.PreviewText.Select, {
+    mode: "tags"
+  })
+);
+const Checkbox = Object.assign(InternalCheckbox, {
+  __ANT_CHECKBOX: true,
+  Group
+});
+var checkbox_default = Checkbox;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Checkbox
+});

package/lib/code-mirror/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const CodeMirror: React.ForwardRefExoticComponent<Omit<Partial<any>, "ref"> & React.RefAttributes<unknown>>;
+export declare const CodeEditor: React.ForwardRefExoticComponent<Omit<Partial<any>, "ref"> & React.RefAttributes<unknown>>;

package/lib/code-mirror/index.js

@@ -0,0 +1,91 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var code_mirror_exports = {};
+__export(code_mirror_exports, {
+  CodeEditor: () => CodeEditor,
+  CodeMirror: () => CodeMirror
+});
+module.exports = __toCommonJS(code_mirror_exports);
+var import_react = __toESM(require("react"));
+var import_schema = require("@tachybase/schema");
+var import_react2 = __toESM(require("@monaco-editor/react"));
+import_react2.loader.config({ paths: { vs: "https://assets.tachybase.com/monaco-editor@0.52.0/min/vs" } });
+const CodeMirror = (0, import_schema.connect)(
+  ({ value, onChange, ...otherProps }) => {
+    const monaco = (0, import_react2.useMonaco)();
+    (0, import_react.useEffect)(() => {
+      if (monaco) {
+        monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+          jsx: 4
+        });
+      }
+    }, [monaco]);
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_react2.default,
+      {
+        options: { readOnly: !!otherProps.disabled },
+        value,
+        height: "300px",
+        defaultLanguage: "javascript",
+        onChange,
+        ...otherProps
+      }
+    );
+  },
+  (0, import_schema.mapReadPretty)(({ value, onChange, ...otherProps }) => {
+    const monaco = (0, import_react2.useMonaco)();
+    (0, import_react.useEffect)(() => {
+      if (monaco) {
+        monaco.editor.EditorOptions.readOnly.defaultValue = true;
+        monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+          jsx: 4
+        });
+      }
+    }, [monaco]);
+    if (value == null) {
+      return;
+    }
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_react2.default,
+      {
+        options: { readOnly: true },
+        value,
+        height: "300px",
+        defaultLanguage: "javascript",
+        onChange,
+        ...otherProps
+      }
+    );
+  })
+);
+const CodeEditor = CodeMirror;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CodeEditor,
+  CodeMirror
+});

package/lib/date-picker/index.d.ts

@@ -0,0 +1,2 @@
+export declare const DatePicker: any;
+export default DatePicker;

package/lib/date-picker/index.js

@@ -0,0 +1,70 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var date_picker_exports = {};
+__export(date_picker_exports, {
+  DatePicker: () => DatePicker,
+  default: () => date_picker_default
+});
+module.exports = __toCommonJS(date_picker_exports);
+var import_schema = require("@tachybase/schema");
+var import_antd = require("antd");
+var import_builtins = require("../__builtins__");
+var import_preview_text = require("../preview-text");
+const mapDateFormat = /* @__PURE__ */ __name(function() {
+  const getDefaultFormat = /* @__PURE__ */ __name((props) => {
+    if (props["picker"] === "month") {
+      return "YYYY-MM";
+    } else if (props["picker"] === "quarter") {
+      return "YYYY-\\QQ";
+    } else if (props["picker"] === "year") {
+      return "YYYY";
+    } else if (props["picker"] === "week") {
+      return "gggg-wo";
+    }
+    return props["showTime"] ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+  }, "getDefaultFormat");
+  return (props) => {
+    const format = props["format"] || getDefaultFormat(props);
+    const onChange = props.onChange;
+    return {
+      ...props,
+      format,
+      value: (0, import_builtins.dayjsable)(props.value, format === "gggg-wo" ? "gggg-ww" : format),
+      onChange: /* @__PURE__ */ __name((value) => {
+        if (onChange) {
+          onChange((0, import_builtins.formatDayjsValue)(value, format));
+        }
+      }, "onChange")
+    };
+  };
+}, "mapDateFormat");
+const InternalDatePicker = (0, import_schema.connect)(import_antd.DatePicker, (0, import_schema.mapProps)(mapDateFormat()), (0, import_schema.mapReadPretty)(import_preview_text.PreviewText.DatePicker));
+const RangePicker = (0, import_schema.connect)(
+  import_antd.DatePicker.RangePicker,
+  (0, import_schema.mapProps)(mapDateFormat()),
+  (0, import_schema.mapReadPretty)(import_preview_text.PreviewText.DateRangePicker)
+);
+const DatePicker = Object.assign(InternalDatePicker, {
+  RangePicker
+});
+var date_picker_default = DatePicker;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DatePicker
+});

package/lib/date-picker/style.d.ts

@@ -0,0 +1 @@
+import 'antd/lib/date-picker/style/index';

package/lib/date-picker/style.js

@@ -0,0 +1 @@
+var import_style = require("antd/lib/date-picker/style/index");

package/lib/editable/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ReactFC } from '@tachybase/schema';
+import { PopoverProps } from 'antd/lib/popover';
+import { IFormItemProps } from '../form-item';
+export declare const Editable: ReactFC<IFormItemProps> & {
+    Popover: React.MemoExoticComponent<ReactFC<PopoverProps>>;
+};
+export default Editable;

package/lib/editable/index.js

@@ -0,0 +1,181 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var editable_exports = {};
+__export(editable_exports, {
+  Editable: () => Editable,
+  default: () => editable_default
+});
+module.exports = __toCommonJS(editable_exports);
+var import_react = __toESM(require("react"));
+var import_schema = require("@tachybase/schema");
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_builtins = require("../__builtins__");
+var import_form_item = require("../form-item");
+var import_style = __toESM(require("./style"));
+const useParentPattern = /* @__PURE__ */ __name(() => {
+  var _a, _b;
+  const field = (0, import_schema.useField)();
+  return ((_a = field == null ? void 0 : field.parent) == null ? void 0 : _a.pattern) || ((_b = field == null ? void 0 : field.form) == null ? void 0 : _b.pattern);
+}, "useParentPattern");
+const useEditable = /* @__PURE__ */ __name(() => {
+  const pattern = useParentPattern();
+  const field = (0, import_schema.useField)();
+  (0, import_react.useLayoutEffect)(() => {
+    if (pattern === "editable") {
+      return field.setPattern("readPretty");
+    }
+  }, [pattern]);
+  return [
+    field.pattern === "editable",
+    (payload) => {
+      if (pattern !== "editable") return;
+      field.setPattern(payload ? "editable" : "readPretty");
+    }
+  ];
+}, "useEditable");
+const useFormItemProps = /* @__PURE__ */ __name(() => {
+  const field = (0, import_schema.useField)();
+  if ((0, import_schema.isVoidField)(field)) return {};
+  if (!field) return {};
+  const takeMessage = /* @__PURE__ */ __name(() => {
+    if (field.selfErrors.length) return field.selfErrors;
+    if (field.selfWarnings.length) return field.selfWarnings;
+    if (field.selfSuccesses.length) return field.selfSuccesses;
+  }, "takeMessage");
+  return {
+    feedbackStatus: field.validateStatus === "validating" ? "pending" : field.validateStatus,
+    feedbackText: takeMessage(),
+    extra: field.description
+  };
+}, "useFormItemProps");
+const InternalEditable = (0, import_schema.observer)((props) => {
+  const [editable, setEditable] = useEditable();
+  const pattern = useParentPattern();
+  const itemProps = useFormItemProps();
+  const field = (0, import_schema.useField)();
+  const basePrefixCls = (0, import_builtins.usePrefixCls)();
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-editable");
+  const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
+  const ref = (0, import_react.useRef)();
+  const innerRef = (0, import_react.useRef)(null);
+  const recover = /* @__PURE__ */ __name(() => {
+    var _a;
+    if (ref.current && !((_a = field == null ? void 0 : field.errors) == null ? void 0 : _a.length)) {
+      setEditable(false);
+    }
+  }, "recover");
+  const renderEditHelper = /* @__PURE__ */ __name(() => {
+    if (editable) return;
+    return /* @__PURE__ */ import_react.default.createElement(import_form_item.BaseItem, { ...props, ...itemProps }, pattern === "editable" && /* @__PURE__ */ import_react.default.createElement(import_icons.EditOutlined, { className: `${prefixCls}-edit-btn` }), pattern !== "editable" && /* @__PURE__ */ import_react.default.createElement(import_icons.MessageOutlined, { className: `${prefixCls}-edit-btn` }));
+  }, "renderEditHelper");
+  const renderCloseHelper = /* @__PURE__ */ __name(() => {
+    if (!editable) return;
+    return /* @__PURE__ */ import_react.default.createElement(import_form_item.BaseItem, { ...props }, /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, { className: `${prefixCls}-close-btn` }));
+  }, "renderCloseHelper");
+  (0, import_builtins.useClickAway)((e) => {
+    const target = e.target;
+    if (target == null ? void 0 : target.closest(`.${basePrefixCls}-select-dropdown`)) return;
+    if (target == null ? void 0 : target.closest(`.${basePrefixCls}-picker-dropdown`)) return;
+    if (target == null ? void 0 : target.closest(`.${basePrefixCls}-cascader-menus`)) return;
+    recover();
+  }, innerRef);
+  const onClick = /* @__PURE__ */ __name((e) => {
+    var _a;
+    const target = e.target;
+    const close = ((_a = innerRef.current) == null ? void 0 : _a.querySelector(`.${prefixCls}-close-btn`)) || null;
+    if ((target == null ? void 0 : target.contains(close)) || (close == null ? void 0 : close.contains(target))) {
+      recover();
+    } else if (!ref.current) {
+      setTimeout(() => {
+        setEditable(true);
+        setTimeout(() => {
+          var _a2, _b;
+          (_b = (_a2 = innerRef.current) == null ? void 0 : _a2.querySelector("input")) == null ? void 0 : _b.focus();
+        });
+      });
+    }
+  }, "onClick");
+  ref.current = editable;
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(prefixCls, hashId), ref: innerRef, onClick }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-content` }, /* @__PURE__ */ import_react.default.createElement(import_form_item.BaseItem, { ...props, ...itemProps }, props.children), renderEditHelper(), renderCloseHelper()))
+  );
+});
+const Popover = (0, import_schema.observer)((props) => {
+  const field = (0, import_schema.useField)();
+  const pattern = useParentPattern();
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const prefixCls = (0, import_builtins.usePrefixCls)("formily-editable");
+  const [wrapSSR, hashId] = (0, import_style.default)(prefixCls);
+  const closePopover = /* @__PURE__ */ __name(async () => {
+    try {
+      await field.form.validate(`${field.address}.*`);
+    } finally {
+      const errors = field.form.queryFeedbacks({
+        type: "error",
+        address: `${field.address}.*`
+      });
+      if (!(errors == null ? void 0 : errors.length)) {
+        setOpen(false);
+      }
+    }
+  }, "closePopover");
+  const openPopover = /* @__PURE__ */ __name(() => {
+    setOpen(true);
+  }, "openPopover");
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Popover,
+      {
+        ...props,
+        title: props.title || field.title,
+        open,
+        className: (0, import_classnames.default)(prefixCls, hashId, props.className),
+        content: props.children,
+        trigger: "click",
+        destroyTooltipOnHide: true,
+        onOpenChange: (open2) => {
+          if (open2) {
+            openPopover();
+          } else {
+            closePopover();
+          }
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_form_item.BaseItem, { className: `${prefixCls}-trigger` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-content` }, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-preview` }, props.title || field.title), pattern === "editable" && /* @__PURE__ */ import_react.default.createElement(import_icons.EditOutlined, { className: `${prefixCls}-edit-btn` }), pattern !== "editable" && /* @__PURE__ */ import_react.default.createElement(import_icons.MessageOutlined, { className: `${prefixCls}-edit-btn` }))))
+    )
+  );
+});
+const Editable = Object.assign(InternalEditable, { Popover });
+var editable_default = Editable;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Editable
+});

package/lib/editable/style.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (prefixCls: string) => import("..").UseComponentStyleResult;
+export default _default;

package/lib/editable/style.js

@@ -0,0 +1,69 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default
+});
+module.exports = __toCommonJS(style_exports);
+var import_builtins = require("./../__builtins__");
+var style_default = (0, import_builtins.genStyleHook)("editable", (token) => {
+  const { antCls, componentCls, fontSizeSM, colorPrimary } = token;
+  return {
+    [componentCls]: {
+      cursor: "pointer",
+      display: "inline-block !important",
+      [`${antCls}-form-text`]: {
+        display: "flex",
+        alignItems: "center",
+        [`${antCls}-tag`]: {
+          transition: "none !important"
+        },
+        [`${antCls}-tag:last-child`]: {
+          paddingInlineEnd: "0 !important"
+        }
+      },
+      [`${componentCls}-content`]: {
+        display: "flex",
+        alignItems: "center",
+        "> *": {
+          marginInlineEnd: 3,
+          "&:last-child": {
+            marginInlineEnd: 0
+          }
+        }
+      },
+      [`${componentCls}-edit-btn,
+        ${componentCls}-close-btn`]: {
+        transition: "all .25s ease-in-out",
+        color: "#aaa",
+        fontSize: fontSizeSM,
+        "&:hover": {
+          color: colorPrimary
+        }
+      },
+      [`${componentCls}-preview`]: {
+        whiteSpace: "nowrap",
+        textOverflow: "ellipsis",
+        overflow: "hidden",
+        wordBreak: "break-all",
+        maxWidth: "100%",
+        display: "block"
+      }
+    }
+  };
+});

package/lib/form/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Form as FormType, IFormFeedback, JSXComponent } from '@tachybase/schema';
+import { IFormLayoutProps } from '../form-layout';
+export interface FormProps extends IFormLayoutProps {
+    form?: FormType;
+    component?: JSXComponent;
+    onAutoSubmit?: (values: any) => any;
+    onAutoSubmitFailed?: (feedbacks: IFormFeedback[]) => void;
+    previewTextPlaceholder?: React.ReactNode;
+}
+export declare const Form: React.FC<React.PropsWithChildren<FormProps>>;
+export default Form;

package/lib/form/index.js

@@ -0,0 +1,71 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var form_exports = {};
+__export(form_exports, {
+  Form: () => Form,
+  default: () => form_default
+});
+module.exports = __toCommonJS(form_exports);
+var import_react = __toESM(require("react"));
+var import_schema = require("@tachybase/schema");
+var import_form_layout = require("../form-layout");
+var import_preview_text = require("../preview-text");
+const Form = /* @__PURE__ */ __name(({
+  form,
+  component,
+  onAutoSubmit,
+  onAutoSubmitFailed,
+  previewTextPlaceholder,
+  ...props
+}) => {
+  const top = (0, import_schema.useParentForm)();
+  const renderContent = /* @__PURE__ */ __name((form2) => /* @__PURE__ */ import_react.default.createElement(import_schema.RecordScope, { getRecord: () => (0, import_schema.isForm)(form2) ? form2.values : form2.value }, /* @__PURE__ */ import_react.default.createElement(import_preview_text.PreviewText.Placeholder, { value: previewTextPlaceholder }, /* @__PURE__ */ import_react.default.createElement(import_form_layout.FormLayout, { ...props }, import_react.default.createElement(
+    component,
+    {
+      onSubmit(e) {
+        var _a, _b;
+        (_a = e == null ? void 0 : e.stopPropagation) == null ? void 0 : _a.call(e);
+        (_b = e == null ? void 0 : e.preventDefault) == null ? void 0 : _b.call(e);
+        form2.submit(onAutoSubmit).catch(onAutoSubmitFailed);
+      }
+    },
+    props.children
+  )))), "renderContent");
+  if (form) return /* @__PURE__ */ import_react.default.createElement(import_schema.FormProvider, { form }, renderContent(form));
+  if (!top) throw new Error("must pass form instance by createForm");
+  return renderContent(top);
+}, "Form");
+Form.defaultProps = {
+  component: "form"
+};
+var form_default = Form;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Form
+});

package/lib/form-button-group/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * 1. FormItem网格布局
+ * 2. 居中，居右，居左布局
+ * 3. 行内布局
+ * 4. 吸底布局
+ */
+import React from 'react';
+import { SpaceProps } from 'antd/lib/space';
+import StickyBox from 'react-sticky-box';
+interface IStickyProps extends React.ComponentProps<typeof StickyBox> {
+    align?: React.CSSProperties['textAlign'];
+}
+export declare const FormButtonGroup: {
+    ({ align, gutter, ...props }: Omit<SpaceProps, "size" | "align"> & {
+        gutter?: any;
+        align?: any;
+    }): React.JSX.Element;
+    defaultProps: {
+        align: string;
+    };
+    FormItem({ gutter, ...props }: {
+        [x: string]: any;
+        gutter: any;
+    }): React.JSX.Element;
+    Sticky: ({ align, ...props }: React.PropsWithChildren<IStickyProps & React.HTMLProps<HTMLDivElement>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+};
+export default FormButtonGroup;