@pointcloud/pcloud-components 0.1.2 → 0.1.4

package/README.md

@@ -1,6 +1,6 @@
 # pcloud-components
 
-pcloud-components 是一套基于 Antd v4.19.3 + React v17.0.0 开发的业务组件库。
+pcloud-components 是一套基于 Antd v4.24.10 + React v17.0.0 开发的业务组件库。
 
 ## 开始
 
@@ -28,6 +28,12 @@ $ npm run docs:build
 $ npm run build
 ```
 
+发布 npm
+
+```bash
+$ npm publish
+```
+
 发布文档站点
 
 ```bash

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

@@ -1,15 +1,11 @@
 import React from 'react';
 import { DefaultOptionType, CascaderProps, CascaderRef } from 'antd/lib/cascader';
 import './index.less';
-/**
- *
- * 如何只显示选中的子节点
- */
 export declare type DCascaderProps = Omit<CascaderProps<any>, 'options' | 'loadData' | 'loading'> & {
     /** antd的options属性，同onSearch属性，可以是一个options数组，或一个返回等价options数组的promise */
-    options?: DefaultOptionType[] | ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[] | any[]>);
+    options?: DefaultOptionType[] | ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[]>);
     /** antd的loadData属性，动态加载子级列表数据,默认使用options所提供的方法，如果传入null，则表示不进行动态加载,该方法要求返回一个options数组或与其等价的Promise */
-    loadData?: ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[] | any[]>) | null;
+    loadData?: ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[] | DefaultOptionType[]>) | null;
     /** 等同antd的loadData属性,用于监听antd loadData事件*/
     onLoadData?: (value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => void;
     /** antd的loading属性，是否显示加载中：传入数字表示延迟加载,单位毫秒，0等同于false */
@@ -17,9 +13,9 @@ export declare type DCascaderProps = Omit<CascaderProps<any>, 'options' | 'loadD
 };
 declare const DCascader: React.ForwardRefExoticComponent<Omit<CascaderProps<any>, "options" | "loading" | "loadData"> & {
     /** antd的options属性，同onSearch属性，可以是一个options数组，或一个返回等价options数组的promise */
-    options?: DefaultOptionType[] | ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[] | any[]>) | undefined;
+    options?: DefaultOptionType[] | ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[]>) | undefined;
     /** antd的loadData属性，动态加载子级列表数据,默认使用options所提供的方法，如果传入null，则表示不进行动态加载,该方法要求返回一个options数组或与其等价的Promise */
-    loadData?: ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[] | any[]>) | null | undefined;
+    loadData?: ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => Promise<DefaultOptionType[] | DefaultOptionType[]>) | null | undefined;
     /** 等同antd的loadData属性,用于监听antd loadData事件*/
     onLoadData?: ((value?: string, option?: DefaultOptionType, options?: DefaultOptionType[]) => void) | undefined;
     /** antd的loading属性，是否显示加载中：传入数字表示延迟加载,单位毫秒，0等同于false */

package/dist/esm/DCascader/index.js

@@ -22,18 +22,35 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
  * @Author       : wangfeihu
  * @Date         : 2023-05-18 13:35:38
  * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-05-26 16:18:55
+ * @LastEditTime : 2023-06-30 16:19:18
  * @Description  : 基于antd的Cascader组件
  */
 import React, { useRef, forwardRef, useState, useEffect, useMemo, useContext } from 'react';
 import { Cascader } from 'antd';
 import { ConfigContext } from "../ConfigProvider";
 import "./index.less";
-
-/**
- *
- * 如何只显示选中的子节点
- */
+// 获取延时时间，默认800ms，true代表默认时间,false代表0
+function getDelayTime(value) {
+  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 800;
+  if (value === true) {
+    return defaultValue;
+  } else if (value === false) {
+    return 0;
+  } else {
+    return typeof value === 'number' ? Number(value) || 0 : defaultValue;
+  }
+}
+function updateDropDom(dSelectDropDom, timestamp) {
+  var dSelectDom = document.querySelector(".d-cascader-".concat(timestamp));
+  var dSelectDropFirstMenu = dSelectDropDom.querySelector('ul.ant-cascader-menu');
+  if (dSelectDom) {
+    // 获取选择框宽度并恢复其初始样式
+    dSelectDropDom.style.minWidth = "".concat(dSelectDom.clientWidth, "px");
+    dSelectDropFirstMenu.style.minWidth = "".concat(dSelectDom.clientWidth, "px");
+    // className && dSelectDom.setAttribute('class', className.replace(`d-cascader-${timestamp}`, ''));
+    // dSelectDropDom.setAttribute('class', dSelectDropDom.className.replace(`d-cascader-dropdown-${timestamp}`, ''));
+  }
+}
 
 function InternalCascader(props, ref) {
   var _props$className = props.className,
@@ -70,7 +87,7 @@ function InternalCascader(props, ref) {
     value: 'value',
     children: 'children'
   }, fieldNames);
