doui-react 1.0.0

package/es/input/component/index.js

@@ -0,0 +1,25 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["type", "placeholder"];
+import { Input as EInput } from "./input";
+import { Number } from "./number";
+import { Password } from "./password";
+import { Textarea } from "./text-area";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var inputMap = {
+  input: EInput,
+  textarea: Textarea,
+  number: Number,
+  password: Password
+};
+export function Input(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'input' : _ref$type,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'Input' : _ref$placeholder,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var Component = inputMap[type];
+  return _jsx(Component, _objectSpread({
+    placeholder: placeholder
+  }, props));
+}

package/es/input/component/input.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from '../type';
+export declare function Input(props: InputProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/input/component/input.js

@@ -0,0 +1,8 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { Input as AntdInput } from 'antd';
+import { useInputValidate } from "./utils";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function Input(props) {
+  var params = useInputValidate(props);
+  return _jsx(AntdInput, _objectSpread({}, params));
+}

package/es/input/component/number.d.ts

@@ -0,0 +1,4 @@
+import { InputNumberProps } from 'antd/lib/input-number';
+import { InputProps } from '../type';
+export declare function useNumber({ validate, onBlur, refs, allowResetOnEmpty, ...props }: InputProps): InputNumberProps;
+export declare function Number(props: InputProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/input/component/number.js

@@ -0,0 +1,50 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["validate", "onBlur", "refs", "allowResetOnEmpty"];
+import { mergeFunction } from "../../api";
+import { InputNumber } from 'antd';
+import _ from 'lodash';
+import { usePrevious } from 'react-use';
+import style from "../style";
+import { formatNumber, useResetOnEmpty } from "./utils";
+
+/**
+ * 前提条件: 1. 输入的内容为 1.1.1    2. precision 为 0 时
+ * Bug: Blur 后 Antd 会自动将显示的值 format 为 1，但 value 还是 1.1，导致真实值和显示的值不同
+ */
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+function useChangeWhenHasPrecision(_ref) {
+  var value = _ref.value,
+    precision = _ref.precision,
+    onChange = _ref.onChange;
+  var prevValue = usePrevious(value);
+  function onBlur() {
+    if (prevValue === value || _.isNil(value) || _.isNil(precision)) {
+      return;
+    }
+    var numberValue = formatNumber(+value, precision);
+    onChange === null || onChange === void 0 || onChange(numberValue);
+  }
+  return onBlur;
+}
+export function useNumber(_ref2) {
+  var validate = _ref2.validate,
+    onBlur = _ref2.onBlur,
+    refs = _ref2.refs,
+    allowResetOnEmpty = _ref2.allowResetOnEmpty,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var changeOnBlur = useChangeWhenHasPrecision(props);
+  var resetOnEmpty = useResetOnEmpty(_objectSpread(_objectSpread({}, props), {}, {
+    allowResetOnEmpty: allowResetOnEmpty
+  }));
+  return _objectSpread({
+    ref: refs,
+    onBlur: mergeFunction(changeOnBlur, onBlur, resetOnEmpty)
+  }, props);
+}
+export function Number(props) {
+  var params = useNumber(props);
+  return _jsx(InputNumber, _objectSpread({
+    css: style.number
+  }, params));
+}

package/es/input/component/password.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from '../type';
+export declare function Password(props: InputProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/input/component/password.js

@@ -0,0 +1,8 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { Input } from 'antd';
+import { useInputValidate } from "./utils";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function Password(props) {
+  var params = useInputValidate(props);
+  return _jsx(Input.Password, _objectSpread({}, params));
+}

package/es/input/component/text-area.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from '../type';
+export declare function Textarea({ resize, ...props }: InputProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/input/component/text-area.js

@@ -0,0 +1,16 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["resize"];
+import { Input } from 'antd';
+import style from "../style";
+import { useInputValidate } from "./utils";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function Textarea(_ref) {
+  var _ref$resize = _ref.resize,
+    resize = _ref$resize === void 0 ? true : _ref$resize,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var params = useInputValidate(props);
+  return _jsx(Input.TextArea, _objectSpread({
+    css: style.textArea(resize)
+  }, params));
+}

package/es/input/component/utils.d.ts

@@ -0,0 +1,15 @@
+import { validateScript, validateString } from "../../api";
+import { InputProps } from "..";
+export declare const validateTypeMap: {
+    default: typeof validateString;
+    script: typeof validateScript;
+};
+export declare function validateInput(value: string, validate?: InputProps['validate']): boolean;
+export declare function validateEnter(value: any, allowEnter: boolean): boolean;
+export declare function useInputValidate({ value, onChange, onBlur, validate, refs, allowEnter, allowResetOnEmpty, ...props }: InputProps): any;
+export declare function formatNumber(value: number, precision: number): number;
+interface ResetOnEmptyProps extends InputProps {
+    validate?: (value: string | number) => boolean;
+}
+export declare function useResetOnEmpty({ name, allowResetOnEmpty, validate }: ResetOnEmptyProps): () => Promise<void>;
+export {};

package/es/input/component/utils.js

@@ -0,0 +1,102 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["value", "onChange", "onBlur", "validate", "refs", "allowEnter", "allowResetOnEmpty"];
+import { mergeFunction, validateScript, validateString } from "../../api";
+import { useFormContext } from "../../form";
+import { transformPathToName } from "../../form/component/utils";
+import delay from 'delay';
+import _ from 'lodash';
+export var validateTypeMap = {
+  default: validateString,
+  script: validateScript
+};
+export function validateInput(value) {
+  var validate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'default';
+  if (_.isFunction(validate)) {
+    return validate(value);
+  }
+  if (_.isRegExp(validate)) {
+    return validate.test(value);
+  }
+  var validateFn = validateTypeMap[validate] || validateTypeMap.default;
+  return validateFn(value);
+}
+export function validateEnter(value, allowEnter) {
+  return allowEnter || !_.includes(value, '\n');
+}
+export function useInputValidate(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    onBlur = _ref.onBlur,
+    validate = _ref.validate,
+    refs = _ref.refs,
+    _ref$allowEnter = _ref.allowEnter,
+    allowEnter = _ref$allowEnter === void 0 ? true : _ref$allowEnter,
+    allowResetOnEmpty = _ref.allowResetOnEmpty,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var resetOnEmpty = useResetOnEmpty(_objectSpread(_objectSpread({}, props), {}, {
+    allowResetOnEmpty: allowResetOnEmpty,
+    validate: function validate(value) {
+      return !value;
+    }
+  }));
+  var handleChange = function handleChange(e) {
+    var value = e.target.value;
+    if (validateInput(value, validate) && validateEnter(value, allowEnter)) {
+      onChange === null || onChange === void 0 || onChange(value);
+    }
+  };
+  return _objectSpread(_objectSpread({
+    maxLength: 255
+  }, props), {}, {
+    ref: refs,
+    autoComplete: 'off',
+    value: _.isNil(value) ? '' : value,
+    onChange: handleChange,
+    onBlur: mergeFunction(onBlur, resetOnEmpty)
+  });
+}
+export function formatNumber(value, precision) {
+  return +value.toFixed(precision);
+}
+export function useResetOnEmpty(_ref2) {
+  var name = _ref2.name,
+    allowResetOnEmpty = _ref2.allowResetOnEmpty,
+    validate = _ref2.validate;
+  var _useFormContext = useFormContext(),
+    form = _useFormContext.form;
+  function onBlur() {
+    return _onBlur.apply(this, arguments);
+  }
+  function _onBlur() {
+    _onBlur = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var namePath, value;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(!form || !allowResetOnEmpty)) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            _context.next = 4;
+            return delay(20);
+          case 4:
+            namePath = transformPathToName(name);
+            value = form.getValue(namePath);
+            if (_.isNil(value) || validate !== null && validate !== void 0 && validate(value)) {
+              form.reset(namePath);
+            }
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return _onBlur.apply(this, arguments);
+  }
+  return onBlur;
+}

package/es/input/index.d.ts

@@ -0,0 +1,2 @@
+export { Input } from './component';
+export * from './type';

package/es/input/index.js

@@ -0,0 +1,2 @@
+export { Input } from "./component";
+export * from "./type";

package/es/input/style/index.d.ts

@@ -0,0 +1,6 @@
+declare const style: {
+    wrapper: import("@emotion/react").SerializedStyles;
+    number: import("@emotion/react").SerializedStyles;
+    textArea: (resize: boolean) => import("@emotion/react").SerializedStyles;
+};
+export default style;

package/es/input/style/index.js

@@ -0,0 +1,11 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3;
+import { css } from '@emotion/react';
+var style = {
+  wrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral([""]))),
+  number: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 100%;\n  "]))),
+  textArea: function textArea(resize) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    resize: ", ";\n  "])), !resize && 'none');
+  }
+};
+export default style;

