@yuntijs/ui 1.0.0-beta.9 → 1.0.0-beta.91

package/es/Dropdown/index.js

@@ -0,0 +1,59 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["menuExtra", "dropdownRender"];
+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; }
+import { Dropdown as AntDropdown, Flex } from 'antd';
+import React, { useCallback } from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var YuntiDropdown = function YuntiDropdown(_ref) {
+  var menuExtra = _ref.menuExtra,
+    dropdownRender = _ref.dropdownRender,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _ref2 = menuExtra || {},
+    _ref2$position = _ref2.position,
+    position = _ref2$position === void 0 ? 'top' : _ref2$position,
+    _ref2$divider = _ref2.divider,
+    divider = _ref2$divider === void 0 ? false : _ref2$divider,
+    content = _ref2.content;
+  var _useStyles = useStyles({
+      divider: divider,
+      position: position
+    }),
+    styles = _useStyles.styles;
+  var handleDropdownRender = useCallback(function (menu) {
+    var borderLessMenu = /*#__PURE__*/React.cloneElement(menu, {
+      style: {
+        boxShadow: 'none',
+        border: 'none'
+      }
+    });
+    if (!content) {
+      if (dropdownRender) {
+        return /*#__PURE__*/_jsx(Flex, {
+          className: styles.menuWrapper,
+          vertical: true,
+          children: dropdownRender(borderLessMenu)
+        });
+      }
+      return menu;
+    }
+    var extra = /*#__PURE__*/_jsx(Flex, {
+      align: "center",
+      className: styles.menuExtra,
+      children: content
+    });
+    return /*#__PURE__*/_jsxs(Flex, {
+      className: styles.menuWrapper,
+      vertical: true,
+      children: [position === 'top' && extra, borderLessMenu, position === 'bottom' && extra]
+    });
+  }, [content, dropdownRender, position, styles.menuExtra, styles.menuWrapper]);
+  return /*#__PURE__*/_jsx(AntDropdown, _objectSpread({
+    dropdownRender: handleDropdownRender
+  }, props));
+};
+export var Dropdown = YuntiDropdown;
+Dropdown.Button = AntDropdown.Button;

package/es/Dropdown/style.d.ts

@@ -0,0 +1,7 @@
+export declare const useStyles: (props?: {
+    divider?: boolean | undefined;
+    position?: "bottom" | "top" | undefined;
+} | undefined) => import("antd-style").ReturnStyles<{
+    menuWrapper: import("antd-style").SerializedStyles;
+    menuExtra: import("antd-style").SerializedStyles;
+}>;

package/es/Dropdown/style.js

@@ -0,0 +1,13 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var css = _ref.css,
+    token = _ref.token;
+  var divider = _ref2.divider,
+    position = _ref2.position;
+  return {
+    menuWrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        background-color: ", ";\n        border-radius: ", "px;\n        box-shadow: ", ";\n      "])), token.colorBgElevated, token.borderRadiusLG, token.boxShadowSecondary),
+    menuExtra: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        padding: 10px 16px 4px;\n        ", "\n      "])), divider && (position === 'top' ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              border-bottom: 1px solid ", ";\n            "])), token.colorSplit) : css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n              border-top: 1px solid ", ";\n            "])), token.colorSplit)))
+  };
+});

package/es/EditableMessage/index.d.ts