-  var _loadingState = getDelayTime(loading, 600); // loading: 默认600ms，false或0表示不开启
+  var _loadingState = getDelayTime(initLoading, 600); // loading: 默认600ms，false或0表示不开启
 
   var _loading = typeof initLoading === 'boolean' ? initLoading : loading;
 
@@ -84,37 +101,62 @@ function InternalCascader(props, ref) {
     // 设置加载中状态
     if (_loadingState > 0) {
       loadingRef.current.status = 'loading';
+      loadingParamsRef.current = value;
       clearTimeout(loadingRef.current.timer);
       loadingRef.current.timer = setTimeout(function () {
-        loadingRef.current.status === 'loading' && setLoading(true);
+        if (loadingRef.current.status === 'loading') {
+          setLoading(true);
+        }
       }, _loadingState);
     }
     // 发起请求
-    loadingParamsRef.current = value;
     fun === null || fun === void 0 ? void 0 : fun(value).then(function (response) {
       if (loadingParamsRef.current === value) {
         setOptions(response);
         setLoading(false);
+        loadingParamsRef.current = null;
         loadingRef.current.status = 'done';
       }
     }).catch(function () {
       if (loadingParamsRef.current === value) {
         setLoading(false);
+        loadingParamsRef.current = null;
         loadingRef.current.status = 'done';
       }
     });
   };
   var _loadData = function _loadData(selectedOptions) {
     var targetOption = selectedOptions[selectedOptions.length - 1];
-    onLoadData && onLoadData(targetOption[_fieldNames.value], targetOption, selectedOptions);
+    onLoadData === null || onLoadData === void 0 ? void 0 : onLoadData(targetOption[_fieldNames.value], targetOption, selectedOptions);
     var _getOptions = typeof initOptions === 'function' ? initOptions : null;
     var loadFn = loadData === null ? loadData : loadData || _getOptions;
     if (typeof loadFn === 'function') {
-      loadFn === null || loadFn === void 0 ? void 0 : loadFn(targetOption[_fieldNames.value], targetOption, selectedOptions).then(function (response) {
+      // 设置加载中状态
+      if (_loadingState > 0) {
+        loadingRef.current.status = 'loading';
+        loadingParamsRef.current = loadingParamsRef.current ? loadingParamsRef.current + 1 : 1;
+        clearTimeout(loadingRef.current.timer);
+        loadingRef.current.timer = setTimeout(function () {
+          if (loadingRef.current.status === 'loading') {
+            setLoading(true);
+          }
+        }, _loadingState);
+      }
+      loadFn(targetOption[_fieldNames.value], targetOption, selectedOptions).then(function (response) {
+        loadingParamsRef.current = loadingParamsRef.current ? loadingParamsRef.current - 1 : null;
+        if (!loadingParamsRef.current) {
+          setLoading(false);
+          loadingRef.current.status = 'done';
+        }
         targetOption[_fieldNames.children] = response;
         targetOption.loading = false;
         setOptions(_toConsumableArray(options));
       }).catch(function () {
+        loadingParamsRef.current = loadingParamsRef.current ? loadingParamsRef.current - 1 : null;
+        if (!loadingParamsRef.current) {
+          setLoading(false);
+          loadingRef.current.status = 'done';
+        }
         targetOption.loading = false;
         setOptions(_toConsumableArray(options));
       });
@@ -125,7 +167,6 @@ function InternalCascader(props, ref) {
   };
 
   // 初始加载数据
-  // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(function () {
     return updateOptions(getOptionsFun);
   }, [getOptionsFun]);
@@ -168,29 +209,5 @@ function InternalCascader(props, ref) {
     onChange: _onChange
   }));
 }