package/es/input/type/index.d.ts

@@ -0,0 +1,41 @@
+import { BaseComponentProps } from "../../api";
+import { inputMap } from "../component";
+import { validateTypeMap } from "../component/utils";
+import { InputProps as AntdInputProps } from 'antd';
+import { InputNumberProps } from 'antd/lib/input-number';
+import { PasswordProps } from 'antd/lib/input/Password';
+import { TextAreaProps } from 'antd/lib/input/TextArea';
+type UnionType = BaseComponentProps & AntdInputProps & TextAreaProps & InputNumberProps & PasswordProps;
+export interface InputProps extends Omit<UnionType, 'form' | 'onChange'> {
+    /**
+     * @description 输入框类型
+     * @default input
+     */
+    type?: keyof typeof inputMap;
+    /**
+     * @description 校验规则，可以支持正则表达式或函数
+     * @default default
+     */
+    validate?: keyof typeof validateTypeMap | RegExp | ((value: string) => boolean);
+    /**
+     * @description 是否允许输入框拉伸（当 `type` 为 `textarea` 时生效）
+     * @default true
+     */
+    resize?: boolean;
+    /**
+     * @description 是否允许输入换行（当 `type` 为 `textarea` 时生效）
+     * @default true
+     */
+    allowEnter?: boolean;
+    /**
+     * @description 当值为空时，是否重置输入框
+     * @default false
+     */
+    allowResetOnEmpty?: boolean;
+    /**
+     * @description 输入框值改变的回调
+     */
+    onChange?(value?: string | number): void;
+    name?: string;
+}
+export {};

