@yuntijs/ui 1.0.0-beta.31 → 1.0.0-beta.33

package/es/CollapseGroup/index.d.ts

@@ -0,0 +1,4 @@
+import { FormGroupProps } from '@lobehub/ui';
+import React from 'react';
+export type CollapseGroupProps = Omit<FormGroupProps, 'items' | 'activeKey' | 'defaultActiveKey' | 'accordion' | 'expandIconPosition'>;
+export declare const CollapseGroup: React.FC<CollapseGroupProps>;

package/es/CollapseGroup/index.js

@@ -0,0 +1,23 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "variant"];
+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 { Form as LobeForm } from '@lobehub/ui';
+import React from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var FormGroup = LobeForm.Group;
+export var CollapseGroup = function CollapseGroup(_ref) {
+  var className = _ref.className,
+    variant = _ref.variant,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsx(FormGroup, _objectSpread({
+    className: cx(styles.root, className),
+    collapsible: variant === 'pure' ? 'icon' : 'header',
+    variant: variant
+  }, otherProps));
+};

package/es/CollapseGroup/style.d.ts

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

package/es/CollapseGroup/style.js

@@ -0,0 +1,11 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  return {
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      margin-bottom: ", "px;\n      .", "-collapse {\n        &-header {\n          padding: 0 !important;\n          &-text {\n            padding: ", "px ", "px ", "px 0;\n            & > * {\n              font-size: ", "px;\n              /* font-weight: unset; */\n            }\n          }\n        }\n        &-expand-icon {\n          padding: ", "px 0 ", "px ", "px;\n        }\n        &-extra {\n          padding-right: ", "px;\n        }\n        &-content {\n          padding: ", "px 0;\n          background-color: ", ";\n        }\n      }\n    "])), token.margin, prefixCls, token.paddingSM, token.paddingSM, token.paddingSM, token.fontSize, token.padding, token.padding, token.paddingSM, token.paddingSM, token.paddingXS, token.colorBgContainer)
+  };
+});

package/es/ConfigProvider/index.d.ts

@@ -5,6 +5,7 @@ export interface Config {
     customCdnFn?: CdnFn;
     imgAs?: ElementType;
     proxy?: CDN | 'custom';
+    prefixCls: string;
 }
 export declare const ConfigContext: import("react").Context<Config | null>;
 export declare const ConfigProvider: import("react").NamedExoticComponent<{

package/es/Divider/index.js

@@ -12,10 +12,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 export var Divider = function Divider(props) {
-  var mode = props.mode,
+  var _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'line' : _props$mode,
     content = props.content,
     defaultOpen = props.defaultOpen,
-    iconPlacement = props.iconPlacement,
+    _props$iconPlacement = props.iconPlacement,
+    iconPlacement = _props$iconPlacement === void 0 ? 'left' : _props$iconPlacement,
     openIcon = props.openIcon,
     closeIcon = props.closeIcon,
     type = props.type,
@@ -49,7 +51,7 @@ export var Divider = function Divider(props) {
         children: /*#__PURE__*/_jsxs(Space, {
           size: 6,
           children: [iconPlacement !== 'right' && iconDom, /*#__PURE__*/_jsx("span", {
-            children: props.children
+            children: content
           }), iconPlacement === 'right' && iconDom]
         })
       })
@@ -57,7 +59,7 @@ export var Divider = function Divider(props) {
       style: {
         display: open ? 'block' : 'none'
       },
-      children: content
+      children: props.children
     })]
   });
 };

package/es/DragPanel/index.d.ts

@@ -0,0 +1,10 @@
+import { DrawerProps } from 'antd';
+import React from 'react';
+import type { ControlPosition } from 'react-draggable';
+export interface DragPanelProps extends DrawerProps {
+    /** 面板默认位置 */
+    defaultPosition?: ControlPosition;
+    /** 面板位置改变的回调函数 */
+    onPositionChange?: (position: ControlPosition) => void;
+}
+export declare const DragPanel: React.FC<DragPanelProps>;

package/es/DragPanel/index.js