@@ -0,0 +1,75 @@
+import { MarkdownProps, type MessageInputProps, type MessageModalProps } from '@lobehub/ui';
+import { CSSProperties } from 'react';
+export interface EditableMessageProps {
+    /**
+     * @title The class name for the Markdown and MessageInput component
+     */
+    classNames?: {
+        /**
+         * @title The class name for the MessageInput component
+         */
+        input?: string;
+        /**
+         * @title The class name for the Markdown component
+         */
+        markdown?: string;
+        textarea?: string;
+    };
+    editButtonSize?: MessageInputProps['editButtonSize'];
+    /**
+     * @title Whether the component is in edit mode or not
+     * @default false
+     */
+    editing?: boolean;
+    fontSize?: number;
+    fullFeaturedCodeBlock?: boolean;
+    height?: MessageInputProps['height'];
+    inputType?: MessageInputProps['type'];
+    model?: {
+        extra?: MessageModalProps['extra'];
+        footer?: MessageModalProps['footer'];
+    };
+    /**
+     * @title Callback function when the value changes
+     * @param value - The new value
+     */
+    onChange?: (value: string) => void;
+    /**
+     * @title Callback function when the editing state changes
+     * @param editing - Whether the component is in edit mode or not
+     */
+    onEditingChange?: (editing: boolean) => void;
+    /**
+     * @title Callback function when the modal open state changes
+     * @param open - Whether the modal is open or not
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * @title Whether the modal is open or not
+     * @default false
+     */
+    openModal?: boolean;
+    placeholder?: string;
+    /**
+     * @title Whether to show the edit button when the text value is empty
+     * @default false
+     */
+    showEditWhenEmpty?: boolean;
+    styles?: {
+        /**
+         * @title The style for the MessageInput component
+         */
+        input?: CSSProperties;
+        /**
+         * @title The style for the Markdown component
+         */
+        markdown?: CSSProperties;
+    };
+    text?: MessageModalProps['text'];
+    /**
+     * @title The current text value
+     */
+    value: string;
+    markdownProps?: Omit<MarkdownProps, 'children'>;
+}
+export declare const EditableMessage: import("react").NamedExoticComponent<EditableMessageProps>;

package/es/EditableMessage/index.js

@@ -0,0 +1,99 @@
+'use client';
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+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; }
+import { Markdown, MessageInput, MessageModal } from '@lobehub/ui';
+import { memo } from 'react';
+import useControlledState from 'use-merge-value';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var EditableMessage = /*#__PURE__*/memo(function (_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    onEditingChange = _ref.onEditingChange,
+    editing = _ref.editing,
+    openModal = _ref.openModal,
+    onOpenChange = _ref.onOpenChange,
+    placeholder = _ref.placeholder,
+    _ref$showEditWhenEmpt = _ref.showEditWhenEmpty,
+    showEditWhenEmpty = _ref$showEditWhenEmpt === void 0 ? false : _ref$showEditWhenEmpt,
+    stylesProps = _ref.styles,
+    height = _ref.height,
+    inputType = _ref.inputType,
+    editButtonSize = _ref.editButtonSize,
+    text = _ref.text,
+    fullFeaturedCodeBlock = _ref.fullFeaturedCodeBlock,
+    model = _ref.model,
+    fontSize = _ref.fontSize,
+    markdownProps = _ref.markdownProps;
+  var _useControlledState = useControlledState(false, {
+      onChange: onEditingChange,
+      value: editing
+    }),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    isEdit = _useControlledState2[0],
+    setTyping = _useControlledState2[1];
+  var _useControlledState3 = useControlledState(false, {
+      onChange: onOpenChange,
+      value: openModal
+    }),
+    _useControlledState4 = _slicedToArray(_useControlledState3, 2),
+    expand = _useControlledState4[0],
+    setExpand = _useControlledState4[1];
+  var isAutoSize = height === 'auto';
+  var input = /*#__PURE__*/_jsx(MessageInput, {
+    className: classNames === null || classNames === void 0 ? void 0 : classNames.input,
+    classNames: {
+      textarea: classNames === null || classNames === void 0 ? void 0 : classNames.textarea
+    },
+    defaultValue: value,
+    editButtonSize: editButtonSize,
+    height: height,
+    onCancel: function onCancel() {
+      return setTyping(false);
+    },
+    onConfirm: function onConfirm(text) {
+      onChange === null || onChange === void 0 || onChange(text);
+      setTyping(false);
+    },
+    placeholder: placeholder,
+    style: stylesProps === null || stylesProps === void 0 ? void 0 : stylesProps.input,
+    text: text,
+    textareaClassname: classNames === null || classNames === void 0 ? void 0 : classNames.input,
+    type: inputType
+  });
+  if (!value && showEditWhenEmpty) return input;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [!expand && isEdit ? input : /*#__PURE__*/_jsx(Markdown, _objectSpread(_objectSpread({
+      className: classNames === null || classNames === void 0 ? void 0 : classNames.markdown,
+      fontSize: fontSize,
+      fullFeaturedCodeBlock: fullFeaturedCodeBlock,
+      style: _objectSpread({
+        height: isAutoSize ? 'unset' : height
+      }, stylesProps === null || stylesProps === void 0 ? void 0 : stylesProps.markdown),
+      variant: 'chat'
+    }, markdownProps), {}, {
+      children: value || placeholder || ''
+    })), expand && /*#__PURE__*/_jsx(MessageModal, {
+      editing: isEdit,
+      extra: model === null || model === void 0 ? void 0 : model.extra,
+      footer: model === null || model === void 0 ? void 0 : model.footer,
+      height: height,
+      onChange: onChange,
+      onEditingChange: setTyping,
+      onOpenChange: function onOpenChange(e) {
+        setExpand(e);
+        setTyping(false);
+      },
+      open: expand,
+      placeholder: placeholder,
+      text: text,
+      value: value
+    })]
+  });
+});