package/es/input/type/index.js

@@ -0,0 +1 @@
+export {};

package/es/modal-prompt/component/index.d.ts

@@ -0,0 +1,5 @@
+import { ConfirmModalProps, ModalFuncProps } from '../type';
+export * from './open-loading';
+export declare function openConfirm({ showCancel, ...props }: ConfirmModalProps): Promise<boolean>;
+export declare function openSuccess(props: ModalFuncProps): Promise<void>;
+export declare function openError(props: ModalFuncProps): Promise<void>;

package/es/modal-prompt/component/index.js

@@ -0,0 +1,60 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["showCancel"];
+import { CheckCircleFilled, CloseCircleFilled, ExclamationCircleFilled } from '@ant-design/icons';
+import { Modal } from 'antd';
+import { openModalFunction } from "./utils";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export * from "./open-loading";
+export function openConfirm(_ref) {
+  var _ref$showCancel = _ref.showCancel,
+    showCancel = _ref$showCancel === void 0 ? true : _ref$showCancel,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var mergedProps = _objectSpread({
+    icon: _jsx(ExclamationCircleFilled, {
+      style: {
+        fontSize: 18
+      }
+    }),
+    style: {
+      top: '30vh'
+    },
+    keyboard: false,
+    autoFocusButton: null,
+    cancelButtonProps: {
+      style: {
+        display: showCancel ? 'unset' : 'none'
+      }
+    }
+  }, props);
+  return new Promise(function (resolve) {
+    Modal.confirm(_objectSpread(_objectSpread({}, mergedProps), {}, {
+      onOk: function onOk() {
+        return resolve(true);
+      },
+      onCancel: function onCancel() {
+        return resolve(false);
+      }
+    }));
+  });
+}
+export function openSuccess(props) {
+  return openModalFunction(_objectSpread({
+    type: 'success',
+    icon: _jsx(CheckCircleFilled, {
+      style: {
+        fontSize: 20
+      }
+    })
+  }, props));
+}
+export function openError(props) {
+  return openModalFunction(_objectSpread({
+    type: 'error',
+    icon: _jsx(CloseCircleFilled, {
+      style: {
+        fontSize: 20
+      }
+    })
+  }, props));
+}

package/es/modal-prompt/component/open-loading.d.ts

@@ -0,0 +1,2 @@
+import { OpenLoadingProps } from '../type';
+export declare function openLoading(props?: OpenLoadingProps): () => void;

package/es/modal-prompt/component/open-loading.js