-
-// 获取延时时间，默认800ms，true代表默认时间,false代表0
-function getDelayTime(value) {
-  var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 800;
-  if (value === true) {
-    return defaultValue;
-  } else if (value === false) {
-    return 0;
-  } else {
-    return typeof value === 'number' ? Number(value) || 0 : defaultValue;
-  }
-}
-function updateDropDom(dSelectDropDom, timestamp) {
-  var dSelectDom = document.querySelector(".d-cascader-".concat(timestamp));
-  var dSelectDropFirstMenu = dSelectDropDom.querySelector('ul.ant-cascader-menu');
-  if (dSelectDom) {
-    // 获取选择框宽度并恢复其初始样式
-    dSelectDropDom.style.minWidth = "".concat(dSelectDom.clientWidth, "px");
-    dSelectDropFirstMenu.style.minWidth = "".concat(dSelectDom.clientWidth, "px");
-    // className && dSelectDom.setAttribute('class', className.replace(`d-cascader-${timestamp}`, ''));
-    // dSelectDropDom.setAttribute('class', dSelectDropDom.className.replace(`d-cascader-dropdown-${timestamp}`, ''));
-  }
-}
-
 var DCascader = /*#__PURE__*/forwardRef(InternalCascader);
 export default DCascader;

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

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { InputProps, InputNumberProps, AutoCompleteProps, CascaderProps, SelectProps, TreeSelectProps, DatePickerProps, TimePickerProps, MentionProps, CheckboxProps, RadioProps, RateProps, SliderSingleProps, SwitchProps, TransferProps, UploadProps, ButtonProps, DividerProps, FormItemProps } from 'antd';
+import { PasswordProps, TextAreaProps } from 'antd/lib/input';
+import { RangePickerProps } from 'antd/lib/date-picker';
+import { SliderRangeProps } from 'antd/lib/slider';
+import { DInputProps } from '../DInput';
+import { DSelectProps } from '../DSelect';
+import { DCascaderProps } from '../DCascader';
+import { DTreeSelectProps } from '../DTreeSelect';
+import { DUploadProps } from '../DUpload';
+declare type RenderTypeProps = 'dInput' | 'input' | 'textArea' | 'password' | 'inputNumber' | 'autoComplete' | 'dSelect' | 'select' | 'dCascader' | 'cascader' | 'dTreeSelect' | 'treeSelect' | 'datePicker' | 'timePicker' | 'rangePicker' | 'mentions' | 'checkbox' | 'radio' | 'rate' | 'slider' | 'switch' | 'transfer' | 'upload' | 'dupload' | 'other' | 'button' | 'divider' | 'custom';
+export declare type InternalItemProps = DCustomItemProps & FormItemProps & DInputProps & InputProps & TextAreaProps & PasswordProps & InputNumberProps & AutoCompleteProps & DSelectProps & SelectProps & DCascaderProps & CascaderProps & DTreeSelectProps & TreeSelectProps & DatePickerProps & TimePickerProps & RangePickerProps & MentionProps & CheckboxProps & RadioProps & RateProps & SliderSingleProps & SliderRangeProps & SwitchProps & TransferProps<any> & UploadProps & DUploadProps & ButtonProps & DividerProps;
+declare type DCustomItemProps = {
+    /** 渲染类型 */
+    renderType?: RenderTypeProps | 'other';
+    /** label标签文本,同antd Form.Item的label,只能是string */
+    label?: string;
+    /** name标签文本,同antd Form.Item的name */
+    name?: string;
+    /** 自定义渲染函数 renderType等于custom、other时生效 */
+    render?: (props: InternalItemProps, formItemProps: FormItemProps, allProps?: InternalItemProps) => ReactNode;
+    /** Form.Item 的其他属性 */
+    formItemProps?: FormItemProps;
+    children?: ReactNode;
+};
+export declare type DItemProps = FormItemProps | DCustomItemProps | DInputProps | InputProps | TextAreaProps | PasswordProps | InputNumberProps | AutoCompleteProps | DSelectProps | SelectProps | DCascaderProps | CascaderProps | DTreeSelectProps | TreeSelectProps | DatePickerProps | TimePickerProps | RangePickerProps | MentionProps | CheckboxProps | RadioProps | RateProps | SliderSingleProps | SliderRangeProps | SwitchProps | TransferProps<any> | UploadProps | DUploadProps | ButtonProps | DividerProps;
+declare function DItem(props: InternalItemProps): string | number | boolean | import("react").ReactFragment | import("react").JSX.Element | null | undefined;
+export default DItem;

