@hsu-react/ui 0.0.1

package/es/components/Form/ModalForm/_hooks/useColumnFormItems.js

@@ -0,0 +1,62 @@
+import { useCallback } from "react";
+/**
+ * 计算列布局中的表单项
+ * @param columnNum 列数
+ * @returns 计算列表单项的函数
+ */
+export var useColumnFormItems = function useColumnFormItems(columnNum) {
+  /**
+   * 获取指定索引之前所有全宽表单项（width === "100%"）的索引
+   * @param formItems 所有表单项
+   * @param endIndex 结束索引（包含）
+   * @returns 全宽表单项的索引数组
+   */
+  var getFullWidthIndices = useCallback(function (formItems, endIndex) {
+    var fullWidthIndices = [];
+    for (var i = 0; i <= endIndex; i++) {
+      var _formItems$i;
+      if (((_formItems$i = formItems[i]) === null || _formItems$i === void 0 ? void 0 : _formItems$i.width) === "100%") {
+        fullWidthIndices.push(i);
+      }
+    }
+    return fullWidthIndices;
+  }, []);
+
+  /**
+   * 计算表单项在列布局中的实际列位置索引
+   * 考虑全宽项（width === "100%"）会占据整行，影响后续项的列位置
+   * @param formItems 所有表单项
+   * @param itemIndex 表单项的原始索引
+   * @returns 实际列位置索引
+   */
+  var calculateActualColumnIndex = useCallback(function (formItems, itemIndex) {
+    var fullWidthIndices = getFullWidthIndices(formItems, itemIndex);
+
+    // 计算由于全宽项导致的列偏移量
+    // 使用 reduce 累积偏移量
+    var offset = fullWidthIndices.reduce(function (acc, curr, idx) {
+      return acc + (columnNum - (curr + acc + idx * (columnNum - 1)) % columnNum);
+    }, 0);
+
+    // 全宽项后的补充项数量
+    var supplementItemsCount = fullWidthIndices.filter(function (idx) {
+      return idx !== itemIndex;
+    }).length;
+    var additionalOffset = supplementItemsCount * (columnNum - 1);
+
+    // 返回实际列索引
+    return (itemIndex + offset + additionalOffset) % columnNum;
+  }, [columnNum, getFullWidthIndices]);
+  var columnFormItems = useCallback(function (formItems, idx) {
+    // 计算目标索引的实际列索引
+    var targetColumnIndex = calculateActualColumnIndex(formItems, idx);
+
+    // 筛选出与目标项在同一列的所有表单项
+    var sameColumnItems = formItems.filter(function (_, itemIndex) {
+      var itemColumnIndex = calculateActualColumnIndex(formItems, itemIndex);
+      return itemColumnIndex === targetColumnIndex;
+    });
+    return sameColumnItems;
+  }, [calculateActualColumnIndex]);
+  return columnFormItems;
+};

package/es/components/Form/ModalForm/_hooks/useFormItems.d.ts

@@ -0,0 +1,9 @@
+import { FormItemProps } from "../../../FormItem";
+/**
+ * 处理表单项的布局和标签宽度计算
+ * @param formItems 表单项配置
+ * @param layout 布局方式
+ * @param columnNum 列数
+ * @returns 处理后的表单项
+ */
+export declare const useFormItems: (formItems: FormItemProps[] | Record<string, FormItemProps[]>, layout?: "horizontal" | "vertical", columnNum?: number) => Record<string, FormItemProps[]>;

package/es/components/Form/ModalForm/_hooks/useFormItems.js