@@ -0,0 +1,21 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["maskStyle"];
+import { mountComponent } from "../../api";
+import { CenterStack } from "../../stack";
+import { Spin } from 'antd';
+import style from "../style";
+import { generateSpinProps } from "./utils";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+function LoadingContainer(props) {
+  var _generateSpinProps = generateSpinProps(props),
+    maskStyle = _generateSpinProps.maskStyle,
+    spinProps = _objectWithoutProperties(_generateSpinProps, _excluded);
+  return _jsx(CenterStack, {
+    css: style.wrapper(maskStyle),
+    children: _jsx(Spin, _objectSpread({}, spinProps))
+  });
+}
+export function openLoading(props) {
+  return mountComponent(LoadingContainer, props);
+}

package/es/modal-prompt/component/utils.d.ts

@@ -0,0 +1,4 @@
+import _ from 'lodash';
+import { ModalFuncProps } from '../type';
+export declare function openModalFunction(props: ModalFuncProps): Promise<void>;
+export declare function generateSpinProps(props: any): _.Omit<any, "unmount" | "getContainer">;

package/es/modal-prompt/component/utils.js

@@ -0,0 +1,49 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["showOk", "duration"],
+  _excluded2 = ["type", "duration"];
+import { Modal } from 'antd';
+import _ from 'lodash';
+function mergeProps(props) {
+  var showOk = props.showOk,
+    _props$duration = props.duration,
+    duration = _props$duration === void 0 ? 3000 : _props$duration,
+    restProps = _objectWithoutProperties(props, _excluded);
+  return _.merge({
+    style: {
+      top: '56px'
+    },
+    keyboard: false,
+    closable: true,
+    className: showOk ? '' : '',
+    okButtonProps: {
+      style: {
+        display: showOk ? 'unset' : 'none'
+      }
+    },
+    duration: showOk ? 0 : duration
+  }, restProps);
+}
+export function openModalFunction(props) {
+  var _mergeProps = mergeProps(props),
+    _mergeProps$type = _mergeProps.type,
+    type = _mergeProps$type === void 0 ? 'info' : _mergeProps$type,
+    duration = _mergeProps.duration,
+    restProps = _objectWithoutProperties(_mergeProps, _excluded2);
+  return new Promise(function (resolve) {
+    var modal = Modal[type](_objectSpread(_objectSpread({}, restProps), {}, {
+      onOk: function onOk() {
+        return resolve();
+      }
+    }));
+    if (duration) {
+      setTimeout(function () {
+        modal.destroy();
+        resolve();
+      }, duration);
+    }
+  });
+}
+export function generateSpinProps(props) {
+  return _.omit(props, ['unmount', 'getContainer']);
+}

package/es/modal-prompt/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/es/modal-prompt/index.js

@@ -0,0 +1,2 @@
+export * from "./component";
+export * from "./type";

package/es/modal-prompt/style/index.d.ts

@@ -0,0 +1,5 @@
+import { Records } from "../../api";
+declare const style: {
+    wrapper: (maskStyle?: Records) => import("@emotion/react").SerializedStyles;
+};
+export default style;

package/es/modal-prompt/style/index.js

@@ -0,0 +1,9 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { css } from '@emotion/react';
+var style = {
+  wrapper: function wrapper(maskStyle) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: fixed;\n    z-index: 99999;\n    inset: 0;\n\n    ", ";\n  "])), maskStyle);
+  }
+};
+export default style;

package/es/modal-prompt/type/index.d.ts

@@ -0,0 +1,36 @@
+import { ModalFuncProps as AntdModalFuncProps } from 'antd/lib/modal/Modal';
+import { SpinProps } from 'antd/lib/spin';
+import { CSSProperties, ReactNode } from 'react';
+export interface ConfirmModalProps extends AntdModalFuncProps {
+    /**
+     * @description 弹窗标题
+     */
+    title: ReactNode;
+    /**
+     * @description 是否显示取消按钮
+     * @default true
+     */
+    showCancel?: boolean;
+}
+export interface ModalFuncProps extends AntdModalFuncProps {
+    /**
+     * @description 弹窗标题
+     */
+    title: ReactNode;
+    /**
+     * @description 是否显示确定按钮，当 `showOk` 为 `true` 时，弹框不会自动关闭
+     * @default false
+     */
+    showOk?: boolean;
+    /**
+     * @description 显示时长，单位为毫秒，超时后自动关闭，设置为 `0` 或 `false` 则不会自动关闭
+     * @default 3000
+     */
+    duration?: number | false;
+}
+export interface OpenLoadingProps extends SpinProps {
+    /**
+     * @description 遮罩样式
+     */
+    maskStyle?: CSSProperties;
+}