package/es/Form/collapse-list/index.d.ts

@@ -0,0 +1,40 @@
+import type { FormItemProps, FormListFieldData, TableColumnProps } from 'antd';
+import type { FormListProps as AntFormListProps } from 'antd/es/form';
+import React from 'react';
+import { CollapseGroupProps } from '../../CollapseGroup';
+export interface FormCollapseListColumnItem extends Omit<FormItemProps, 'dependencies' | 'rules' | 'tooltip' | 'labelAlign' | 'labelCol' | 'colon' | 'children'> {
+    render?: (field: FormListFieldData, index: number) => React.ReactElement;
+    rules?: FormItemProps['rules'] | ((field: FormListFieldData, index: number) => FormItemProps['rules']);
+    dependencies?: FormItemProps['dependencies'] | ((field: FormListFieldData, index: number) => FormItemProps['dependencies']);
+}
+export interface FormListOperationAddParams {
+    defaultValue?: any;
+    insertIndex?: number;
+}
+export interface FormCollapseListColumn extends FormCollapseListColumnItem, Pick<TableColumnProps<any>, 'align' | 'ellipsis' | 'fixed' | 'responsive' | 'shouldCellUpdate' | 'width'> {
+}
+export interface FormCollapseListProps extends Omit<AntFormListProps, 'name' | 'children'>, Pick<CollapseGroupProps, 'className' | 'extra' | 'expandIcon' | 'icon' | 'title' | 'variant' | 'defaultActive' | 'style'> {
+    /** 字段名 */
+    name?: FormItemProps['name'];
+    /** 表单列为空时展示的空内容 */
+    empty?: React.ReactNode;
+    /** 表单列配置 */
+    columns?: FormCollapseListColumn[];
+    /** 新增表单项的参数 */
+    addParams?: FormListOperationAddParams | (() => FormListOperationAddParams);
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 只读模式 */
+    readOnly?: boolean;
+    /** 默认添加一个 field */
+    addOneFieldDefault?: boolean;
+    /** 当只有一个 field 时禁用移除 */
+    disableRemoveWhenOneField?: boolean;
+    /** 限制最大 fields 数量 */
+    maxFileds?: number;
+    /** 删除时调用，返回 false 时取消删除 */
+    onRemove?: (values: any) => boolean | void | Promise<boolean | void>;
+    /** 是否启用表单项删除按钮，默认为启用 */
+    fieldRemoveButton?: boolean;
+}
+export declare const FormCollapseList: React.FC<FormCollapseListProps>;

