@pointcloud/pcloud-components 0.1.3 → 0.1.5

package/dist/esm/DCascader/index.js

@@ -1,39 +1,42 @@
-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); }
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "popupClassName", "fieldNames", "options", "onChange", "loadData", "onLoadData", "loading"];
-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); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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; }
 /*
  * @Author       : wangfeihu
  * @Date         : 2023-05-18 13:35:38
  * @LastEditors  : wangfeihu
- * @LastEditTime : 2023-05-26 16:18:55
+ * @LastEditTime : 2023-07-12 09:44:01
  * @Description  : 基于antd的Cascader组件
  */
 import React, { useRef, forwardRef, useState, useEffect, useMemo, useContext } from 'react';
 import { Cascader } from 'antd';
 import { ConfigContext } from "../ConfigProvider";
 import "./index.less";
-
-/**
- *
- * 如何只显示选中的子节点
- */
+import { jsx as _jsx } from "react/jsx-runtime";
+// 获取延时时间，默认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 +73,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 +87,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 +153,6 @@ function InternalCascader(props, ref) {
   };
 
   // 初始加载数据
-  // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(function () {
     return updateOptions(getOptionsFun);
   }, [getOptionsFun]);
@@ -157,7 +184,7 @@ function InternalCascader(props, ref) {
       };
     }
   }, [timestamp]);