package/es/modal-prompt/type/index.js

@@ -0,0 +1 @@
+export {};

package/es/open-modal/component/constant.d.ts

@@ -0,0 +1 @@
+export declare const formPropsKeys: string[];

package/es/open-modal/component/constant.js

@@ -0,0 +1,3 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { antdFormPropsKeys } from "../../form/component/constant";
+export var formPropsKeys = [].concat(_toConsumableArray(antdFormPropsKeys), ['children', 'content', 'footer', 'onValidate', 'onMount', 'validateOnMount', 'focusFirstOnMount', 'initialContext', 'formItemMarginBottom', 'loading', 'debug']);

package/es/open-modal/component/footer.d.ts

@@ -0,0 +1,2 @@
+import { HStackProps } from "../../stack";
+export declare function Footer({ className, children: Children, ...props }: HStackProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/es/open-modal/component/footer.js

@@ -0,0 +1,34 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import { useFormContext } from "../../form";
+import { Portal } from "../../portal";
+import { HStack } from "../../stack";
+import { cx } from '@emotion/css';
+import _ from 'lodash';
+import { useMount } from 'react-use';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export function Footer(_ref) {
+  var className = _ref.className,
+    Children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useFormContext = useFormContext(),
+    setModalProps = _useFormContext.setModalProps;
+  useMount(function () {
+    setModalProps({
+      footer: null
+    });
+  });
+  var component = _.isFunction(Children) ? _jsx(Children, {}) : Children;
+  return _jsx(Portal, {
+    container: function container(current) {
+      return current.closest('.ant-modal-content');
+    },
+    children: _jsx(HStack, _objectSpread(_objectSpread({
+      className: cx('ant-modal-footer', className),
+      justify: "right"
+    }, props), {}, {
+      children: component
+    }))
+  });
+}

package/es/open-modal/component/index.d.ts

@@ -0,0 +1,4 @@
+import { OpenModalProps } from '../type';
+export * from './modal';
+export declare function openModal(props: OpenModalProps): () => void;
+export declare function closeModal(): void;

package/es/open-modal/component/index.js

@@ -0,0 +1,9 @@
+import { mountComponent, unmountComponent } from "../../api";
+import { Modal } from "./modal";
+export * from "./modal";
+export function openModal(props) {
+  return mountComponent(Modal, props);
+}
+export function closeModal() {
+  unmountComponent();
+}

package/es/open-modal/component/modal.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { OpenModalProps } from '../type';
+import { Footer } from './footer';
+import { Title } from './title';
+export declare const Modal: ModalType;
+type ModalType = FC<OpenModalProps> & {
+    Footer: typeof Footer;
+    Title: typeof Title;
+};
+export {};

package/es/open-modal/component/modal.js

@@ -0,0 +1,37 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { Form } from "../../form";
+import { Text } from "../../text";
+import { Modal as AntdModal } from 'antd';
+import { ModalProvider } from "../hook";
+import { Footer } from "./footer";
+import { Title } from "./title";
+import { useModal } from "./use-modal";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+export var Modal = function Modal(props) {
+  var _useModal = useModal(props),
+    context = _useModal.context,
+    open = _useModal.open,
+    modalProps = _useModal.modalProps,
+    formProps = _useModal.formProps;
+  var confirmLoading = context.confirmLoading,
+    ok = context.ok,
+    close = context.close;
+  return _jsx(ModalProvider, _objectSpread(_objectSpread({}, context), {}, {
+    children: _jsx(AntdModal, _objectSpread(_objectSpread({
+      open: open,
+      destroyOnClose: true
+    }, modalProps), {}, {
+      title: _jsx(Text, {
+        children: modalProps.title
+      }),
+      confirmLoading: confirmLoading,
+      onCancel: close,
+      onOk: ok,
+      children: _jsx(Form, _objectSpread(_objectSpread({}, formProps), {}, {
+        context: context
+      }))
+    }))
+  }));
+};
+Modal.Footer = Footer;
+Modal.Title = Title;