package/es/Form/collapse-list/index.js

@@ -0,0 +1,209 @@
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["extra", "expandIcon", "icon", "title", "variant", "defaultActive", "empty", "columns", "disabled", "readOnly", "addOneFieldDefault", "disableRemoveWhenOneField", "maxFileds", "name", "addParams", "className", "onRemove", "fieldRemoveButton", "style"],
+  _excluded2 = ["label", "name", "render", "dependencies", "rules", "align", "ellipsis", "fixed", "responsive", "shouldCellUpdate", "width"],
+  _excluded3 = ["key", "name"];
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+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; }
+import { PlusOutlined } from '@ant-design/icons';
+import { Icon } from '@lobehub/ui';
+import { Button, Flex, Form, Table, Tooltip } from 'antd';
+import { Trash2 } from 'lucide-react';
+import React, { useCallback, useEffect, useRef } from 'react';
+import { CollapseGroup } from "../../CollapseGroup";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var FormCollapseList = function FormCollapseList(_ref) {
+  var extra = _ref.extra,
+    expandIcon = _ref.expandIcon,
+    icon = _ref.icon,
+    title = _ref.title,
+    variant = _ref.variant,
+    defaultActive = _ref.defaultActive,
+    _ref$empty = _ref.empty,
+    empty = _ref$empty === void 0 ? '点击右上角 + 添加 ' : _ref$empty,
+    _ref$columns = _ref.columns,
+    columns = _ref$columns === void 0 ? [] : _ref$columns,
+    disabled = _ref.disabled,
+    readOnly = _ref.readOnly,
+    addOneFieldDefault = _ref.addOneFieldDefault,
+    disableRemoveWhenOneField = _ref.disableRemoveWhenOneField,
+    maxFileds = _ref.maxFileds,
+    name = _ref.name,
+    addParams = _ref.addParams,
+    className = _ref.className,
+    onRemove = _ref.onRemove,
+    _ref$fieldRemoveButto = _ref.fieldRemoveButton,
+    fieldRemoveButton = _ref$fieldRemoveButto === void 0 ? true : _ref$fieldRemoveButto,
+    style = _ref.style,
+    formListProps = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var listAdd = useRef();
+  var form = Form.useFormInstance();
+  var fieldsWatch = Form.useWatch(name, form);
+  var getAddParams = useCallback(function () {
+    if (!addParams) {
+      return [];
+    }
+    var params = typeof addParams === 'function' ? addParams() : addParams;
+    return [params.defaultValue, params.insertIndex];
+  }, [addParams]);
+  var handleOnRemove = useCallback(function (fieldName) {
+    var values = form.getFieldValue([name, fieldName]);
+    return onRemove === null || onRemove === void 0 ? void 0 : onRemove(values);
+  }, [form, name, onRemove]);
+  useEffect(function () {
+    var _form$getFieldValue;
+    if (addOneFieldDefault && (!(form !== null && form !== void 0 && form.getFieldValue(name)) || (form === null || form === void 0 || (_form$getFieldValue = form.getFieldValue(name)) === null || _form$getFieldValue === void 0 ? void 0 : _form$getFieldValue.length) === 0)) {
+      var _listAdd$current;
+      (_listAdd$current = listAdd.current) === null || _listAdd$current === void 0 || _listAdd$current.call.apply(_listAdd$current, [listAdd].concat(_toConsumableArray(getAddParams())));
+    }
+  }, [addOneFieldDefault, getAddParams, form, name]);
+  return /*#__PURE__*/_jsx(CollapseGroup, {
+    extra: extra === undefined ? name && !readOnly && /*#__PURE__*/_jsx(Tooltip, {
+      title: maxFileds && "\u6700\u591A\u6DFB\u52A0 ".concat(maxFileds, " \u9879"),
+      children: /*#__PURE__*/_jsx(Button, {
+        disabled: disabled || !!(maxFileds && (fieldsWatch === null || fieldsWatch === void 0 ? void 0 : fieldsWatch.length) === maxFileds),
+        icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
+        onClick: function onClick(e) {
+          var _listAdd$current2;
+          e.stopPropagation();
+          (_listAdd$current2 = listAdd.current) === null || _listAdd$current2 === void 0 || _listAdd$current2.call.apply(_listAdd$current2, [listAdd].concat(_toConsumableArray(getAddParams())));
+        },
+        size: "small",
+        type: "text"
+      })
+    }) : extra,
+    className: className,
+    expandIcon: expandIcon,
+    icon: icon,
+    title: title,
+    variant: variant,
+    defaultActive: defaultActive,
+    style: style,
+    children: name ? /*#__PURE__*/_jsx(Form.List, _objectSpread(_objectSpread({
+      name: name
+    }, formListProps), {}, {
+      children: function children(fields, _ref2) {
+        var add = _ref2.add,
+          remove = _ref2.remove;
+        listAdd.current = add;
+
+        // @Todo: support sort
+        return /*#__PURE__*/_jsx(Table, {
+          className: styles.list,
+          columns: [].concat(_toConsumableArray(columns.map(function (_ref3) {
+            var label = _ref3.label,
+              itemName = _ref3.name,
+              fieldRender = _ref3.render,
+              dependencies = _ref3.dependencies,
+              rules = _ref3.rules,
+              align = _ref3.align,
+              ellipsis = _ref3.ellipsis,
+              fixed = _ref3.fixed,
+              responsive = _ref3.responsive,
+              shouldCellUpdate = _ref3.shouldCellUpdate,
+              width = _ref3.width,
+              itemProps = _objectWithoutProperties(_ref3, _excluded2);
+            return {
+              title: label,
+              dataIndex: itemName,
+              align: align,
+              ellipsis: ellipsis,
+              fixed: fixed,
+              responsive: responsive,
+              shouldCellUpdate: shouldCellUpdate,
+              width: width,
+              render: function render(_text, _record, index) {
+                var _fields$index = fields[index],
+                  key = _fields$index.key,
+                  name = _fields$index.name,
+                  restField = _objectWithoutProperties(_fields$index, _excluded3);
+                var children = fieldRender === null || fieldRender === void 0 ? void 0 : fieldRender(fields[index], index);
+                if (!children && !itemProps.noStyle) {
+                  return /*#__PURE__*/_jsx(Flex, {
+                    align: "center",
+                    className: styles.noFormItem,
+                    children: "\u65E0\u9700\u8BBE\u7F6E"
+                  });
+                }
+                if (!itemName) {
+                  return /*#__PURE__*/_jsx(Flex, {
+                    align: "center",
+                    className: styles.noFormItem,
+                    children: children
+                  });
+                }
+                var chidrenProps = {
+                  readOnly: readOnly,
+                  disabled: disabled
+                };
+                if (readOnly === true) {
+                  chidrenProps.showCount = false;
+                  chidrenProps.variant = 'borderless';
+                  chidrenProps.placeholder = '-';
+                }
+                return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread(_objectSpread({}, restField), {}, {
+                  dependencies: typeof dependencies === 'function' ? dependencies(fields[index], index) : dependencies,
+                  name: [name, itemName],
+                  rules: typeof rules === 'function' ? rules(fields[index], index) : rules
+                }, itemProps), {}, {
+                  children: children && /*#__PURE__*/React.cloneElement(children, chidrenProps)
+                }), key);
+              }
+            };
+          })), [!readOnly && fieldRemoveButton !== false && {
+            title: '',
+            dataIndex: 'del',
+            render: function render(_text, _record, index) {
+              var fieldName = fields[index].name;
+              return /*#__PURE__*/_jsx(Form.Item, {
+                children: /*#__PURE__*/_jsx(Button, {
+                  disabled: disabled || disableRemoveWhenOneField && fields.length === 1,
+                  icon: /*#__PURE__*/_jsx(Icon, {
+                    icon: Trash2
+                  }),
+                  onClick: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+                    var isRemove;
+                    return _regeneratorRuntime.wrap(function _callee$(_context) {
+                      while (1) switch (_context.prev = _context.next) {
+                        case 0:
+                          _context.next = 2;
+                          return handleOnRemove(fieldName);
+                        case 2:
+                          isRemove = _context.sent;
+                          if (isRemove !== false) {
+                            remove(fieldName);
+                          }
+                        case 4:
+                        case "end":
+                          return _context.stop();
+                      }
+                    }, _callee);
+                  })),
+                  type: "text"
+                })
+              });
+            }
+          }]).filter(function (c) {
+            return !!c;
+          }),
+          dataSource: fields,
+          locale: {
+            emptyText: empty
+          },
+          pagination: false,
+          rowHoverable: false,
+          size: "small"
+        });
+      }
+    })) : /*#__PURE__*/_jsx("div", {
+      className: styles.empty,
+      children: empty
+    })
+  });
+};