@@ -0,0 +1,43 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useMemo } from "react";
+import useLabelWidth from "../../../../hooks/useLabelWidth";
+import { useColumnFormItems } from "./useColumnFormItems";
+
+/**
+ * 处理表单项的布局和标签宽度计算
+ * @param formItems 表单项配置
+ * @param layout 布局方式
+ * @param columnNum 列数
+ * @returns 处理后的表单项
+ */
+export var useFormItems = function useFormItems(formItems, layout) {
+  var columnNum = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
+  var _useLabelWidth = useLabelWidth(Array.isArray(formItems) ? formItems : Object.values(formItems !== null && formItems !== void 0 ? formItems : {}).flat()),
+    _useLabelWidth2 = _slicedToArray(_useLabelWidth, 2),
+    labelWidth = _useLabelWidth2[0],
+    getLabelWidth = _useLabelWidth2[1];
+  var columnFormItems = useColumnFormItems(columnNum);
+  var _formItems = useMemo(function () {
+    var _Object$keys;
+    var _formItems = Object.assign({}, Array.isArray(formItems) ? {
+      "": formItems
+    } : formItems);
+    (_Object$keys = Object.keys(_formItems)) === null || _Object$keys === void 0 || _Object$keys.forEach(function (key) {
+      var _formItems$key;
+      (_formItems$key = _formItems[key]) === null || _formItems$key === void 0 || _formItems$key.forEach(function (item, idx) {
+        if (layout === "horizontal") {
+          item.labelWidth = getLabelWidth(columnFormItems(_formItems[key], idx));
+        } else {
+          item.labelWidth = labelWidth;
+        }
+      });
+    });
+    return _formItems;
+  }, [formItems, layout, getLabelWidth, columnFormItems, labelWidth]);
+  return _formItems;
+};

package/es/components/Form/ModalForm/index.d.ts

@@ -0,0 +1,30 @@
+import { FormInstance } from "antd";
+import { ModalProps } from "../../Modal";
+import { FormItemProps } from "../../FormItem";
+import React from "react";
+import { ItemContainerProps } from "../../FormItem/ItemContainer";
+import { FormRef } from "rc-field-form";
+export type ExtraFormItem = React.ReactElement<ItemContainerProps>;
+export interface ModalFormProps extends Omit<ModalProps, "onCancel" | "onOk"> {
+    formItems?: FormItemProps[] | Record<string, FormItemProps[]>;
+    extraFormItems?: ExtraFormItem[];
+    externalForm?: FormInstance;
+    onCancel?: () => void;
+    onOk?: (data: Record<string, unknown>, form: FormInstance) => void;
+    value?: Record<string, unknown>;
+    hasPermi?: string[];
+    formClassName?: string;
+    formItemClassName?: string;
+    layout?: "horizontal" | "vertical";
+    formItemLayout?: "horizontal" | "vertical";
+    columnNum?: number;
+    disabled?: boolean;
+    outsideChildren?: React.ReactNode;
+    getFormRef?: (ref: FormRef | null) => void;
+    onValuesChange?: (value: Record<string, unknown>, values: Record<string, unknown>) => void;
+    formItemGroupClassName?: string;
+    formItemGroupTitleClassName?: string;
+    formWrapperClassName?: string;
+}
+declare const ModalForm: React.FC<ModalFormProps>;
+export default ModalForm;

package/es/components/Form/ModalForm/index.js