@@ -0,0 +1,96 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["title", "classNames", "defaultPosition", "onPositionChange"];
+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 { DragOutlined } from '@ant-design/icons';
+import { Button, Drawer, Flex } from 'antd';
+import React, { memo, useRef, useState } from 'react';
+// @Todo: use react-rnd instead, support resizing
+import Draggable from 'react-draggable';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var DragPanel = /*#__PURE__*/memo(function (_ref) {
+  var title = _ref.title,
+    _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    defaultPosition = _ref.defaultPosition,
+    onPositionChange = _ref.onPositionChange,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var _useState = useState({
+      left: 0,
+      top: 0,
+      bottom: 0,
+      right: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    bounds = _useState2[0],
+    setBounds = _useState2[1];
+  var draggleRef = useRef(null);
+  var _onStart = function onStart(_event, uiData) {
+    var _draggleRef$current;
+    var _window$document$docu = window.document.documentElement,
+      clientWidth = _window$document$docu.clientWidth,
+      clientHeight = _window$document$docu.clientHeight;
+    var targetRect = (_draggleRef$current = draggleRef.current) === null || _draggleRef$current === void 0 ? void 0 : _draggleRef$current.getBoundingClientRect();
+    if (!targetRect) {
+      return;
+    }
+    setBounds({
+      left: -targetRect.left + uiData.x,
+      right: clientWidth - (targetRect.right - uiData.x),
+      top: -targetRect.top + uiData.y,
+      bottom: clientHeight - (targetRect.bottom - uiData.y)
+    });
+  };
+  return /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({}, otherProps), {}, {
+    classNames: _objectSpread(_objectSpread({}, classNames), {}, {
+      wrapper: cx(styles.wrapper, classNames.wrapper),
+      content: cx(styles.content, classNames.content)
+    }),
+    destroyOnClose: true,
+    drawerRender: function drawerRender(drawer) {
+      return /*#__PURE__*/_jsx(Draggable, {
+        bounds: bounds,
+        defaultPosition: defaultPosition,
+        handle: ".".concat(styles.dragHandle),
+        nodeRef: draggleRef,
+        onStart: function onStart(event, uiData) {
+          return _onStart(event, uiData);
+        },
+        onStop: function onStop(_e, data) {
+          onPositionChange === null || onPositionChange === void 0 || onPositionChange({
+            x: data.x,
+            y: data.y
+          });
+        },
+        children: /*#__PURE__*/_jsx("div", {
+          className: styles.dragWrapper,
+          ref: draggleRef,
+          children: drawer
+        })
+      });
+    },
+    mask: false,
+    rootClassName: styles.root,
+    title: /*#__PURE__*/_jsxs(Flex, {
+      align: "center",
+      className: styles.dragHandle,
+      children: [/*#__PURE__*/_jsx(Flex, {
+        flex: 2,
+        children: title
+      }), /*#__PURE__*/_jsx(Flex, {
+        children: /*#__PURE__*/_jsx(Button, {
+          className: styles.dragHandle,
+          icon: /*#__PURE__*/_jsx(DragOutlined, {}),
+          type: "text"
+        })
+      })]
+    })
+  }));
+});

package/es/DragPanel/style.d.ts

@@ -0,0 +1,7 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    root: import("antd-style").SerializedStyles;
+    wrapper: import("antd-style").SerializedStyles;
+    content: import("antd-style").SerializedStyles;
+    dragWrapper: import("antd-style").SerializedStyles;
+    dragHandle: import("antd-style").SerializedStyles;
+}>;

package/es/DragPanel/style.js

@@ -0,0 +1,15 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  return {
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      overflow: hidden;\n    "]))),
+    wrapper: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      width: 640px !important;\n      margin: ", "px;\n      box-shadow: none !important;\n    "])), token.marginLG),
+    content: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      overflow: hidden;\n      border-radius: ", "px;\n      box-shadow: ", ";\n    "])), token.borderRadiusLG, token.boxShadowSecondary),
+    dragWrapper: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      width: 100%;\n      height: 100%;\n    "]))),
+    dragHandle: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      cursor: move;\n    "])))
+  };
+});

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