package/es/Form/collapse-list/style.d.ts

@@ -0,0 +1,5 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    empty: import("antd-style").SerializedStyles;
+    list: import("antd-style").SerializedStyles;
+    noFormItem: import("antd-style").SerializedStyles;
+}>;

package/es/Form/collapse-list/style.js

@@ -0,0 +1,13 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  return {
+    empty: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding: ", "px ", "px;\n      color: ", ";\n    "])), token.paddingXS, token.paddingSM, token.colorTextTertiary),
+    list: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      &.", "-table-wrapper {\n        .", "-table {\n          &-thead {\n            & > tr > th {\n              font-weight: normal;\n              color: ", ";\n              background-color: unset;\n              &::before {\n                display: none;\n              }\n            }\n          }\n          &-tbody {\n            & > tr:last-child {\n              & > td {\n                border-bottom-color: transparent;\n              }\n            }\n          }\n          &-cell {\n            vertical-align: top;\n          }\n        }\n      }\n      .", "-form {\n        &-item {\n          margin-bottom: 0;\n        }\n      }\n    "])), prefixCls, prefixCls, token.colorTextTertiary, prefixCls),
+    noFormItem: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      height: ", "px;\n      color: ", ";\n    "])), token.controlHeight, token.colorTextTertiary)
+  };
+});