@@ -0,0 +1,178 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["formItems", "extraFormItems", "externalForm", "onCancel", "onOk", "className", "classNames", "value", "open", "hasPermi", "formClassName", "formItemClassName", "children", "layout", "formItemLayout", "columnNum", "disabled", "outsideChildren", "getFormRef", "onValuesChange", "formItemGroupClassName", "formItemGroupTitleClassName", "formWrapperClassName"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Form } from "antd";
+import Modal from "../../Modal";
+import FormItem, { PlaceholderDict, PlaceholderDictEn } from "../../FormItem";
+import React, { useEffect, useRef } from "react";
+import styles from "./index.module.less";
+import usePermissions from "../../../hooks/usePermissions";
+import { useFormItems } from "./_hooks/useFormItems";
+import { useAdaptiveColumnNum } from "./_hooks/useAdaptiveColumnNum";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ModalForm = function ModalForm(props) {
+  var _Object$keys;
+  var _props$formItems = props.formItems,
+    formItems = _props$formItems === void 0 ? [] : _props$formItems,
+    extraFormItems = props.extraFormItems,
+    externalForm = props.externalForm,
+    onCancel = props.onCancel,
+    onOk = props.onOk,
+    className = props.className,
+    _props$classNames = props.classNames,
+    classNames = _props$classNames === void 0 ? {} : _props$classNames,
+    value = props.value,
+    open = props.open,
+    hasPermi = props.hasPermi,
+    formClassName = props.formClassName,
+    formItemClassName = props.formItemClassName,
+    children = props.children,
+    layout = props.layout,
+    formItemLayout = props.formItemLayout,
+    _props$columnNum = props.columnNum,
+    columnNum = _props$columnNum === void 0 ? 2 : _props$columnNum,
+    disabled = props.disabled,
+    outsideChildren = props.outsideChildren,
+    getFormRef = props.getFormRef,
+    onValuesChange = props.onValuesChange,
+    formItemGroupClassName = props.formItemGroupClassName,
+    formItemGroupTitleClassName = props.formItemGroupTitleClassName,
+    formWrapperClassName = props.formWrapperClassName,
+    modalConfig = _objectWithoutProperties(props, _excluded);
+  var header = classNames.header,
+    body = classNames.body,
+    footer = classNames.footer,
+    mask = classNames.mask,
+    content = classNames.content,
+    wrapper = classNames.wrapper;
+  var _Form$useForm = Form.useForm(externalForm),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _usePermissions = usePermissions(hasPermi),
+    permitted = _usePermissions.permitted;
+  var formRef = useRef(null);
+  var _React$useState = React.useState(null),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    formContainer = _React$useState2[0],
+    setFormContainer = _React$useState2[1];
+  useEffect(function () {
+    if (!value || !form || !open) return;
+    form.resetFields();
+    form.setFieldsValue(value);
+  }, [form, value, open]);
+  var _onCancel = function _onCancel() {
+    onCancel && onCancel();
+    if (!form) return;
+    form.resetFields();
+  };
+  var _onOk = function _onOk() {
+    if (!form) return;
+    form.validateFields().then(function (data) {
+      if (onOk) {
+        onOk && onOk(data, form);
+      } else {
+        form.resetFields();
+      }
+    });
+  };
+  var adaptiveColumnNum = useAdaptiveColumnNum(formContainer, columnNum, true, 1, undefined, 1200, !!open);
+  var _formItems = useFormItems(formItems, layout, adaptiveColumnNum);
+  if (!permitted) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(Modal, _objectSpread(_objectSpread({
+    open: open,
+    centered: true,
+    className: "".concat(styles.ModalForm, " ").concat(className !== null && className !== void 0 ? className : "", " ").concat(layout === "horizontal" ? styles.horizontal : ""),
+    onCancel: _onCancel,
+    onOk: _onOk,
+    width: layout === "horizontal" ? "1200px" : "800px",
+    classNames: {
+      header: "".concat(header !== null && header !== void 0 ? header : ""),
+      body: "".concat(styles.body, " ").concat(body !== null && body !== void 0 ? body : ""),
+      footer: "".concat(footer !== null && footer !== void 0 ? footer : ""),
+      mask: "".concat(mask !== null && mask !== void 0 ? mask : ""),
+      content: "".concat(content !== null && content !== void 0 ? content : ""),
+      wrapper: "".concat(wrapper !== null && wrapper !== void 0 ? wrapper : "")
+    },
+    maskClosable: false
+  }, modalConfig), {}, {
+    children: [/*#__PURE__*/_jsx("div", {
+      ref: setFormContainer,
+      className: "".concat(styles.formWrapper, " ").concat(formWrapperClassName !== null && formWrapperClassName !== void 0 ? formWrapperClassName : ""),
+      children: /*#__PURE__*/_jsxs(Form, {
+        ref: function (_ref) {
+          function ref(_x) {
+            return _ref.apply(this, arguments);
+          }
+          ref.toString = function () {
+            return _ref.toString();
+          };
+          return ref;
+        }(function (ref) {
+          formRef.current = ref;
+          getFormRef === null || getFormRef === void 0 || getFormRef(ref);
+        }),
+        form: form,
+        className: "".concat(styles.form, " ").concat(formClassName !== null && formClassName !== void 0 ? formClassName : "", " "),
+        style: {
+          "--column-num": adaptiveColumnNum
+        },
+        onValuesChange: onValuesChange,
+        children: [(_Object$keys = Object.keys(_formItems !== null && _formItems !== void 0 ? _formItems : {})) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (key) {
+          var _formItems$key;
+          return /*#__PURE__*/_jsxs("div", {
+            className: "".concat(styles.formItemGroup, " ").concat(formItemGroupClassName !== null && formItemGroupClassName !== void 0 ? formItemGroupClassName : ""),
+            id: key,
+            children: [key && /*#__PURE__*/_jsx("div", {
+              className: "".concat(styles.formItemTitle, " ").concat(formItemGroupTitleClassName !== null && formItemGroupTitleClassName !== void 0 ? formItemGroupTitleClassName : ""),
+              children: key
+            }), /*#__PURE__*/_jsx("div", {
+              className: styles.formItemGroupContent,
+              style: {
+                paddingLeft: !key ? 0 : undefined
+              },
+              children: _formItems === null || _formItems === void 0 || (_formItems$key = _formItems[key]) === null || _formItems$key === void 0 ? void 0 : _formItems$key.map(function (item) {
+                var _item$requiredMsg, _item$name;
+                return /*#__PURE__*/_jsx(FormItem, _objectSpread({
+                  requiredMsg: (_item$requiredMsg = item.requiredMsg) !== null && _item$requiredMsg !== void 0 ? _item$requiredMsg : (_item$name = item.name) !== null && _item$name !== void 0 && _item$name.endsWith("En") ? "".concat(PlaceholderDictEn[item.type], " ").concat(item.name) : "".concat(PlaceholderDict[item.type]).concat(item.label),
+                  className: "".concat(formItemClassName, " ").concat(item.className, " ").concat(styles.formItem),
+                  disabled: disabled,
+                  required: disabled ? false : item.required,
+                  layout: formItemLayout
+                }, item), item.name);
+              })
+            })]
+          }, key);
+        }), extraFormItems === null || extraFormItems === void 0 ? void 0 : extraFormItems.map(function (item) {
+          var _item$props$requiredM, _item$props$name;
+          item = _objectSpread(_objectSpread({}, item), {}, {
+            key: item.props.name,
+            props: _objectSpread({
+              requiredMsg: (_item$props$requiredM = item.props.requiredMsg) !== null && _item$props$requiredM !== void 0 ? _item$props$requiredM : item.props.type && ((_item$props$name = item.props.name) !== null && _item$props$name !== void 0 && _item$props$name.endsWith("En") ? "".concat(PlaceholderDictEn[item.props.type], " ").concat(item.props.name) : "".concat(PlaceholderDict[item.props.type]).concat(item.props.label)),
+              className: "".concat(formItemClassName, " ").concat(item.props.className, " ").concat(styles.formItem),
+              disabled: disabled,
+              required: disabled ? false : item.props.required,
+              layout: formItemLayout
+            }, item.props)
+          });
+          return item;
+        }), children]
+      })
+    }), outsideChildren]
+  }));
+};
+export default ModalForm;