@@ -0,0 +1,38 @@
+import type { FormItemProps, FormListFieldData, TableColumnProps } from 'antd';
+import { 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' | '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>;
+}
+export declare const FormCollapseList: React.FC<FormCollapseListProps>;

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

@@ -0,0 +1,205 @@
+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 = ["icon", "title", "variant", "defaultActive", "empty", "columns", "disabled", "readOnly", "addOneFieldDefault", "disableRemoveWhenOneField", "maxFileds", "name", "addParams", "className", "onRemove", "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 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,
+    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: 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"
+      })
+    }),
+    className: className,
+    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);
+              }
+            };
+          })), [{
+            title: '',
+            dataIndex: 'del',
+            render: function render(_text, _record, index) {
+              if (readOnly) {
+                return;
+              }
+              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"
+                })
+              });
+            }
+          }]),
+          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 {\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      .", "-form {\n        &-item {\n          margin-bottom: 0;\n        }\n      }\n    "])), 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/Mentions/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const DEFAULT_PUNCTUATION = "\\.,\\*\\?\\$\\|#{}\\(\\)\\^\\[\\]\\\\/!%'\"~=<>_:;";
+export declare const PRE_TRIGGER_CHARS = "\\(";
+export declare const TRIGGERS: (triggers: string[]) => string;
+export declare const VALID_CHARS: (triggers: string[], punctuation: string) => string;
+export declare const VALID_JOINS: (punctuation: string) => string;
+export declare const LENGTH_LIMIT = 75;

package/es/Mentions/constants.js

@@ -0,0 +1,28 @@
+export var DEFAULT_PUNCTUATION = '\\.,\\*\\?\\$\\|#{}\\(\\)\\^\\[\\]\\\\/!%\'"~=<>_:;';
+
+// Makes it possible to use brackets before the trigger: (@mention)
+export var PRE_TRIGGER_CHARS = '\\(';
+
+// Strings that can trigger the mention menu.
+export var TRIGGERS = function TRIGGERS(triggers) {
+  return '(?:' + triggers.join('|') + ')';
+};
+
+// Chars we expect to see in a mention (non-space, non-punctuation).
+export var VALID_CHARS = function VALID_CHARS(triggers, punctuation) {
+  var lookahead = triggers.length === 0 ? '' : '(?!' + triggers.join('|') + ')';
+  return lookahead + '[^\\s' + punctuation + ']';
+};
+
+// Non-standard series of chars. Each series must be preceded and followed by
+// a valid char.
+export var VALID_JOINS = function VALID_JOINS(punctuation) {
+  return '(?:' + '\\.[ |$]|' +
+  // E.g. "r. " in "Mr. Smith"
+  '\\s|' +
+  // E.g. " " in "Josh Duck"
+  '[' + punctuation + ']|' +
+  // E.g. "-' in "Salier-Hellendag"
+  ')';
+};
+export var LENGTH_LIMIT = 75;

package/es/Mentions/hooks.d.ts

@@ -0,0 +1,20 @@
+import type { MenuTextMatch } from '@lexical/react/LexicalTypeaheadMenuPlugin';
+import type { LexicalCommand } from 'lexical';
+import type { Dispatch, RefObject, SetStateAction } from 'react';
+export type UseSelectOrDeleteHanlder = (nodeKey: string, command: LexicalCommand<undefined>) => [RefObject<HTMLDivElement>, boolean];
+export declare const useSelectOrDelete: UseSelectOrDeleteHanlder;
+export type UseTriggerHandler = () => [
+    RefObject<HTMLDivElement>,
+    boolean,
+    Dispatch<SetStateAction<boolean>>
+];
+export declare const useTrigger: UseTriggerHandler;
+export declare function checkForMentions(text: string, triggers: string[], preTriggerChars: string, punctuation: string, allowSpaces: boolean): MenuTextMatch | null;
+export declare const useCheckForMentionMatch: (triggers: string[], { punctuation, preTriggerChars, allowSpaces, }: {
+    punctuation: string;
+    preTriggerChars: string;
+    allowSpaces: boolean;
+}) => {
+    trigger: string | null;
+    checkForMentionMatch: (text: string) => MenuTextMatch | null;
+};