package/es/Form/index.d.ts

@@ -0,0 +1,8 @@
+import { Form as AntForm } from 'antd';
+import { FormCollapseList } from './collapse-list';
+export * from './collapse-list';
+export type { FormInstance, FormItemProps, FormListFieldData, FormListOperation, FormProps, FormRule, } from 'antd';
+export type FormType = typeof AntForm & {
+    CollapseList: typeof FormCollapseList;
+};
+export declare const Form: FormType;

package/es/Form/index.js

@@ -0,0 +1,5 @@
+import { Form as AntForm } from 'antd';
+import { FormCollapseList } from "./collapse-list";
+export * from "./collapse-list";
+export var Form = AntForm;
+Form.CollapseList = FormCollapseList;

package/es/FormHelper/autoFocus.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type RefOrDomOrId<T> = HTMLElement | string | React.Ref<T>;
+type F = any;
+/**
+ * Passing a ref, id, or DOM element to obtain and set the focus state of the first non-disabled and non-readonly input or textarea.
+ * @param {RefOrDomOrId} refOrDomOrId - 支持类型 HTMLElement | string | React.Ref<T>
+ * @returns void
+ */
+export declare const useAutoFocus: (refOrDomOrId?: RefOrDomOrId<F>) => void;
+export {};

package/es/FormHelper/autoFocus.js

