@pointcloud/pcloud-components 0.1.27 → 0.1.29

package/README.md

@@ -1,29 +1,18 @@
 # pcloud-components
 
-![node version](<https://img.shields.io/badge/node-v16.20.0-brightgreen?logo=nodedotjs&color=rgb(0%2C126%2C298)>) ![react version](https://img.shields.io/badge/react-v17.0.2-brightgreen?style=flat&logo=react) ![antd version](<https://img.shields.io/badge/ant%20design-v4.24.16-rgb(144%2C190%2C8)?style=flat&logo=antdesign>) ![docs](https://img.shields.io/badge/docs%20by-dumi-brightgreen?style=flat&color=%230081ff) ![counts](<https://img.shields.io/badge/components%20count-28-rgb(202%2C17%2C5)?style=flat&logo=webcomponentsdotorg>) ![license](<https://img.shields.io/badge/license-MIT-rgb(144%2C190%2C8)?style=flat>)
+![node version](<https://img.shields.io/badge/node-v16.20.0-brightgreen?logo=nodedotjs&color=rgb(0%2C126%2C298)>) ![react version](https://img.shields.io/badge/react-v17.0.2-brightgreen?style=flat&logo=react) ![antd version](<https://img.shields.io/badge/ant%20design-v4.24.16-rgb(144%2C190%2C8)?style=flat&logo=antdesign>) ![docs](https://img.shields.io/badge/docs%20by-dumi-brightgreen?style=flat&color=%230081ff) ![counts](<https://img.shields.io/badge/components%20count-29-rgb(202%2C17%2C5)?style=flat&logo=webcomponentsdotorg>) ![license](<https://img.shields.io/badge/license-MIT-rgb(144%2C190%2C8)?style=flat>)
 
-pcloud-components 是一套基于 Antd v4.24.16+ React v17 开发的业务组件库。
-该项目已经发布到 Npm 仓库，可以直接使用, 点击[pcloud-components 地址](https://www.npmjs.com/package/@pointcloud/pcloud-components)访问。
+pcloud-components 是一套基于 Antd v4.24.16 + React v17 开发的业务组件库。
+该项目已经发布到 [npm](https://www.npmjs.com/package/@pointcloud/pcloud-components)仓库。
 
-## 项目初始化
+## 快速使用
 
 ```
-// 拉取项目代码
-示例:
-git clone ssh://git@192.168.101.96:8092/pointcloud_frontend/basiclibrary/pcloud-components.git
-
-// 安装依赖
-cd pcloud-components
-
-npm install
-  or
-pnpm install
-  or
-yarn install
-
-// 启动项目
-npm start  or npm run dev
-pnpm start or pnpm  dev
+# 安装依赖
+npm i @pointcloud/pcloud-components or yarn add @pointcloud/pcloud-components
+
+# 引入组件
+import { DCascader } from '@pointcloud/pcloud-components';
 ```
 
 ## 推荐环境
@@ -37,32 +26,33 @@ pnpm >= 8.15.9
 
 ```
 📁pcloud-components
-├─ 📁.dumi						# api站点相关目录，例如全局样式、全局脚本、站点主题、自定义组件等
-│ 	├─ 📁tmp						# dumi运行时目录
-│ 	└─ 📄global.less				# 全局样式
-├─ 📁.husky						# 代码提交相关配置
-├─ 📁docker						# docker部署相关文件
-│ 	└─ 📄nginx.conf					# nginx配置
-├─ 📁scripts					# 全局脚本目录
-│ 	├─ 📄clean-tmp.js				# 清除.dumi目录下自动生成的tmp目录
+├─ 📁.dumi						            # api站点相关目录，例如全局样式、全局脚本、站点主题、自定义组件等
+│ 	├─ 📁tmp						          # dumi运行时目录
+│ 	└─ 📄global.less		          # 全局样式
+├─ 📁.husky						            # 代码提交相关配置
+├─ 📁docker						            # docker部署相关文件
+│ 	└─ 📄nginx.conf			          # nginx配置
+├─ 📁scripts					            # 全局脚本目录
+│ 	├─ 📄clean-tmp.js		          # 清除.dumi目录下自动生成的tmp目录
 │ 	└─ 📄source-replace-loader.js	# 用于解决第三方主题antd版本冲突的webpack loader
-├─ 📁docs						# 文档目录，适用于普通文档生成路由，详见dumi官方介绍
-│ 	├─ 📁components					# 组件库页面的文档
-│ 	├─ 📄guide.zh-CN.md				# 指南页面的文档
-│ 	└─ 📄index.zh-CN.md				# 首页页面的文档
-├─ 📁public						# 站点的静态资源目录
-├─ 📁src						# 组件目录
-│ 	├─ 📁DCascader				# 组件1
-│ 	├─ 📁DForm					# 组件2
-│		......					# 组件n
-│ 	└─ 📄index.ts				# 组件导出配置
-├─ 📄.dumirc.ts					# dumi 的配置文件
-├─ 📄.fatherrc.ts				# father 的配置文件，用于组件库打包
-├─ 📄.eslintrc.js				# eslint插件配置
-├─ 📄.release-it.js     # release-it配置
-├─ 📄.prettierrc.js				# prettier插件配置
-├─ 📄.stylelintrc				# stylelint插件配置
-└─ 📄tsconfig.json				# ts相关配置
+├─ 📁docs						              # 文档目录，适用于普通文档生成路由，详见dumi官方介绍
+│ 	├─ 📁components					      # 组件库页面的文档
+│ 	├─ 📄guide.zh-CN.md				    # 指南页面的文档
+│ 	└─ 📄index.zh-CN.md				    # 首页页面的文档
+├─ 📁docs-dist					          # 组件文档目录
+├─ 📁public						            # 站点的静态资源目录
+├─ 📁src						              # 组件目录
+│ 	├─ 📁DCascader				        # 组件1
+│ 	├─ 📁DForm					          # 组件2
+│		......					              # 组件n
+│ 	└─ 📄index.ts				          # 组件导出配置
+├─ 📄.dumirc.ts					          # dumi 的配置文件
+├─ 📄.fatherrc.ts				          # father 的配置文件，用于组件库打包
+├─ 📄.eslintrc.js				          # eslint插件配置
+├─ 📄.release-it.js               # release-it配置
+├─ 📄.prettierrc.js				        # prettier插件配置
+├─ 📄.stylelintrc				          # stylelint插件配置
+└─ 📄tsconfig.json				        # ts相关配置
 ```
 
 ## 组件开发指南
@@ -335,3 +325,15 @@ git commit -m "fix: 修复bug"	// type后的冒号和空格不可省略，descri
    ```
    npm run release
    ```
+
+## FAQ
+
+1. 安装组件后, 为什么项目中的 antd 组件都是英文的？
+
+
+    - 这是因为antd的默认语言是英文，项目启动时，会自动加载中文语言包，如果项目需要使用英文，请自行在项目入口处导入英文语言包, 并使用ConfigProvider组件注入.
+
+2. 项目安装的是 antd5 的版本, 能使用组件吗？
+
+
+    - 此组件库基于antd 4.24.16开发，antd5的版本暂时不兼容，请使用antd4.x版本, 后续会升级到antd5版本

package/README_USER.md

@@ -0,0 +1,133 @@
+# @pointcloud/pcloud-components
+
+[![NPM version](https://img.shields.io/npm/v/@pointcloud/pcloud-components.svg?style=flat)](https://npmjs.org/package/@pointcloud/pcloud-components)
+[![NPM downloads](https://img.shields.io/npm/dm/@pointcloud/pcloud-components.svg?style=flat)](https://npmjs.org/package/@pointcloud/pcloud-components)
+[![License](https://img.shields.io/npm/l/@pointcloud/pcloud-components.svg?style=flat)](https://npmjs.org/package/@pointcloud/pcloud-components)
+
+一套基于 Ant Design v4.24.16 和 React v17.0.2 开发的业务组件库，包含 20+ 个高质量组件，可帮助您快速构建企业级中后台产品原型。
+
+## 🎁 组件列表
+
+### 表单组件
+
+| 组件名称    | 描述                                |
+| ----------- | ----------------------------------- |
+| DForm       | 基于 Ant Design Form 的增强表单组件 |
+| DInput      | 增强版输入框组件                    |
+| DSelect     | 支持异步加载的下拉选择组件          |
+| DCascader   | 支持异步加载的级联选择组件          |
+| DTreeSelect | 支持异步加载的树选择组件            |
+| DUpload     | 文件上传组件                        |
+| ColorPicker | 颜色选择器组件                      |
+
+### 数据展示组件
+
+| 组件名称     | 描述             |
+| ------------ | ---------------- |
+| DTable       | 增强版表格组件   |
+| LabelValue   | 标签值展示组件   |
+| WordCloud    | 词云组件         |
+| ScrollNumber | 数字滚动动画组件 |
+| AspectRatio  | 宽高比容器组件   |
+| NoData       | 无数据展示组件   |
+| IPAddress    | IP 地址输入组件  |
+
+### 模态框组件
+
+| 组件名称  | 描述             |
+| --------- | ---------------- |
+| DModal    | 增强版模态框组件 |
+| ModalForm | 表单模态框组件   |
+| LoginForm | 登录表单组件     |
+
+### 其他业务组件
+
+| 组件名称           | 描述               |
+| ------------------ | ------------------ |
+| Loading            | 全局加载组件       |
+| ContextMenu        | 右键菜单组件       |
+| AdvancedFilter     | 高级筛选组件       |
+| InfiniteScrollList | 无限滚动列表组件   |
+| PictureCard        | 图片卡片组件       |
+| SignaturePad       | 签名板组件         |
+| RndDrag            | 可拖拽调整大小组件 |
+| RCropper           | 图片裁剪组件       |
+
+## 🚀 安装
+
+```bash
+# 使用 npm
+npm install @pointcloud/pcloud-components
+
+# 使用 yarn
+yarn add @pointcloud/pcloud-components
+
+# 使用 pnpm
+pnpm add @pointcloud/pcloud-components
+```
+
+## 🔨 快速开始
+
+### 1. 基础使用
+
+```jsx
+import React from 'react';
+import { DCascader } from '@pointcloud/pcloud-components';
+
+const App = () => {
+  const handleChange = (value, selectedOptions) => {
+    console.log(value, selectedOptions);
+  };
+
+  return <DCascader showSearch placeholder="请选择" onChange={handleChange} />;
+};
+
+export default App;
+```
+
+### 2. 使用表单组件
+
+```jsx
+import React from 'react';
+import { DForm, DInput, DSelect } from '@pointcloud/pcloud-components';
+
+const App = () => {
+  const onFinish = (values) => {
+    console.log('表单值:', values);
+  };
+
+  return (
+    <DForm onFinish={onFinish}>
+      <DForm.Item label="用户名" name="username">
+        <DInput placeholder="请输入用户名" />
+      </DForm.Item>
+
+      <DForm.Item label="状态" name="status">
+        <DSelect
+          options={[
+            { label: '启用', value: 1 },
+            { label: '禁用', value: 0 },
+          ]}
+        />
+      </DForm.Item>
+
+      <DForm.Item>
+        <button type="submit">提交</button>
+      </DForm.Item>
+    </DForm>
+  );
+};
+
+export default App;
+```
+
+## 📖 详细文档
+
+访问我们的[在线文档](https://frank17008.github.io/pcloud-components)查看完整的组件列表和使用示例。
+
+## ⚙️ 环境支持
+
+- React >= 17.0.2
+- Ant Design <= 4.24.16
+- Node >= 16.20.0
+- Modern browsers

package/dist/esm/DForm/DItem/itemType.d.ts

@@ -28,91 +28,91 @@ declare type CustomItemProps = DItemBaseProps & HTMLAttributes<HTMLElement> & {
     children?: ReactNode;
     [key: string]: any;
 };
-declare type DInputItemProps = {
+export declare type DInputItemProps = {
     renderType?: 'dInput';
 } & DItemBaseProps & DInputProps;
-declare type DIpAddressProps = {
+export declare type DIpAddressProps = {
     renderType?: 'ipAddress';
 } & DItemBaseProps & IPAddressProps;
-declare type InputItemProps = {
+export declare type InputItemProps = {
     renderType?: 'input';
 } & DItemBaseProps & InputProps;
-declare type TextAreaItemProps = {
+export declare type TextAreaItemProps = {
     renderType?: 'textArea';
 } & DItemBaseProps & TextAreaProps;
-declare type PasswordItemProps = {
+export declare type PasswordItemProps = {
     renderType?: 'password';
 } & DItemBaseProps & PasswordProps;
-declare type InputNumberItemProps = {
+export declare type InputNumberItemProps = {
     renderType?: 'inputNumber';
 } & DItemBaseProps & InputNumberProps;
-declare type AutoCompleteItemProps = {
+export declare type AutoCompleteItemProps = {
     renderType?: 'autoComplete';
 } & DItemBaseProps & AutoCompleteProps;
-declare type DSelectItemProps = {
+export declare type DSelectItemProps = {
     renderType?: 'dSelect';
 } & DItemBaseProps & DSelectProps;
-declare type SelectItemProps = {
+export declare type SelectItemProps = {
     renderType?: 'select';
 } & DItemBaseProps & SelectProps;
-declare type DCascaderItemProps = {
+export declare type DCascaderItemProps = {
     renderType?: 'dCascader';
 } & DItemBaseProps & DCascaderProps;
-declare type CascaderItemProps = {
+export declare type CascaderItemProps = {
     renderType?: 'cascader';
 } & DItemBaseProps & CascaderProps;
-declare type DTreeSelectItemProps = {
+export declare type DTreeSelectItemProps = {
     renderType?: 'dTreeSelect';
 } & DItemBaseProps & DTreeSelectProps;
-declare type TreeSelectItemProps = {
+export declare type TreeSelectItemProps = {
     renderType?: 'treeSelect';
 } & DItemBaseProps & TreeSelectProps;
-declare type DatePickerItemProps = {
+export declare type DatePickerItemProps = {
     renderType?: 'datePicker';
 } & DItemBaseProps & DatePickerProps;
-declare type TimePickerItemProps = {
+export declare type TimePickerItemProps = {
     renderType?: 'timePicker';
 } & DItemBaseProps & TimePickerProps;
-declare type RangePickerItemProps = {
+export declare type RangePickerItemProps = {
     renderType?: 'rangePicker';
 } & DItemBaseProps & RangePickerProps;
-declare type MentionItemProps = {
+export declare type MentionItemProps = {
     renderType?: 'mentions';
 } & DItemBaseProps & MentionProps;
-declare type CheckboxItemProps = {
+export declare type CheckboxItemProps = {
     renderType?: 'checkbox';
 } & DItemBaseProps & CheckboxProps;
-declare type DCheckboxGroupProps = {
+export declare type DCheckboxGroupProps = {
     renderType?: 'checkboxGroup';
 } & DItemBaseProps & CheckboxGroupProps;
-declare type RadioItemProps = {
+export declare type RadioItemProps = {
     renderType?: 'radio';
 } & DItemBaseProps & RadioProps;
-declare type DRadioGorupProps = {
+export declare type DRadioGorupProps = {
     renderType?: 'radioGroup';
 } & DItemBaseProps & RadioGroupProps;
-declare type RateItemProps = {
+export declare type RateItemProps = {
     renderType?: 'rate';
 } & DItemBaseProps & RateProps;
-declare type SliderItemProps = {
+export declare type SliderItemProps = {
     renderType?: 'slider';
 } & DItemBaseProps & SliderSingleProps;
-declare type SwitchItemProps = {
+export declare type SwitchItemProps = {
     renderType?: 'switch';
 } & DItemBaseProps & SwitchProps;
-declare type TransferItemProps = {
+export declare type TransferItemProps = {
     renderType?: 'transfer';
 } & DItemBaseProps & TransferProps<any>;
-declare type UploadItemProps = {
+export declare type UploadItemProps = {
     renderType?: 'upload';
 } & DItemBaseProps & UploadProps;
-declare type DUploadItemProps = {
+export declare type DUploadItemProps = {
     renderType?: 'dUpload';
 } & DItemBaseProps & DUploadProps;
-declare type ButtonItemProps = {
+export declare type ButtonItemProps = {
     renderType?: 'button';
 } & DItemBaseProps & ButtonProps;
-declare type DividerItemProps = {
+export declare type DividerItemProps = {
     renderType?: 'divider';
 } & DItemBaseProps & DividerProps;
 export declare type DItemProps = CustomItemProps | DInputItemProps | DIpAddressProps | InputItemProps | TextAreaItemProps | PasswordItemProps | InputNumberItemProps | AutoCompleteItemProps | DSelectItemProps | SelectItemProps | DCascaderItemProps | CascaderItemProps | DTreeSelectItemProps | TreeSelectItemProps | DatePickerItemProps | TimePickerItemProps | RangePickerItemProps | MentionItemProps | CheckboxItemProps | CheckboxGroupProps | DCheckboxGroupProps | RadioItemProps | RadioGroupProps | DRadioGorupProps | RateItemProps | SliderItemProps | SwitchItemProps | TransferItemProps | UploadItemProps | DUploadItemProps | ButtonItemProps | DividerItemProps;

package/dist/esm/Loading/index.js

@@ -3,9 +3,10 @@ import { useLoading } from "./hooks/useLoading";
 var loadingInstance = null;
 export default {
   open: function open(params) {
-    if (!loadingInstance) {
-      loadingInstance = Loading.newInstance(params);
+    if (loadingInstance) {
+      this.close();
     }
+    loadingInstance = Loading.newInstance(params);
     return loadingInstance;
   },
   close: function close() {

package/dist/esm/LoginForm/defaultConfig.d.ts

@@ -0,0 +1,4 @@
+import type { InputItemProps, PasswordItemProps, ButtonItemProps } from '../DForm/DItem/itemType';
+export declare const defaultUsernameItem: InputItemProps;
+export declare const defaultPasswordItem: PasswordItemProps;
+export declare const defaultLoginButtonItem: ButtonItemProps;

package/dist/esm/LoginForm/defaultConfig.js

@@ -0,0 +1,35 @@
+import { LockOutlined, UserOutlined } from '@ant-design/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var defaultUsernameItem = {
+  name: 'username',
+  label: '用户名',
+  renderType: 'input',
+  formItemProps: {
+    rules: [{
+      required: true,
+      message: '请输入用户名'
+    }]
+  },
+  placeholder: '请输入用户名',
+  prefix: /*#__PURE__*/_jsx(UserOutlined, {})
+};
+export var defaultPasswordItem = {
+  name: 'password',
+  label: '密码',
+  renderType: 'password',
+  formItemProps: {
+    rules: [{
+      required: true,
+      message: '请输入密码'
+    }]
+  },
+  placeholder: '请输入密码',
+  prefix: /*#__PURE__*/_jsx(LockOutlined, {})
+};
+export var defaultLoginButtonItem = {
+  renderType: 'button',
+  type: 'primary',
+  htmlType: 'submit',
+  label: '登录',
+  block: true
+};

package/dist/esm/LoginForm/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { FormProps, FormInstance } from 'antd';
+import { type DItemProps } from "./..";
+export interface LoginFormProps extends Omit<FormProps, 'onFinish'> {
+    /** 登录表单额外的表单项 */
+    extraItems?: DItemProps[];
+    /** 点击登录按钮的回调 */
+    onFinish?: (values: any) => void | Promise<any>;
+    /** 登录按钮文本 */
+    loginText?: string;
+    /** 是否禁用登录按钮 */
+    loginButtonDisabled?: boolean;
+    /** 用户名表单项配置 */
+    usernameItem?: Partial<DItemProps>;
+    /** 密码表单项配置 */
+    passwordItem?: Partial<DItemProps>;
+    /** 登录按钮表单项配置 */
+    loginButtonItem?: Partial<DItemProps>;
+}
+declare const LoginForm: React.ForwardRefExoticComponent<LoginFormProps & React.RefAttributes<FormInstance<any>>>;
+export default LoginForm;

package/dist/esm/LoginForm/index.js

@@ -0,0 +1,122 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+var _excluded = ["extraItems", "onFinish", "loginText", "loginButtonDisabled", "usernameItem", "passwordItem", "loginButtonItem", "className"];
+import React, { useState, useEffect, forwardRef, useContext, useMemo } from 'react';
+import classNames from 'classnames';
+import { DForm } from "./..";
+import { defaultUsernameItem, defaultPasswordItem, defaultLoginButtonItem } from "./defaultConfig";
+import { ConfigContext } from "../ConfigProvider";
+import { jsx as _jsx } from "react/jsx-runtime";
+var mergeItemProps = function mergeItemProps(defaultItem, item, options) {
+  var baseMerged = _objectSpread(_objectSpread({}, defaultItem), item);
+  // 检查是否存在 formItemProps 属性
+  if ('formItemProps' in defaultItem && 'formItemProps' in item) {
+    baseMerged['formItemProps'] = _objectSpread(_objectSpread({}, defaultItem.formItemProps), item.formItemProps);
+  }
+  if (options) {
+    baseMerged = _objectSpread(_objectSpread({}, baseMerged), options);
+  }
+  return baseMerged;
+};
+var LoginForm = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$extraItems = props.extraItems,
+    extraItems = _props$extraItems === void 0 ? [] : _props$extraItems,
+    onFinish = props.onFinish,
+    _props$loginText = props.loginText,
+    loginText = _props$loginText === void 0 ? '登录' : _props$loginText,
+    _props$loginButtonDis = props.loginButtonDisabled,
+    loginButtonDisabled = _props$loginButtonDis === void 0 ? false : _props$loginButtonDis,
+    _props$usernameItem = props.usernameItem,
+    usernameItem = _props$usernameItem === void 0 ? {} : _props$usernameItem,
+    _props$passwordItem = props.passwordItem,
+    passwordItem = _props$passwordItem === void 0 ? {} : _props$passwordItem,
+    _props$loginButtonIte = props.loginButtonItem,
+    loginButtonItem = _props$loginButtonIte === void 0 ? {} : _props$loginButtonIte,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigContext),
+    prefixCls = _useContext.prefixCls,
+    getPrefixCls = _useContext.getPrefixCls;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _DForm$useForm = DForm.useForm(),
+    _DForm$useForm2 = _slicedToArray(_DForm$useForm, 1),
+    form = _DForm$useForm2[0];
+  var classname = getPrefixCls('login-form');
+  var wrapperClass = classNames(_defineProperty({}, "".concat(prefixCls, "-login-form"), !!prefixCls), classname, className).trim();
+  var mergedUsernameItem = useMemo(function () {
+    return mergeItemProps(defaultUsernameItem, usernameItem);
+  }, [usernameItem]);
+  var mergedPasswordItem = useMemo(function () {
+    return mergeItemProps(defaultPasswordItem, passwordItem);
+  }, [passwordItem]);
+  var mergedLoginButtonItem = useMemo(function () {
+    return mergeItemProps(defaultLoginButtonItem, loginButtonItem, {
+      label: loginText,
+      disabled: loginButtonDisabled || loading,
+      loading: loading
+    });
+  }, [loginButtonItem, loginText, loginButtonDisabled, loading]);
+  var items = useMemo(function () {
+    return [mergedUsernameItem, mergedPasswordItem].concat(_toConsumableArray(extraItems), [mergedLoginButtonItem]);
+  }, [mergedUsernameItem, mergedPasswordItem, extraItems, mergedLoginButtonItem]);
+  useEffect(function () {
+    if (ref) {
+      if (typeof ref === 'function') {
+        ref(form);
+      } else {
+        ref.current = form;
+      }
+    }
+  }, [form, ref]);
+  var handleFinish = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values) {
+      var result;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (onFinish) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            setLoading(true);
+            _context.prev = 3;
+            result = onFinish(values);
+            if (!(result instanceof Promise)) {
+              _context.next = 8;
+              break;
+            }
+            _context.next = 8;
+            return result;
+          case 8:
+            _context.prev = 8;
+            setLoading(false);
+            return _context.finish(8);
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3,, 8, 11]]);
+    }));
+    return function handleFinish(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/_jsx(DForm, _objectSpread({
+    form: form,
+    items: items,
+    onFinish: handleFinish,
+    className: wrapperClass
+  }, restProps));
+});
+export default LoginForm;

package/dist/esm/index.d.ts

@@ -30,6 +30,8 @@ export { default as DModal } from './DModal';
 export type { DModalProps } from './DModal/interface';
 export { default as ModalForm } from './ModalForm';
 export type { ModalFormProps } from './ModalForm';
+export { default as LoginForm } from './LoginForm';
+export type { LoginFormProps } from './LoginForm';
 export { default as ColorPicker } from './ColorPicker';
 export type { ColorPickerType, TwitterPickerType, HuePickerType, AlphaPickerType, BlockPickerType, ChromePickerType, CompactPickerType, CirclePickerType, SliderPickerType, } from './ColorPicker/interface';
 export { default as ScrollNumber } from './ScrollNumber';

package/dist/esm/index.js

@@ -15,6 +15,7 @@ export { default as DTable } from "./DTable";
 export { default as DForm } from "./DForm";
 export { default as DModal } from "./DModal";
 export { default as ModalForm } from "./ModalForm";
+export { default as LoginForm } from "./LoginForm";
 export { default as ColorPicker } from "./ColorPicker";
 export { default as ScrollNumber } from "./ScrollNumber";
 export { default as WordCloud } from "./WordCloud";