package/dist/esm/DForm/DItem.js

@@ -0,0 +1,31 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["formItemProps", "label", "name", "renderType", "render", "children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import itemsMap from "./DItemsMap";
+function DItem(props) {
+  // @ts-ignore
+  var formItemProps = props.formItemProps,
+    _props$label = props.label,
+    label = _props$label === void 0 ? '' : _props$label,
+    name = props.name,
+    renderType = props.renderType,
+    render = props.render,
+    children = props.children,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _formItemProps = _objectSpread({
+    label: label,
+    name: name
+  }, formItemProps);
+  if (renderType && renderType !== 'custom') {
+    return itemsMap[renderType](otherProps, _formItemProps, label, render, children, props);
+  } else {
+    return render ? render(otherProps, _formItemProps, props) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
+  }
+}
+export default DItem;

package/dist/esm/DForm/DItemsMap.d.ts

@@ -0,0 +1,33 @@
+import { ReactElement } from 'react';
+import { FormItemProps } from 'antd';
+import { InternalItemProps } from './DItem';
+declare const renderMap: {
+    dInput: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    input: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    textArea: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    password: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    inputNumber: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    autoComplete: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    dSelect: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    select: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    dCascader: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    cascader: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    dTreeSelect: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    treeSelect: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    datePicker: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    timePicker: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    rangePicker: (props: InternalItemProps, formItemProps: FormItemProps) => ReactElement;
+    mentions: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    checkbox: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    radio: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    rate: (props: InternalItemProps, formItemProps: FormItemProps) => ReactElement;
+    slider: (props: InternalItemProps, formItemProps: FormItemProps) => ReactElement;
+    switch: (props: InternalItemProps, formItemProps: FormItemProps) => ReactElement;
+    transfer: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label'], render: InternalItemProps['render']) => ReactElement;
+    upload: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label'], render: InternalItemProps['render'], children: InternalItemProps['children']) => ReactElement;
+    dupload: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label'], render: InternalItemProps['render'], children: InternalItemProps['children']) => ReactElement;
+    other: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label'], render: InternalItemProps['render'], children: InternalItemProps['children'], allProps: InternalItemProps) => ReactElement;
+    button: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+    divider: (props: InternalItemProps, formItemProps: FormItemProps, label: InternalItemProps['label']) => ReactElement;
+};
+export default renderMap;

package/dist/esm/DForm/DItemsMap.js

@@ -0,0 +1,148 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-12 17:35:10
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-06-30 16:45:59
+ * @Description  : 根据renderType渲染对应的表单项组件
+ */
+
+import React from 'react';
+import { Input, InputNumber, AutoComplete, Select, Cascader, TreeSelect, DatePicker, TimePicker, Mentions, Checkbox, Radio, Rate, Slider, Switch, Transfer, Upload, Form, Button, Divider } from 'antd';
+import DInput from "../DInput";
+import DSelect from "../DSelect";
+import DTreeSelect from "../DTreeSelect";
+import DCascader from "../DCascader";
+import DUpload from "../DUpload";
+var renderMap = {
+  dInput: function dInput(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DInput, _extends({
+      placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+    }, props)));
+  },
+  input: function input(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Input, _extends({
+      placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+    }, props)));
+  },
+  textArea: function textArea(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Input.TextArea, _extends({
+      placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+    }, props)));
+  },
+  password: function password(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Input.Password, _extends({
+      placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+    }, props)));
+  },
+  inputNumber: function inputNumber(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(InputNumber, _extends({
+      placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+    }, props)));
+  },
+  autoComplete: function autoComplete(props, formItemProps, label) {
+    var _props = props;
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(AutoComplete, _extends({
+      placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+    }, _props)));
+  },
+  dSelect: function dSelect(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DSelect, _extends({
+      placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+    }, props)));
+  },
+  select: function select(props, formItemProps, label) {
+    var _props = props;
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Select, _extends({
+      placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+    }, _props)));
+  },
+  dCascader: function dCascader(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DCascader, _extends({
+      placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+    }, props)));
+  },
+  cascader: function cascader(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Cascader, _extends({
+      placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+    }, props)));
+  },
+  dTreeSelect: function dTreeSelect(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DTreeSelect, _extends({
+      placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+    }, props)));
+  },
+  treeSelect: function treeSelect(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(TreeSelect, _extends({
+      placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+    }, props)));
+  },
+  datePicker: function datePicker(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DatePicker, _extends({
+      placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+    }, props)));
+  },
+  timePicker: function timePicker(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(TimePicker, _extends({
+      placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+    }, props)));
+  },
+  rangePicker: function rangePicker(props, formItemProps) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DatePicker.RangePicker, props));
+  },
+  mentions: function mentions(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Mentions, _extends({
+      placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+    }, props)));
+  },
+  checkbox: function checkbox(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Checkbox, props, label));
+  },
+  radio: function radio(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Radio, props, label));
+  },
+  rate: function rate(props, formItemProps) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Rate, props));
+  },
+  slider: function slider(props, formItemProps) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Slider, props));
+  },
+  switch: function _switch(props, formItemProps) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Switch, props));
+  },
+  transfer: function transfer(props, formItemProps, label, render) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Transfer, _extends({
+      render: render
+    }, props)));
+  },
+  upload: function upload(props, formItemProps, label, render, children) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(Upload, props, children || label || ''));
+  },
+  dupload: function dupload(props, formItemProps, label, render, children) {
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, /*#__PURE__*/React.createElement(DUpload, props, children));
+  },
+  other: function other(props, formItemProps, label, render, children, allProps) {
+    // rangePicker要求placeholder类型为string数组,在此对rangePicker类型做特殊处理
+    var _placeholder = label ? "\u8BF7\u8F93\u5165".concat(label) : '';
+    var placeholder = allProps.renderType === 'rangePicker' ? props.placeholder : _placeholder;
+    return /*#__PURE__*/React.createElement(Form.Item, formItemProps, render ? render(_objectSpread({
+      placeholder: placeholder
+    }, props), formItemProps, allProps) : children);
+  },
+  button: function button(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Button, props, label || '');
+  },
+  divider: function divider(props, formItemProps, label) {
+    return /*#__PURE__*/React.createElement(Divider, _extends({
+      orientation: "left",
+      orientationMargin: 0
+    }, props), label);
+  }
+};
+export default renderMap;