@@ -0,0 +1,38 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState } from 'react';
+var getDom = function getDom(refOrDomOrId) {
+  return typeof refOrDomOrId === 'string' ? document.querySelector("#".concat(refOrDomOrId)) : (refOrDomOrId === null || refOrDomOrId === void 0 ? void 0 : refOrDomOrId.current) || refOrDomOrId;
+};
+
+// https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input#input_%E7%B1%BB%E5%9E%8B
+var disabled = ':not([disabled]):not([readonly])';
+var queryInputTypes = ['text', 'password', 'search', 'tel', 'url', 'number', 'email', ''].map(function (item) {
+  return "input[type=\"".concat(item, "\"]").concat(disabled);
+}).join(', ') + ", input:not([type])".concat(disabled, ", textarea").concat(disabled);
+var setAutoFocus = function setAutoFocus(refOrDomOrId) {
+  var _dom$querySelector;
+  var dom = getDom(refOrDomOrId);
+  if (!dom) return;
+  var input = (_dom$querySelector = dom.querySelector) === null || _dom$querySelector === void 0 ? void 0 : _dom$querySelector.call(dom, queryInputTypes);
+  if (!(input !== null && input !== void 0 && input.focus)) return;
+  input.focus();
+  return true;
+};
+
+/**
+ * Passing a ref, id, or DOM element to obtain and set the focus state of the first non-disabled and non-readonly input or textarea.
+ * @param {RefOrDomOrId} refOrDomOrId - 支持类型 HTMLElement | string | React.Ref<T>
+ * @returns void
+ */
+export var useAutoFocus = function useAutoFocus(refOrDomOrId) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    focused = _useState2[0],
+    setFocused = _useState2[1];
+  React.useEffect(function () {
+    if (focused || !refOrDomOrId) return;
+    var setRes = setAutoFocus(refOrDomOrId);
+    if (!setRes) return;
+    setFocused(true);
+  }, [refOrDomOrId, focused, setFocused]);
+};

package/es/FormHelper/index.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentType, FC } from 'react';
+export { useAutoFocus } from './autoFocus';
+export type FormHelperProps = {
+    children: React.ReactNode;
+    autoFocus?: boolean;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const FormHelper: React.FC<FormHelperProps>;
+type FormHelperConfig = Omit<FormHelperProps, 'children'>;
+export declare const withFormHelper: (formHelperConfig?: FormHelperConfig) => <P extends Record<string, never>>(WrappedComponent: React.ComponentType<P>) => React.FC<P>;
+export { FormHelper };

package/es/FormHelper/index.js

@@ -0,0 +1,41 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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; }
+import React, { useRef } from 'react';
+import { useAutoFocus } from "./autoFocus";
+import { jsx as _jsx } from "react/jsx-runtime";
+export { useAutoFocus } from "./autoFocus";
+// Component
+
+var FormHelper = function FormHelper(props) {
+  var _props$style;
+  var _props$autoFocus = props.autoFocus,
+    autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus;
+  var ref = useRef(null);
+  useAutoFocus(autoFocus ? ref : undefined);
+  return /*#__PURE__*/_jsx("div", {
+    className: props.className,
+    id: props.id,
+    ref: ref,
+    style: (_props$style = props.style) !== null && _props$style !== void 0 ? _props$style : {
+      display: props.className ? undefined : 'contents'
+    },
+    children: props.children
+  });
+};
+
+// HOC
+
+export var withFormHelper = function withFormHelper(formHelperConfig) {
+  return function (WrappedComponent) {
+    var HocComponent = function HocComponent(props) {
+      return /*#__PURE__*/_jsx(FormHelper, _objectSpread(_objectSpread({}, formHelperConfig || {}), {}, {
+        children: /*#__PURE__*/_jsx(WrappedComponent, _objectSpread({}, props))
+      }));
+    };
+    var displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+    HocComponent.displayName = "withFormHelper(".concat(displayName, ")");
+    return HocComponent;
+  };
+};
+export { FormHelper };