package/es/components/Form/ModalForm/index.module.less

@@ -0,0 +1,74 @@
+.ModalForm {
+  .body {
+    height: max-content;
+    max-height: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+
+  .formWrapper {
+    width: 100%;
+  }
+
+  .form {
+    --column-num: 2;
+
+    display: flex;
+    flex-direction: column;
+    row-gap: 10px;
+  }
+
+  .formItemGroup {
+    display: flex;
+    flex-direction: column;
+    row-gap: 10px;
+
+    width: 100%;
+
+    &:not(:first-of-type) {
+      margin-top: 10px;
+    }
+
+    .formItemTitle {
+      width: 100%;
+
+      font-size: 17px;
+      font-weight: 500;
+    }
+
+    .formItemGroupContent {
+      display: flex;
+      flex-direction: column;
+      row-gap: 10px;
+
+      width: 100%;
+      padding-left: 40px;
+    }
+  }
+
+  &.horizontal {
+    .form {
+      flex-direction: row;
+      flex-wrap: wrap;
+      column-gap: 10px;
+
+      .formItem {
+        width: calc(
+          (100% - (var(--column-num) - 1) * 10px) / var(--column-num)
+        );
+      }
+    }
+
+    .formItemGroup {
+      flex-direction: row;
+      flex-wrap: wrap;
+      column-gap: 10px;
+
+      .formItemGroupContent {
+        flex-direction: row;
+        flex-wrap: wrap;
+        column-gap: 10px;
+      }
+    }
+  }
+}

package/es/components/Form/index.d.ts

@@ -0,0 +1,13 @@
+import { DrawerFormProps } from "./DrawerForm";
+import { ImportFormProps } from "./ImportForm";
+import { ModalFormProps } from "./ModalForm";
+import { Form as AntdForm } from "antd";
+import React from "react";
+interface FormType {
+    Modal: React.FC<ModalFormProps>;
+    Drawer: React.FC<DrawerFormProps>;
+    Import: React.FC<ImportFormProps>;
+    useForm: typeof AntdForm.useForm;
+}
+declare const Form: FormType;
+export default Form;

package/es/components/Form/index.js

@@ -0,0 +1,11 @@
+import DrawerForm from "./DrawerForm";
+import ImportForm from "./ImportForm";
+import ModalForm from "./ModalForm";
+import { Form as AntdForm } from "antd";
+var Form = {
+  Modal: ModalForm,
+  Drawer: DrawerForm,
+  Import: ImportForm,
+  useForm: AntdForm.useForm
+};
+export default Form;

package/es/components/FormItem/FormAuto/index.d.ts

@@ -0,0 +1,8 @@
+import { ItemContainerProps } from "../ItemContainer";
+import React from "react";
+export interface FormAutoProps extends ItemContainerProps {
+    element?: React.ReactNode;
+    componentProps?: Record<string, unknown>;
+}
+declare const FormAuto: React.FC<FormAutoProps>;
+export default FormAuto;

package/es/components/FormItem/FormAuto/index.js

@@ -0,0 +1,21 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["element", "componentProps"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import ItemContainer from "../ItemContainer";
+import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+var FormAuto = function FormAuto(props) {
+  var element = props.element,
+    componentProps = props.componentProps,
+    formItemProps = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/_jsx(ItemContainer, _objectSpread(_objectSpread({}, formItemProps), {}, {
+    children: /*#__PURE__*/React.isValidElement(element) ? /*#__PURE__*/React.cloneElement(element, componentProps) : element
+  }));
+};
+export default FormAuto;

package/es/components/FormItem/FormCheckbox/FormCheckboxGroup/index.d.ts

@@ -0,0 +1,8 @@
+import { ItemContainerProps } from "../../ItemContainer";
+import React from "react";
+import { CheckboxGroupProps } from "../../../Checkbox";
+export interface FormCheckboxGroupProps extends ItemContainerProps {
+    componentProps?: CheckboxGroupProps;
+}
+declare const FormCheckboxGroup: React.FC<FormCheckboxGroupProps>;
+export default FormCheckboxGroup;

package/es/components/FormItem/FormCheckbox/FormCheckboxGroup/index.js

@@ -0,0 +1,34 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["componentProps", "className", "disabled"],
+  _excluded2 = ["className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import ItemContainer from "../../ItemContainer";
+import React from "react";
+import classNames from "classnames";
+import styles from "./index.module.less";
+import Checkbox from "../../../Checkbox";
+import { jsx as _jsx } from "react/jsx-runtime";
+var FormCheckboxGroup = function FormCheckboxGroup(props) {
+  var _checkboxConfig$disab;
+  var _props$componentProps = props.componentProps,
+    componentProps = _props$componentProps === void 0 ? {} : _props$componentProps,
+    itemClassName = props.className,
+    disabled = props.disabled,
+    formItemProps = _objectWithoutProperties(props, _excluded);
+  var className = componentProps.className,
+    checkboxConfig = _objectWithoutProperties(componentProps, _excluded2);
+  return /*#__PURE__*/_jsx(ItemContainer, _objectSpread(_objectSpread({}, formItemProps), {}, {
+    className: "".concat(itemClassName !== null && itemClassName !== void 0 ? itemClassName : ""),
+    children: /*#__PURE__*/_jsx(Checkbox.Group, _objectSpread(_objectSpread({}, checkboxConfig), {}, {
+      disabled: (_checkboxConfig$disab = checkboxConfig.disabled) !== null && _checkboxConfig$disab !== void 0 ? _checkboxConfig$disab : disabled,
+      className: classNames([styles.checkboxGroup, className])
+    }))
+  }));
+};
+export default FormCheckboxGroup;

package/es/components/FormItem/FormCheckbox/FormCheckboxGroup/index.module.less

@@ -0,0 +1,2 @@
+.checkboxGroup {
+}

package/es/components/FormItem/FormCheckbox/index.d.ts

@@ -0,0 +1,13 @@
+import { ItemContainerProps } from "../ItemContainer";
+import React from "react";
+import { CheckboxProps } from "../../Checkbox";
+import { FormCheckboxGroupProps } from "./FormCheckboxGroup";
+export type { FormCheckboxGroupProps };
+export interface FormCheckboxProps extends ItemContainerProps {
+    componentProps?: CheckboxProps;
+}
+interface FormCheckboxFC extends React.FC<FormCheckboxProps> {
+    Group: React.FC<FormCheckboxGroupProps>;
+}
+declare const FormCheckbox: FormCheckboxFC;
+export default FormCheckbox;

package/es/components/FormItem/FormCheckbox/index.js

@@ -0,0 +1,40 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["componentProps", "className", "disabled", "label", "labelClassName"],
+  _excluded2 = ["className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import ItemContainer from "../ItemContainer";
+import React from "react";
+import classNames from "classnames";
+import styles from "./index.module.less";
+import Checkbox from "../../Checkbox";
+import FormCheckboxGroup from "./FormCheckboxGroup";
+import { jsx as _jsx } from "react/jsx-runtime";
+var FormCheckbox = function FormCheckbox(props) {
+  var _checkboxConfig$disab;
+  var _props$componentProps = props.componentProps,
+    componentProps = _props$componentProps === void 0 ? {} : _props$componentProps,
+    itemClassName = props.className,
+    disabled = props.disabled,
+    label = props.label,
+    labelClassName = props.labelClassName,
+    formItemProps = _objectWithoutProperties(props, _excluded);
+  var className = componentProps.className,
+    checkboxConfig = _objectWithoutProperties(componentProps, _excluded2);
+  return /*#__PURE__*/_jsx(ItemContainer, _objectSpread(_objectSpread({}, formItemProps), {}, {
+    className: "".concat(itemClassName !== null && itemClassName !== void 0 ? itemClassName : ""),
+    valuePropName: "checked",
+    children: /*#__PURE__*/_jsx(Checkbox, _objectSpread(_objectSpread({}, checkboxConfig), {}, {
+      disabled: (_checkboxConfig$disab = checkboxConfig.disabled) !== null && _checkboxConfig$disab !== void 0 ? _checkboxConfig$disab : disabled,
+      className: classNames([styles.checkbox, className, labelClassName]),
+      children: label
+    }))
+  }));
+};
+FormCheckbox.Group = FormCheckboxGroup;
+export default FormCheckbox;

package/es/components/FormItem/FormCheckbox/index.module.less

@@ -0,0 +1,2 @@
+.checkbox {
+}

package/es/components/FormItem/FormCodeMirror/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { CodeMirrorProps } from "../../CodeMirror";
+import { ItemContainerProps } from "../ItemContainer";
+export interface FormCodeMirrorProps extends ItemContainerProps {
+    componentProps?: CodeMirrorProps;
+}
+declare const FormCodeMirror: React.FC<FormCodeMirrorProps>;
+export default FormCodeMirror;