package/dist/esm/DForm/helper.d.ts

@@ -0,0 +1,6 @@
+/** 合并对象 */
+declare function merge(object: any, sources: any, customizer?: (objValue: any, srcValue: any) => any): any;
+declare const _default: {
+    merge: typeof merge;
+};
+export default _default;

package/dist/esm/DForm/helper.js

@@ -0,0 +1,56 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-07 15:08:06
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-06-12 17:35:15
+ * @Description  : 合并两个对象中的所有字段
+ */
+
+import mergeWith from 'lodash/mergeWith';
+import cloneDeep from 'lodash/cloneDeep';
+var TYPES = {
+  OPTION_TYPE_PRIMARY: 'primary',
+  OPTION_TYPE_OBJECT: 'object',
+  OPTION_TYPE_ARRAY: 'array'
+};
+
+// 获取某个字段的类型
+function getType(value) {
+  if (typeof value === 'string') {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  } else if (typeof value === 'number') {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  } else if (typeof value === 'boolean') {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  } else if (typeof value === 'undefined') {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  } else if (_typeof(value) === 'symbol') {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  } else if (value === null) {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  } else if (typeof value === 'function') {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  } else if (value instanceof Array) {
+    return TYPES.OPTION_TYPE_ARRAY;
+  } else if (Object.keys(value).length > 0) {
+    return TYPES.OPTION_TYPE_OBJECT;
+  } else {
+    return TYPES.OPTION_TYPE_PRIMARY;
+  }
+}
+var defaultCustomizer = function defaultCustomizer(objValue, srcValue) {
+  // 将空对象和空数组当成基本类型处理，不进行合并
+  if (srcValue instanceof Array && srcValue.length < 1 || getType(srcValue) === TYPES.OPTION_TYPE_PRIMARY) {
+    return srcValue;
+  }
+};
+
+/** 合并对象 */
+function merge(object, sources) {
+  var customizer = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultCustomizer;
+  return mergeWith(cloneDeep(object), sources, customizer);
+}
+export default {
+  merge: merge
+};

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

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+import { FormProps, FormInstance } from 'antd';
+import DItem, { DItemProps } from './DItem';
+import './index.less';
+declare type InternalFormProps = {
+    /** 表单项数组,可以通过数组的形式添加表单项 */
+    items?: DItemProps[];
+    /** 统一设置items的默认属性 */
+    defaultItemProps?: DItemProps;
+    /** children 方式添加表单项,如果同时设置了 items，则 children 在 items 下面 */
+    children?: ReactNode;
+    /** 布局方式 新增了行内垂直布局方式inlineVertical */
+    layout?: 'inline' | 'horizontal' | 'vertical' | 'inlineVertical';
+};
+export declare type DFormProps = Omit<FormProps, 'children' | 'layout'> & InternalFormProps;
+declare function InternalForm(props: DFormProps, ref: React.Ref<FormInstance<any>>): React.JSX.Element;
+declare const DForm: typeof InternalForm & {
+    Item: typeof DItem;
+};
+export default DForm;