-  return /*#__PURE__*/React.createElement(Cascader, _extends({}, otherProps, {
+  return /*#__PURE__*/_jsx(Cascader, _objectSpread(_objectSpread({}, otherProps), {}, {
     ref: ref,
     fieldNames: _fieldNames,
     loadData: _loadData,
@@ -168,29 +195,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/DCascader/index.less

@@ -1,18 +1,22 @@
 @import '../commonStyle/index.less';
+
 .@{prefix}-cascader-dropdown .ant-cascader-menu {
   &::-webkit-scrollbar {
     width: 8px;
     height: 8px;
   }
+
   // 轨道拖动部分的背景颜色
   &::-webkit-scrollbar-thumb {
-    background-color: rgba(0, 0, 0, 0.5);
+    background-color: rgba(0, 0, 0, 50%);
     border-radius: 8px;
   }
+
   // 轨道背景颜色
   &::-webkit-scrollbar-track {
     border-radius: 2px;
   }
+
   // x、y两条轨道的交叉处
   &::-webkit-scrollbar-corner {
     background-color: #f1f1f1;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { DItemProps } from './itemType';
+export type { DItemProps };
+declare function DItem(props: DItemProps): JSX.Element;
+export default DItem;

package/dist/esm/DForm/DItem/index.js

@@ -0,0 +1,33 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["formItemProps", "label", "name", "renderType", "render", "children"];
+import itemsRender from "./itemsRender";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+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 === 'custom' || renderType === 'other') {
+    return render ? /*#__PURE__*/_jsx(_Fragment, {
+      children: render(otherProps, _formItemProps, props)
+    }) : /*#__PURE__*/_jsx(_Fragment, {
+      children: children
+    });
+  } else if (renderType) {
+    return itemsRender[renderType](otherProps, _formItemProps, label, render, children);
+  } else {
+    return /*#__PURE__*/_jsx(_Fragment, {});
+  }
+}
+export default DItem;

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

@@ -0,0 +1,106 @@
+import { HTMLAttributes, 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 { DInputProps } from '../../DInput';
+import { DSelectProps } from '../../DSelect';
+import { DCascaderProps } from '../../DCascader';
+import { DTreeSelectProps } from '../../DTreeSelect';
+import { DUploadProps } from '../../DUpload';
+declare type DItemBaseProps = {
+    /** label标签文本,同antd Form.Item的label,只能是string */
+    label?: string;
+    /** name标签文本,同antd Form.Item的name */
+    name?: string;
+    /** Form.Item 的其他属性 */
+    formItemProps?: FormItemProps;
+};
+/** 自定义渲染的DItem */
+declare type CustomItemProps = DItemBaseProps & HTMLAttributes<HTMLElement> & {
+    /** 渲染类型 */
+    renderType?: 'custom' | 'other';
+    /** 自定义渲染函数 */
+    render?: (props: any, formItemProps: FormItemProps, allProps?: DItemProps) => ReactNode;
+    children?: ReactNode;
+    [key: string]: any;
+};
+declare type DInputItemProps = {
+    renderType?: 'dInput';
+} & DItemBaseProps & DInputProps;
+declare type InputItemProps = {
+    renderType?: 'input';
+} & DItemBaseProps & InputProps;
+declare type TextAreaItemProps = {
+    renderType?: 'textArea';
+} & DItemBaseProps & TextAreaProps;
+declare type PasswordItemProps = {
+    renderType?: 'password';
+} & DItemBaseProps & PasswordProps;
+declare type InputNumberItemProps = {
+    renderType?: 'inputNumber';
+} & DItemBaseProps & InputNumberProps;
+declare type AutoCompleteItemProps = {
+    renderType?: 'autoComplete';
+} & DItemBaseProps & AutoCompleteProps;
+declare type DSelectItemProps = {
+    renderType?: 'dSelect';
+} & DItemBaseProps & DSelectProps;
+declare type SelectItemProps = {
+    renderType?: 'select';
+} & DItemBaseProps & SelectProps;
+declare type DCascaderItemProps = {
+    renderType?: 'dCascader';
+} & DItemBaseProps & DCascaderProps;
+declare type CascaderItemProps = {
+    renderType?: 'cascader';
+} & DItemBaseProps & CascaderProps;
+declare type DTreeSelectItemProps = {
+    renderType?: 'dTreeSelect';
+} & DItemBaseProps & DTreeSelectProps;
+declare type TreeSelectItemProps = {
+    renderType?: 'treeSelect';
+} & DItemBaseProps & TreeSelectProps;
+declare type DatePickerItemProps = {
+    renderType?: 'datePicker';
+} & DItemBaseProps & DatePickerProps;
+declare type TimePickerItemProps = {
+    renderType?: 'timePicker';
+} & DItemBaseProps & TimePickerProps;
+declare type RangePickerItemProps = {
+    renderType?: 'rangePicker';
+} & DItemBaseProps & RangePickerProps;
+declare type MentionItemProps = {
+    renderType?: 'mentions';
+} & DItemBaseProps & MentionProps;
+declare type CheckboxItemProps = {
+    renderType?: 'checkbox';
+} & DItemBaseProps & CheckboxProps;
+declare type RadioItemProps = {
+    renderType?: 'radio';
+} & DItemBaseProps & RadioProps;
+declare type RateItemProps = {
+    renderType?: 'rate';
+} & DItemBaseProps & RateProps;
+declare type SliderItemProps = {
+    renderType?: 'slider';
+} & DItemBaseProps & SliderSingleProps;
+declare type SwitchItemProps = {
+    renderType?: 'switch';
+} & DItemBaseProps & SwitchProps;
+declare type TransferItemProps = {
+    renderType?: 'transfer';
+} & DItemBaseProps & TransferProps<any>;
+declare type UploadItemProps = {
+    renderType?: 'upload';
+} & DItemBaseProps & UploadProps;
+declare type DUploadItemProps = {
+    renderType?: 'dUpload';
+} & DItemBaseProps & DUploadProps;
+declare type ButtonItemProps = {
+    renderType?: 'button';
+} & DItemBaseProps & ButtonProps;
+declare type DividerItemProps = {
+    renderType?: 'divider';
+} & DItemBaseProps & DividerProps;
+export declare type DItemProps = CustomItemProps | DInputItemProps | InputItemProps | TextAreaItemProps | PasswordItemProps | InputNumberItemProps | AutoCompleteItemProps | DSelectItemProps | SelectItemProps | DCascaderItemProps | CascaderItemProps | DTreeSelectItemProps | TreeSelectItemProps | DatePickerItemProps | TimePickerItemProps | RangePickerItemProps | MentionItemProps | CheckboxItemProps | RadioItemProps | RateItemProps | SliderItemProps | SwitchItemProps | TransferItemProps | UploadItemProps | DUploadItemProps | ButtonItemProps | DividerItemProps;
+export {};

package/dist/esm/DForm/DItem/itemType.js

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

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

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+import { FormItemProps, SelectProps, AutoCompleteProps, UploadProps, TransferProps, InputProps, InputNumberProps, CascaderProps, TreeSelectProps, DatePickerProps, TimePickerProps, MentionProps, RadioProps, RateProps, SliderSingleProps, SwitchProps, DividerProps, CheckboxProps, ButtonProps } from 'antd';
+import { PasswordProps, TextAreaProps } from 'antd/lib/input';
+import { RangePickerProps } from 'antd/lib/date-picker';
+import { DInputProps } from '../../DInput';
+import { DSelectProps } from '../../DSelect';
+import { DTreeSelectProps } from '../../DTreeSelect';
+import { DCascaderProps } from '../../DCascader';
+import { DUploadProps } from '../../DUpload';
+import { DItemProps } from './itemType';
+declare const renderMap: {
+    dInput: (props: DInputProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    input: (props: InputProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    textArea: (props: TextAreaProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    password: (props: PasswordProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    inputNumber: (props: InputNumberProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    autoComplete: (props: AutoCompleteProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    dSelect: (props: DSelectProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    select: (props: SelectProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    dCascader: (props: DCascaderProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    cascader: (props: CascaderProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    dTreeSelect: (props: DTreeSelectProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    treeSelect: (props: TreeSelectProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    datePicker: (props: DatePickerProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    timePicker: (props: TimePickerProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    rangePicker: (props: RangePickerProps, formItemProps: FormItemProps) => JSX.Element;
+    mentions: (props: MentionProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    checkbox: (props: CheckboxProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    radio: (props: RadioProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    rate: (props: RateProps, formItemProps: FormItemProps) => JSX.Element;
+    slider: (props: SliderSingleProps, formItemProps: FormItemProps) => JSX.Element;
+    switch: (props: SwitchProps, formItemProps: FormItemProps) => JSX.Element;
+    transfer: (props: TransferProps<any>, formItemProps: FormItemProps, label: DItemProps['label'], render: TransferProps<any>['render']) => JSX.Element;
+    upload: (props: UploadProps, formItemProps: FormItemProps, label: DItemProps['label'], render: () => void, children: UploadProps['children']) => JSX.Element;
+    dUpload: (props: DUploadProps, formItemProps: FormItemProps, label: DItemProps['label'], render: (props: any) => ReactNode, children: DUploadProps['children']) => JSX.Element;
+    button: (props: ButtonProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+    divider: (props: DividerProps, formItemProps: FormItemProps, label: DItemProps['label']) => JSX.Element;
+};
+export default renderMap;

package/dist/esm/DForm/DItem/itemsRender.js

@@ -0,0 +1,193 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-12 17:35:10
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-07-13 17:11:55
+ * @Description  : 根据renderType渲染对应的表单项组件
+ */
+
+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";
+import { jsx as _jsx } from "react/jsx-runtime";
+var renderMap = {
+  dInput: function dInput(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(DInput, _objectSpread({
+        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+      }, props))
+    }));
+  },
+  input: function input(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(Input, _objectSpread({
+        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+      }, props))
+    }));
+  },
+  textArea: function textArea(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(Input.TextArea, _objectSpread({
+        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+      }, props))
+    }));
+  },
+  password: function password(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(Input.Password, _objectSpread({
+        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+      }, props))
+    }));
+  },
+  inputNumber: function inputNumber(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(InputNumber, _objectSpread({
+        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+      }, props))
+    }));
+  },
+  autoComplete: function autoComplete(props, formItemProps, label) {
+    var _props = props;
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(AutoComplete, _objectSpread({
+        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+      }, _props))
+    }));
+  },
+  dSelect: function dSelect(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(DSelect, _objectSpread({
+        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+      }, props))
+    }));
+  },
+  select: function select(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(Select, _objectSpread({
+        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+      }, props))
+    }));
+  },
+  dCascader: function dCascader(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(DCascader, _objectSpread({
+        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+      }, props))
+    }));
+  },
+  cascader: function cascader(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(Cascader, _objectSpread({
+        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+      }, props))
+    }));
+  },
+  dTreeSelect: function dTreeSelect(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(DTreeSelect, _objectSpread({
+        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+      }, props))
+    }));
+  },
+  treeSelect: function treeSelect(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(TreeSelect, _objectSpread({
+        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+      }, props))
+    }));
+  },
+  datePicker: function datePicker(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(DatePicker, _objectSpread({
+        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+      }, props))
+    }));
+  },
+  timePicker: function timePicker(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(TimePicker, _objectSpread({
+        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+      }, props))
+    }));
+  },
+  rangePicker: function rangePicker(props, formItemProps) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(DatePicker.RangePicker, _objectSpread({}, props))
+    }));
+  },
+  mentions: function mentions(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(Mentions, _objectSpread({
+        placeholder: label ? "\u8BF7\u8F93\u5165".concat(label) : ''
+      }, props))
+    }));
+  },
+  checkbox: function checkbox(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(Checkbox, _objectSpread(_objectSpread({}, props), {}, {
+        children: label
+      }))
+    }));
+  },
+  radio: function radio(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(Radio, _objectSpread(_objectSpread({}, props), {}, {
+        children: label
+      }))
+    }));
+  },
+  rate: function rate(props, formItemProps) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(Rate, _objectSpread({}, props))
+    }));
+  },
+  slider: function slider(props, formItemProps) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(Slider, {})
+    }));
+  },
+  switch: function _switch(props, formItemProps) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(Switch, _objectSpread({}, props))
+    }));
+  },
+  transfer: function transfer(props, formItemProps, label, render) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(Transfer, _objectSpread({
+        render: render
+      }, props))
+    }));
+  },
+  upload: function upload(props, formItemProps, label, render, children) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(Upload, _objectSpread(_objectSpread({}, props), {}, {
+        children: children || label || ''
+      }))
+    }));
+  },
+  dUpload: function dUpload(props, formItemProps, label, render, children) {
+    return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, formItemProps), {}, {
+      children: /*#__PURE__*/_jsx(DUpload, _objectSpread(_objectSpread({}, props), {}, {
+        children: children
+      }))
+    }));
+  },
+  button: function button(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, props), {}, {
+      children: label || ''
+    }));
+  },
+  divider: function divider(props, formItemProps, label) {
+    return /*#__PURE__*/_jsx(Divider, _objectSpread(_objectSpread({
+      orientation: "left",
+      orientationMargin: 0
+    }, props), {}, {
+      children: label
+    }));
+  }
+};
+export default renderMap;

package/dist/esm/DForm/helper.js

@@ -1,10 +1,10 @@
-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 _typeof from "@babel/runtime/helpers/esm/typeof";
+/*
+ * @Author       : wangfeihu
+ * @Date         : 2023-06-07 15:08:06
+ * @LastEditors  : wangfeihu
+ * @LastEditTime : 2023-06-12 17:35:15
+ * @Description  : 合并两个对象中的所有字段
  */
 
 import mergeWith from 'lodash/mergeWith';

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

@@ -13,7 +13,7 @@ declare type InternalFormProps = {
     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 function InternalForm(props: DFormProps, ref: React.Ref<FormInstance<any>>): JSX.Element;
 declare const DForm: typeof InternalForm & {
     Item: typeof DItem;
 };