package/dist/esm/DForm/index.js

@@ -0,0 +1,60 @@
+var _excluded = ["className", "defaultItemProps", "items", "children", "layout"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-02 09:29:11
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-06-16 09:09:24
+ * @Description  : 基于antd的Form组件
+ */
+
+import React, { forwardRef, useMemo, useContext } from 'react';
+import { Form } from 'antd';
+import { ConfigContext } from "../ConfigProvider";
+import helper from "./helper";
+import DItem from "./DItem";
+import "./index.less";
+function getChildren(items, children, _defaultItemProps) {
+  var list = [];
+  if (items instanceof Array && items.length > 0) {
+    list = items.map(function (item, index) {
+      var _item = helper.merge(_defaultItemProps, item);
+      return /*#__PURE__*/React.createElement(DItem, _extends({
+        key: (item === null || item === void 0 ? void 0 : item.name) || index
+      }, _item));
+    });
+  }
+  if (children) {
+    var childrenList = children instanceof Array ? children : [children];
+    list = list.concat(childrenList);
+  }
+  return list;
+}
+function InternalForm(props, ref) {
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    defaultItemProps = props.defaultItemProps,
+    items = props.items,
+    children = props.children,
+    layout = props.layout,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var _className = "".concat(getPrefixCls('form'), " ").concat(className, " ").concat(layout === 'inlineVertical' ? 'inlineVertical' : '');
+  var _layout = layout === 'inlineVertical' ? 'inline' : layout;
+  var itemChildren = useMemo(function () {
+    return getChildren(items, children, defaultItemProps);
+  }, [items, children, defaultItemProps]);
+  return /*#__PURE__*/React.createElement(Form, _extends({}, otherProps, {
+    className: _className,
+    layout: _layout,
+    ref: ref
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "form-wrapper"
+  }, itemChildren));
+}
+var DForm = /*#__PURE__*/forwardRef(InternalForm);
+DForm.Item = DItem;
+export default DForm;

package/dist/esm/DForm/index.less

@@ -0,0 +1,31 @@
+@import '../commonStyle/index.less';
+.@{prefix}-form {
+  .form-wrapper > * {
+    min-height: 32px;
+    margin-right: 0;
+    margin-bottom: 24px;
+    padding-right: 16px;
+  }
+}
+
+.@{prefix}-form.ant-form-horizontal .ant-form-item-label {
+  min-width: 80px;
+}
+
+.@{prefix}-form.ant-form-inline .form-wrapper,
+.@{prefix}-form.ant-form-inline.inlineVertical .form-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  height: min-content;
+}
+
+.@{prefix}-form.ant-form-inline.inlineVertical {
+  .ant-form-item-row {
+    flex-direction: column;
+
+    .ant-form-item-label {
+      text-align: left;
+    }
+  }
+}